@plumeria/compiler 6.2.1 → 6.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +25 -3
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -182,11 +182,21 @@ function compileCSS(options) {
|
|
|
182
182
|
}
|
|
183
183
|
};
|
|
184
184
|
if (propName === 'create') {
|
|
185
|
+
const resolveVariable = (name) => {
|
|
186
|
+
if (localCreateStyles[name]) {
|
|
187
|
+
return localCreateStyles[name].obj;
|
|
188
|
+
}
|
|
189
|
+
if (mergedCreateThemeHashTable[name]) {
|
|
190
|
+
const themeHash = mergedCreateThemeHashTable[name];
|
|
191
|
+
return scannedTables.createAtomicMapTable[themeHash];
|
|
192
|
+
}
|
|
193
|
+
return undefined;
|
|
194
|
+
};
|
|
185
195
|
const obj = (0, utils_1.objectExpressionToObject)(node.init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable, resolveVariable);
|
|
186
196
|
if (obj) {
|
|
187
197
|
localCreateStyles[node.id.value] = { type: 'create', obj };
|
|
188
198
|
Object.entries(obj).forEach(([key, style]) => {
|
|
189
|
-
const records = (0, utils_1.getStyleRecords)(key, style
|
|
199
|
+
const records = (0, utils_1.getStyleRecords)(key, style);
|
|
190
200
|
(0, utils_1.extractOndemandStyles)(style, extractedSheets, scannedTables);
|
|
191
201
|
records.forEach((r) => {
|
|
192
202
|
extractedSheets.push(r.sheet);
|
|
@@ -200,6 +210,17 @@ function compileCSS(options) {
|
|
|
200
210
|
localCreateStyles[node.id.value] = { type: 'variant', obj };
|
|
201
211
|
}
|
|
202
212
|
}
|
|
213
|
+
else if (propName === 'createTheme') {
|
|
214
|
+
const obj = (0, utils_1.objectExpressionToObject)(node.init.arguments[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
|
|
215
|
+
const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
|
|
216
|
+
const uniqueKey = `${resourcePath}-${node.id.value}`;
|
|
217
|
+
scannedTables.createThemeHashTable[uniqueKey] = hash;
|
|
218
|
+
scannedTables.createThemeObjectTable[hash] = obj;
|
|
219
|
+
localCreateStyles[node.id.value] = {
|
|
220
|
+
type: 'create',
|
|
221
|
+
obj: scannedTables.createAtomicMapTable[hash],
|
|
222
|
+
};
|
|
223
|
+
}
|
|
203
224
|
}
|
|
204
225
|
}
|
|
205
226
|
},
|
|
@@ -289,7 +310,7 @@ function compileCSS(options) {
|
|
|
289
310
|
const processStyle = (style) => {
|
|
290
311
|
(0, utils_1.extractOndemandStyles)(style, extractedSheets, scannedTables);
|
|
291
312
|
const hash = (0, zss_engine_1.genBase36Hash)(style, 1, 8);
|
|
292
|
-
const records = (0, utils_1.getStyleRecords)(hash, style
|
|
313
|
+
const records = (0, utils_1.getStyleRecords)(hash, style);
|
|
293
314
|
records.forEach((r) => extractedSheets.push(r.sheet));
|
|
294
315
|
};
|
|
295
316
|
if (propName === 'props') {
|
|
@@ -458,6 +479,7 @@ function compileCSS(options) {
|
|
|
458
479
|
utils_1.t.isObjectExpression(args[0].expression)) {
|
|
459
480
|
const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
|
|
460
481
|
const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
|
|
482
|
+
(0, utils_1.extractOndemandStyles)({ kf: `kf-${hash}` }, extractedSheets, scannedTables);
|
|
461
483
|
scannedTables.keyframesObjectTable[hash] = obj;
|
|
462
484
|
}
|
|
463
485
|
else if (propName === 'viewTransition' &&
|
|
@@ -466,7 +488,6 @@ function compileCSS(options) {
|
|
|
466
488
|
const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
|
|
467
489
|
const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
|
|
468
490
|
scannedTables.viewTransitionObjectTable[hash] = obj;
|
|
469
|
-
(0, utils_1.extractOndemandStyles)(obj, extractedSheets, scannedTables);
|
|
470
491
|
(0, utils_1.extractOndemandStyles)({ vt: `vt-${hash}` }, extractedSheets, scannedTables);
|
|
471
492
|
}
|
|
472
493
|
else if (propName === 'createTheme' &&
|
|
@@ -475,6 +496,7 @@ function compileCSS(options) {
|
|
|
475
496
|
const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, mergedVariantsTable);
|
|
476
497
|
const themeHash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
|
|
477
498
|
scannedTables.createThemeObjectTable[themeHash] = obj;
|
|
499
|
+
(0, utils_1.extractOndemandStyles)(obj, extractedSheets, scannedTables);
|
|
478
500
|
}
|
|
479
501
|
}
|
|
480
502
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plumeria/compiler",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.1",
|
|
4
4
|
"description": "Plumeria swc based compiler for statically extracting css",
|
|
5
5
|
"author": "Refirst 11",
|
|
6
6
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"dist/"
|
|
22
22
|
],
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@plumeria/utils": "^6.
|
|
24
|
+
"@plumeria/utils": "^6.3.1"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@swc/core": "1.15.8",
|