This repository has been archived by the owner on Feb 18, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.js
85 lines (66 loc) · 2.07 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
var _ = require('lodash');
var postcss = require('postcss');
var camelCase = require('camelcase');
var sanitizeSelector = function (selector) {
return selector.replace(/\n/gi, ' ');
};
var convertValue = function (value) {
var result = value;
var resultNumber = Number(result);
// Handle single pixel values (font-size: 16px)
if (result.indexOf(' ') === -1 && result.indexOf('px') !== -1) {
result = parseInt(result.replace('px', ''), 10);
// Handle numeric values
} else if (_.isNaN(resultNumber) === false) {
result = resultNumber;
}
return result;
};
var convertProp = function (prop) {
var result = camelCase(prop);
// Handle vendor prefixes
if (prop.indexOf('-webkit') === 0) {
result = result.replace('webkit', 'Webkit');
} else if (prop.indexOf('-moz') === 0) {
result = result.replace('moz', 'Moz');
} else if (prop.indexOf('-o') === 0) {
result = result.replace('o', 'O');
}
return result;
};
var convertDecl = function (decl) {
return {
property: convertProp(decl.prop),
value: convertValue(decl.value)
};
};
var convertRule = function (rule) {
var returnObj = {};
var selector = sanitizeSelector(rule.selector);
returnObj[selector] = _.transform(rule.nodes, function (convertedDecls, decl) {
if (decl.type === 'decl') {
var convertedDecl = convertDecl(decl);
convertedDecls[convertedDecl.property] = convertedDecl.value;
}
}, {})
return returnObj;
};
var convertMedia = function (media) {
var returnObj = { mediaQueries: {} };
returnObj.mediaQueries[media.params] = {};
_.forEach(media.nodes, function (node) {
if (node.type !== 'rule') {
return;
}
_.merge(returnObj.mediaQueries[media.params], convertRule(node));
});
return returnObj;
};
var convertCss = function (sourceCss) {
var source = postcss.parse(sourceCss).nodes;
return _.transform(source, function (convertedObj, node) {
node.type === 'rule' && _.merge(convertedObj, convertRule(node));
node.name === 'media' && _.merge(convertedObj, convertMedia(node));
}, {});
};
module.exports = convertCss;