@pandacss/parser 0.5.1 → 0.7.0

package/dist/index.d.mts

@@ -54,8 +54,7 @@ type ParserOptions = {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipeName: (tagName: string) => string;
-    getRecipeByName: (name: string) => RecipeConfig | undefined;
+    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
 };
 
 type ProjectOptions = Partial<ProjectOptions$1> & {

package/dist/index.d.ts

@@ -54,8 +54,7 @@ type ParserOptions = {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipeName: (tagName: string) => string;
-    getRecipeByName: (name: string) => RecipeConfig | undefined;
+    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
 };
 
 type ProjectOptions = Partial<ProjectOptions$1> & {

package/dist/index.js

@@ -197,7 +197,7 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, importMap, getRecipeByName } = options;
+  const { jsx, importMap, getRecipesByJsxName } = options;
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
     createImportMatcher(importMap.recipe),
@@ -227,7 +227,7 @@ function createParser(options) {
     const isValidStyleFn = (name) => name === jsx?.factory;
     const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
     const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.map((node) => node.type === "pattern" && node.name).join("|")})$`
+      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -269,7 +269,6 @@ function createParser(options) {
         components.set(alias, propertiesMap);
       });
     }
-    const getRecipeName = (0, import_shared2.memo)(options.getRecipeName);
     const isJsxTagRecipe = (0, import_shared2.memo)(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
@@ -282,8 +281,8 @@ function createParser(options) {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
-        const recipe = getRecipeByName(getRecipeName(tagName));
-        return recipe != null && !!recipePropertiesByName.get(recipe.name)?.has(propName);
+        const recipeList = getRecipesByJsxName(tagName);
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
       }
       return false;
     });
@@ -417,7 +416,10 @@ function createParser(options) {
               collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
             }
           ).when(isJsxTagRecipe, (name2) => {
-            collector.setRecipe(getRecipeName(name2), { type: "jsx-recipe", name: name2, box: query.box, data });
+            const recipeList = getRecipesByJsxName(name2);
+            recipeList.map((recipe) => {
+              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+            });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });
           });
@@ -465,15 +467,21 @@ var vueToTsx = (code) => {
   try {
     const parsed = (0, import_compiler_sfc.parse)(code);
     const fileStr = new import_magic_string.default(code);
-    parsed.descriptor.template.ast.children.forEach((node) => {
+    const rewriteProp = (prop) => {
+      if (prop.type === NodeTypes.DIRECTIVE && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION) {
+        fileStr.update(prop.loc.start.offset, prop.loc.end.offset, `${prop.arg.content}={${prop.exp.content}}`);
+      }
+    };
+    const stack = [...parsed.descriptor.template.ast.children];
+    while (stack.length) {
+      const node = stack.pop();
+      if (!node)
+        continue;
       if (node.type === NodeTypes.ELEMENT) {
-        node.props.forEach((prop) => {
-          if (prop.type === NodeTypes.DIRECTIVE && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION) {
-            fileStr.update(prop.loc.start.offset, prop.loc.end.offset, `${prop.arg.content}={${prop.exp.content}}`);
-          }
-        });
+        node.props.forEach(rewriteProp);
+        node.children.forEach((child) => stack.push(child));
       }
-    });
+    }
     const templateStart = code.indexOf("<template");
     const templateEnd = code.indexOf("</template>") + "</template>".length;
     const scriptContent = (parsed.descriptor.scriptSetup ?? parsed.descriptor.script)?.content + "\n";

package/dist/index.mjs

@@ -159,7 +159,7 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, importMap, getRecipeByName } = options;
+  const { jsx, importMap, getRecipesByJsxName } = options;
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
     createImportMatcher(importMap.recipe),
@@ -189,7 +189,7 @@ function createParser(options) {
     const isValidStyleFn = (name) => name === jsx?.factory;
     const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
     const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.map((node) => node.type === "pattern" && node.name).join("|")})$`
+      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -231,7 +231,6 @@ function createParser(options) {
         components.set(alias, propertiesMap);
       });
     }
-    const getRecipeName = memo2(options.getRecipeName);
     const isJsxTagRecipe = memo2(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
@@ -244,8 +243,8 @@ function createParser(options) {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
-        const recipe = getRecipeByName(getRecipeName(tagName));
-        return recipe != null && !!recipePropertiesByName.get(recipe.name)?.has(propName);
+        const recipeList = getRecipesByJsxName(tagName);
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
       }
       return false;
     });
@@ -379,7 +378,10 @@ function createParser(options) {
               collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
             }
           ).when(isJsxTagRecipe, (name2) => {
-            collector.setRecipe(getRecipeName(name2), { type: "jsx-recipe", name: name2, box: query.box, data });
+            const recipeList = getRecipesByJsxName(name2);
+            recipeList.map((recipe) => {
+              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+            });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });
           });
@@ -427,15 +429,21 @@ var vueToTsx = (code) => {
   try {
     const parsed = parse(code);
     const fileStr = new MagicString(code);
-    parsed.descriptor.template.ast.children.forEach((node) => {
+    const rewriteProp = (prop) => {
+      if (prop.type === NodeTypes.DIRECTIVE && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION) {
+        fileStr.update(prop.loc.start.offset, prop.loc.end.offset, `${prop.arg.content}={${prop.exp.content}}`);
+      }
+    };
+    const stack = [...parsed.descriptor.template.ast.children];
+    while (stack.length) {
+      const node = stack.pop();
+      if (!node)
+        continue;
       if (node.type === NodeTypes.ELEMENT) {
-        node.props.forEach((prop) => {
-          if (prop.type === NodeTypes.DIRECTIVE && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION) {
-            fileStr.update(prop.loc.start.offset, prop.loc.end.offset, `${prop.arg.content}={${prop.exp.content}}`);
-          }
-        });
+        node.props.forEach(rewriteProp);
+        node.children.forEach((child) => stack.push(child));
       }
-    });
+    }
     const templateStart = code.indexOf("<template");
     const templateEnd = code.indexOf("</template>") + "</template>".length;
     const scriptContent = (parsed.descriptor.scriptSetup ?? parsed.descriptor.script)?.content + "\n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -13,19 +13,19 @@
   "dependencies": {
     "@vue/compiler-sfc": "^3.3.4",
     "lil-fp": "1.4.5",
-    "magic-string": "^0.30.0",
+    "magic-string": "^0.30.1",
     "ts-morph": "18.0.0",
-    "ts-pattern": "4.3.0",
-    "@pandacss/extractor": "0.5.1",
-    "@pandacss/is-valid-prop": "0.5.1",
-    "@pandacss/logger": "0.5.1",
-    "@pandacss/shared": "0.5.1",
-    "@pandacss/types": "0.5.1"
+    "ts-pattern": "5.0.1",
+    "@pandacss/extractor": "0.7.0",
+    "@pandacss/is-valid-prop": "0.7.0",
+    "@pandacss/logger": "0.7.0",
+    "@pandacss/shared": "0.7.0",
+    "@pandacss/types": "0.7.0"
   },
   "devDependencies": {
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.5.1",
-    "@pandacss/generator": "0.5.1"
+    "@pandacss/fixture": "0.7.0",
+    "@pandacss/generator": "0.7.0"
   },
   "files": [
     "dist"