-
-
Notifications
You must be signed in to change notification settings - Fork 597
/
postcss-icss-parser.js
76 lines (63 loc) · 2.09 KB
/
postcss-icss-parser.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
import postcss from 'postcss';
import { extractICSS, replaceValueSymbols, replaceSymbols } from 'icss-utils';
import loaderUtils from 'loader-utils';
import { getExportItemCode, getImportItemCode } from '../utils';
const pluginName = 'postcss-icss-parser';
function hasImportMessage(messages, url) {
return messages.find(
(message) =>
message.pluginName === pluginName &&
message.type === 'import' &&
message.item.url === url &&
message.item.media === ''
);
}
export default postcss.plugin(
pluginName,
(options = {}) =>
function process(css, result) {
const importReplacements = Object.create(null);
const { icssImports, icssExports } = extractICSS(css);
let index = 0;
for (const importUrl of Object.keys(icssImports)) {
const url = loaderUtils.parseString(importUrl);
for (const token of Object.keys(icssImports[importUrl])) {
index += 1;
importReplacements[token] = `___CSS_LOADER_IMPORT___${index}___`;
result.messages.push({
pluginName,
type: 'icss-import',
item: { url, export: icssImports[importUrl][token], index },
});
if (!hasImportMessage(result.messages, url)) {
const media = '';
const { loaderContext, importPrefix } = options;
result.messages.push({
pluginName,
type: 'import',
import: getImportItemCode(
{ url, media },
loaderContext,
importPrefix
),
item: { url, media },
});
}
}
}
replaceSymbols(css, importReplacements);
for (const exportName of Object.keys(icssExports)) {
const name = exportName;
const value = replaceValueSymbols(
icssExports[name],
importReplacements
);
result.messages.push({
pluginName,
export: getExportItemCode(name, value, options.exportLocalsStyle),
type: 'export',
item: { name, value },
});
}
}
);