@plumeria/compiler 16.5.0 → 17.0.0

package/dist/index.d.ts

@@ -2,6 +2,7 @@ interface CompilerOptions {
     include: string[];
     exclude: string[];
     cwd?: string;
+    styleProp?: string;
 }
 export declare function compileCSS(options: CompilerOptions): string;
 export {};

package/dist/index.js

@@ -138,7 +138,7 @@ function extractStylesFromExpression(expression, ctx) {
     return results;
 }
 function compileCSS(options) {
-    const { include, exclude, cwd = process.cwd() } = options;
+    const { include, exclude, cwd = process.cwd(), styleProp = utils_1.DEFAULT_STYLE_PROP, } = options;
     const allSheets = new Set();
     const files = rs.globSync(include, {
         cwd,
@@ -837,23 +837,36 @@ function compileCSS(options) {
                 if (!processedNodes.has(path.node))
                     processCall(path.node);
             },
-            JSXAttribute({ node }) {
+            JSXOpeningElement({ node }) {
                 if (node.name.type !== 'Identifier')
                     return;
-                const attrName = node.name.value;
-                if (attrName !== 'styleName') {
-                    if (node.value &&
-                        node.value.type === 'JSXExpressionContainer' &&
-                        node.value.expression.type !== 'JSXEmptyExpression') {
-                        let expr = node.value.expression;
-                        if (utils_1.t.isIdentifier(expr) && localStyleAliases[expr.value]) {
-                            expr = localStyleAliases[expr.value];
-                        }
-                        const styles = extractStylesFromExpression(expr, ctx);
-                        styles.forEach(processStyle);
+                const tagName = node.name.value;
+                if (tagName[0] !== tagName[0].toUpperCase())
+                    return;
+                node.attributes.forEach((attr) => {
+                    if (attr.type !== 'JSXAttribute')
+                        return;
+                    if (attr.name.type !== 'Identifier')
+                        return;
+                    if (attr.name.value === styleProp)
+                        return;
+                    const value = attr.value;
+                    if (!value || value.type !== 'JSXExpressionContainer')
+                        return;
+                    if (value.expression.type === 'JSXEmptyExpression')
+                        return;
+                    let expr = value.expression;
+                    if (utils_1.t.isIdentifier(expr) && localStyleAliases[expr.value]) {
+                        expr = localStyleAliases[expr.value];
                     }
+                    extractStylesFromExpression(expr, ctx).forEach(processStyle);
+                });
+            },
+            JSXAttribute({ node }) {
+                if (node.name.type !== 'Identifier')
+                    return;
+                if (node.name.value !== styleProp)
                     return;
-                }
                 if (!node.value || node.value.type !== 'JSXExpressionContainer')
                     return;
                 if (node.value.expression.type === 'JSXEmptyExpression')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/compiler",
-  "version": "16.5.0",
+  "version": "17.0.0",
   "description": "Plumeria swc based compiler for statically extracting css",
   "author": "Refirst 11",
   "license": "MIT",
@@ -21,7 +21,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@plumeria/utils": "^16.5.0"
+    "@plumeria/utils": "^17.0.0"
   },
   "devDependencies": {
     "@rust-gear/glob": "1.1.0",