grid-template.js
2.76 KB
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
"use strict";
exports.__esModule = true;
var _postcssValueParser = require("postcss-value-parser");
var _postcssValueParser2 = _interopRequireDefault(_postcssValueParser);
var _cache = require("./cache");
var _cache2 = _interopRequireDefault(_cache);
var _isNum = require("./isNum");
var _isNum2 = _interopRequireDefault(_isNum);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var RESERVED_KEYWORDS = ["auto", "span", "inherit", "initial", "unset"];
var cache = {};
var declCache = [];
exports.default = {
collect: function collect(node, encoder) {
if (node.type !== 'decl') {
return;
}
if (/(grid-template|grid-template-areas)/.test(node.prop)) {
(0, _postcssValueParser2.default)(node.value).walk(function (child) {
if (child.type === 'string') {
child.value.split(/\s+/).forEach(function (word) {
if (/\.+/.test(word)) {
// reduce empty zones to a single `.`
node.value = node.value.replace(word, ".");
} else if (word && RESERVED_KEYWORDS.indexOf(word) === -1) {
(0, _cache2.default)(word, encoder, cache);
}
});
}
});
declCache.push(node);
} else if (node.prop === 'grid-area') {
(0, _postcssValueParser2.default)(node.value).walk(function (child) {
if (child.type === 'word' && RESERVED_KEYWORDS.indexOf(child.value) === -1) {
(0, _cache2.default)(child.value, encoder, cache);
}
});
declCache.push(node);
}
},
transform: function transform() {
declCache.forEach(function (decl) {
decl.value = (0, _postcssValueParser2.default)(decl.value).walk(function (node) {
if (/(grid-template|grid-template-areas)/.test(decl.prop)) {
node.value.split(/\s+/).forEach(function (word) {
if (word in cache) {
node.value = node.value.replace(word, cache[word].ident);
}
});
node.value = node.value.replace(/\s+/g, " "); // merge white-spaces
}
if (decl.prop === 'grid-area' && !(0, _isNum2.default)(node)) {
if (node.value in cache) {
node.value = cache[node.value].ident;
}
}
return false;
}).toString();
});
// reset cache after transform
cache = {};
declCache = [];
}
};
module.exports = exports["default"];