@plumeria/utils 21.2.1 → 21.2.2

package/dist/compile.js

@@ -828,6 +828,7 @@ function compileCSS(options) {
                     ...argExpr,
                     properties: argExpr.properties.filter((prop) => prop.type === 'Identifier' ||
                         (prop.type === 'KeyValueProperty' &&
+                            prop.key.type !== 'Computed' &&
                             isStaticArgValue(prop.value))),
                 }, ctx.mergedStaticTable, ctx.mergedKeyframesTable, ctx.mergedViewTransitionTable, ctx.mergedCreateThemeHashTable, ctx.scannedTables.createThemeObjectTable, ctx.mergedCreateTable, ctx.mergedCreateStaticHashTable, ctx.scannedTables.createStaticObjectTable, undefined, ctx.mergedVarTypeTable, ctx.mergedPositionTryTable);
                 if (func.named) {

package/dist/parser.js

@@ -287,6 +287,10 @@ function objectExpressionToObject(node, staticTable, keyframesHashTable, viewTra
             if (typeof spreadVal === 'object' && spreadVal !== null) {
                 Object.assign(obj, spreadVal);
             }
+            else if (spreadVal === null &&
+                !exports.t.isNullLiteral(unwrapExpression(arg))) {
+                throw new Error(`[plumeria] Cannot spread ${(0, exports.expressionLabel)(arg)} at build time. Spread a const object, or pass a runtime value through the function form, css.create({ name: (value) => ({ ... }) }).`);
+            }
             return;
         }
         if (exports.t.isIdentifier(prop) && !exports.t.isObjectProperty(prop)) {
@@ -298,13 +302,16 @@ function objectExpressionToObject(node, staticTable, keyframesHashTable, viewTra
                     return;
                 }
             }
-            if (staticTable[key] !== undefined) {
-                obj[key] = staticTable[key];
+            try {
+                obj[key] = evaluateExpression(prop, staticTable, keyframesHashTable, viewTransitionHashTable, varTypeHashTable, positionTryHashTable, createThemeHashTable, createThemeObjectTable, createStaticHashTable, createStaticObjectTable);
+            }
+            catch {
             }
             return;
         }
-        if (!exports.t.isObjectProperty(prop))
-            return;
+        if (!exports.t.isObjectProperty(prop)) {
+            throw new Error(`[plumeria] Cannot read the method or accessor "${prop.key?.value ?? ''}" at build time. Write it as a plain property.`);
+        }
         const rawKey = getPropertyKey(prop.key, staticTable, keyframesHashTable, viewTransitionHashTable, varTypeHashTable, positionTryHashTable, createThemeHashTable, createThemeObjectTable, createStaticHashTable, createStaticObjectTable);
         if (!rawKey)
             return;
@@ -732,7 +739,7 @@ function getPropertyKey(node, staticTable, keyframesHashTable, viewTransitionHas
         if (exports.t.isBinaryExpression(expr)) {
             return evaluateBinaryExpression(expr, staticTable, keyframesHashTable, viewTransitionHashTable, varTypeHashTable, positionTryHashTable, createThemeHashTable, createThemeObjectTable, createStaticHashTable, createStaticObjectTable);
         }
-        return '';
+        throw new Error(`[plumeria] Cannot inline the computed key [${(0, exports.expressionLabel)(expr)}] at build time. Declare it with css.createStatic, such as const breakpoints = css.createStatic({ sm: '...' }), and read it as [breakpoints.sm]. A definition in a package needs a plumeria export condition.`);
     }
     if (exports.t.isTemplateLiteral(node)) {
         return evaluateTemplateLiteral(node, staticTable, keyframesHashTable, viewTransitionHashTable, varTypeHashTable, positionTryHashTable, createThemeHashTable, createThemeObjectTable, createStaticHashTable, createStaticObjectTable);

package/dist/transform.js

@@ -1268,6 +1268,7 @@ const transformExpanded = async (env, scannedTables, namespaces) => {
             ...argExpr,
             properties: argExpr.properties.filter((prop) => prop.type === 'Identifier' ||
                 (prop.type === 'KeyValueProperty' &&
+                    prop.key.type !== 'Computed' &&
                     isStaticArgValue(prop.value))),
         }, mergedStaticTable, mergedKeyframesTable, mergedViewTransitionTable, mergedCreateThemeHashTable, scannedTables.createThemeObjectTable, mergedCreateTable, mergedCreateStaticHashTable, scannedTables.createStaticObjectTable, undefined, mergedVarTypeTable, mergedPositionTryTable);
         if (func.named) {

package/dist/unresolvableValue.js

@@ -9,6 +9,11 @@ const keyValue = (key) => {
         ? value
         : undefined;
 };
+const asKeyValue = (prop) => prop.type === 'Identifier'
+    ? { key: prop, value: prop }
+    : prop.type === 'KeyValueProperty'
+        ? prop
+        : null;
 const unresolvableValue = (key, node, context) => new Error(`[plumeria] Cannot resolve the value of "${key}" at build time (${context?.sourceOf?.(node) ?? node.type}). ` +
     `Values in css.create must be statically known; pass a runtime value through the ` +
     `function form, css.create({ name: (value) => ({ ... }) }).`);
@@ -23,7 +28,8 @@ const overwrittenLater = (properties, index, key, context) => {
                 return true;
             continue;
         }
-        if (later.type === 'KeyValueProperty' && keyValue(later.key) === key)
+        const entry = asKeyValue(later);
+        if (entry && keyValue(entry.key) === key)
             return true;
     }
     return false;
@@ -86,14 +92,14 @@ const assertStyleFunction = (func, context) => {
     const walk = (object) => {
         const properties = object.properties ?? [];
         for (let index = 0; index < properties.length; index++) {
-            const prop = properties[index];
-            if (prop.type !== 'KeyValueProperty')
+            const entry = asKeyValue(properties[index]);
+            if (!entry)
                 continue;
-            const key = keyValue(prop.key);
+            const key = keyValue(entry.key);
             if ((typeof key === 'string' || typeof key === 'number') &&
                 overwrittenLater(properties, index, key, context))
                 continue;
-            const value = prop.value;
+            const value = entry.value;
             if (!value)
                 continue;
             if (value.type === 'ObjectExpression') {
@@ -123,9 +129,10 @@ const keysSuppliedAfter = (properties, index, context) => {
                 keys.add(name);
             continue;
         }
-        if (later.type !== 'KeyValueProperty')
+        const entry = asKeyValue(later);
+        if (!entry)
             continue;
-        const key = keyValue(later.key);
+        const key = keyValue(entry.key);
         if (typeof key !== 'string' && typeof key !== 'number')
             return null;
         keys.add(String(key));
@@ -146,16 +153,17 @@ const assertNoDroppedValues = (node, resolved, context, ignore) => {
                 (0, exports.assertNoDroppedValues)(provided.source, provided.values, context, replaced);
             continue;
         }
-        if (prop.type !== 'KeyValueProperty')
+        const entry = asKeyValue(prop);
+        if (!entry)
             continue;
-        const key = keyValue(prop.key);
+        const key = keyValue(entry.key);
         if (typeof key !== 'string' && typeof key !== 'number')
             continue;
         if (ignore?.has(String(key)))
             continue;
         if (overwrittenLater(node.properties, index, key, context))
             continue;
-        const value = prop.value;
+        const value = entry.value;
         if (!value)
             continue;
         if (value.type === 'ArrowFunctionExpression' ||

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/utils",
-  "version": "21.2.1",
+  "version": "21.2.2",
   "description": "Plumeria Utils",
   "author": "Refirst 11",
   "license": "MIT",