@plumeria/utils 21.1.1 → 21.1.2

package/dist/parser.js

@@ -2200,6 +2200,8 @@ function runScan(scanCwd, styleProp) {
                             return;
                         if (node.elements.some((element) => element?.spread))
                             throw new Error('[plumeria] Spread elements in a style array are not supported. List each style explicitly.');
+                        if (propName === styleProp)
+                            return;
                         throw new Error('[plumeria] A style prop array contains an unsupported style expression. Use defined styles, null, false, undefined, or conditional branches of defined styles.');
                     }
                     if (!containsStyleReference(node))

package/dist/transform.js

@@ -2456,6 +2456,11 @@ const transformSource = async (env) => {
             }
             if (!node.value || node.value.type !== 'JSXExpressionContainer')
                 return;
+            const appliedBefore = receivesStyleProp
+                ? new Set(appliedStyleProps)
+                : null;
+            if (appliedBefore)
+                appliedStyleProps.clear();
             const expr = node.value.expression;
             const args = expr.type === 'ArrayExpression'
                 ? expr.elements
@@ -2543,6 +2548,20 @@ const transformSource = async (env) => {
                     content: `${keptClass}${styleAttr}`,
                 });
             }
+            if (appliedBefore) {
+                const referenced = new Set(appliedStyleProps);
+                for (const key of referenced) {
+                    const [owner, propName] = key.split(':');
+                    if (scannedTables.componentPropsTable?.[`${resourcePath}-${owner}`]?.[propName]) {
+                        throwCompilationError(`[plumeria] "${propName}" is a style received through a prop and cannot be passed on ` +
+                            `to a component that declares ${styleProp}. Apply it on an element this component renders.`, node);
+                    }
+                }
+                for (const applied of appliedBefore)
+                    appliedStyleProps.add(applied);
+                for (const applied of referenced)
+                    appliedStyleProps.add(applied);
+            }
         },
         CallExpression({ node }) {
             const callee = node.callee;

package/package.json

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