@pandacss/parser 0.8.0 → 0.9.0

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as ts_morph from 'ts-morph';
 import { ProjectOptions as ProjectOptions$1 } from 'ts-morph';
-import { ResultItem, RecipeConfig, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { ResultItem, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { Generator } from '@pandacss/generator';
 
 declare class ParserResult {
     jsx: Set<ResultItem>;
@@ -33,19 +34,8 @@ declare class ParserResult {
 }
 declare const createParserResult: () => ParserResult;
 
-type ParserPatternNode = {
-    name: string;
-    type: 'pattern';
-    props?: string[];
-    baseName: string;
-};
-type ParserRecipeNode = {
-    name: string;
-    type: 'recipe';
-    props: string[];
-    baseName: string;
-    jsx: RecipeConfig['jsx'];
-};
+type ParserPatternNode = Generator['patterns']['details'][number];
+type ParserRecipeNode = Generator['recipes']['details'][number];
 type ParserNodeOptions = ParserPatternNode | ParserRecipeNode;
 type ParserOptions = {
     importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string[]>;
@@ -54,7 +44,8 @@ type ParserOptions = {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
+    getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];
+    getPatternsByJsxName: (jsxName: string) => ParserPatternNode[];
     tsOptions?: ConfigTsOptions;
     join: Runtime['path']['join'];
 };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as ts_morph from 'ts-morph';
 import { ProjectOptions as ProjectOptions$1 } from 'ts-morph';
-import { ResultItem, RecipeConfig, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { ResultItem, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { Generator } from '@pandacss/generator';
 
 declare class ParserResult {
     jsx: Set<ResultItem>;
@@ -33,19 +34,8 @@ declare class ParserResult {
 }
 declare const createParserResult: () => ParserResult;
 
-type ParserPatternNode = {
-    name: string;
-    type: 'pattern';
-    props?: string[];
-    baseName: string;
-};
-type ParserRecipeNode = {
-    name: string;
-    type: 'recipe';
-    props: string[];
-    baseName: string;
-    jsx: RecipeConfig['jsx'];
-};
+type ParserPatternNode = Generator['patterns']['details'][number];
+type ParserRecipeNode = Generator['recipes']['details'][number];
 type ParserNodeOptions = ParserPatternNode | ParserRecipeNode;
 type ParserOptions = {
     importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string[]>;
@@ -54,7 +44,8 @@ type ParserOptions = {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
+    getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];
+    getPatternsByJsxName: (jsxName: string) => ParserPatternNode[];
     tsOptions?: ConfigTsOptions;
     join: Runtime['path']['join'];
 };

package/dist/index.js

@@ -177,6 +177,7 @@ var createParserResult = () => new ParserResult();
 // src/parser.ts
 var import_ts_path = require("@pandacss/config/ts-path");
 var isNodeRecipe = (node) => node.type === "recipe";
+var isNodePattern = (node) => node.type === "pattern";
 var cvaProps = ["compoundVariants", "defaultVariants", "variants", "base"];
 var isCva = (map) => cvaProps.some((prop) => map.has(prop));
 function createImportMatcher(mod, values) {
@@ -199,7 +200,7 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, getRecipesByJsxName, tsOptions, join } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
@@ -207,7 +208,7 @@ function createParser(options) {
     createImportMatcher(importMap.pattern)
   ];
   if (jsx) {
-    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
     if (!sourceFile)
@@ -249,8 +250,20 @@ function createParser(options) {
       const name = fullName.split(".raw")[0] ?? "";
       return name === "css" || isValidPattern(name) || isValidRecipe(name);
     };
-    const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
+    const patternPropertiesByName = /* @__PURE__ */ new Map();
+    const patternJsxLists = (jsx?.nodes ?? []).filter(isNodePattern).reduce(
+      (acc, pattern) => {
+        patternPropertiesByName.set(pattern.jsxName, new Set(pattern.props ?? []));
+        pattern.jsx?.forEach((jsx2) => {
+          if (typeof jsx2 === "string") {
+            acc.string.add(jsx2);
+          } else {
+            acc.regex.push(jsx2);
+          }
+        });
+        return acc;
+      },
+      { string: /* @__PURE__ */ new Set(), regex: [] }
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -269,7 +282,7 @@ function createParser(options) {
     const recipePropertiesByName = /* @__PURE__ */ new Map();
     const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
       (acc, recipe) => {
-        recipePropertiesByName.set(recipe.baseName, new Set(recipe.props ?? []));
+        recipePropertiesByName.set(recipe.jsxName, new Set(recipe.props ?? []));
         recipe.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
@@ -285,7 +298,7 @@ function createParser(options) {
     const cssAlias = imports.getAlias("css");
     if (options.jsx) {
       options.jsx.nodes.forEach((node) => {
-        const alias = imports.getAlias(node.name);
+        const alias = imports.getAlias(node.jsxName);
         node.props?.forEach((prop) => propertiesMap.set(prop, true));
         functions.set(node.baseName, propertiesMap);
         functions.set(alias, propertiesMap);
@@ -295,17 +308,24 @@ function createParser(options) {
     const isJsxTagRecipe = (0, import_shared2.memo)(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
+    const isJsxTagPattern = (0, import_shared2.memo)(
+      (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
+    );
     const matchTag = (0, import_shared2.memo)((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName);
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
     });
     const matchTagProp = (0, import_shared2.memo)((tagName, propName) => {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
-        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.baseName)?.has(propName));
+      }
+      if (isJsxTagPattern(tagName)) {
+        const patternList = getPatternsByJsxName(tagName);
+        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
       }
       return false;
     });
@@ -429,15 +449,12 @@ function createParser(options) {
           const data = combineResult((0, import_extractor.unbox)(query.box));
           (0, import_ts_pattern.match)(name).when(isFactory, (name2) => {
             collector.setJsx({ name: name2, box: query.box, type: "jsx-factory", data });
-          }).when(
-            (name2) => jsxPatternNodes.test(name2),
-            (name2) => {
-              collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-            }
-          ).when(isJsxTagRecipe, (name2) => {
+          }).when(isJsxTagPattern, (name2) => {
+            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
+          }).when(isJsxTagRecipe, (name2) => {
             const recipeList = getRecipesByJsxName(name2);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
             });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });

package/dist/index.mjs

@@ -139,6 +139,7 @@ var createParserResult = () => new ParserResult();
 // src/parser.ts
 import { resolveTsPathPattern } from "@pandacss/config/ts-path";
 var isNodeRecipe = (node) => node.type === "recipe";
+var isNodePattern = (node) => node.type === "pattern";
 var cvaProps = ["compoundVariants", "defaultVariants", "variants", "base"];
 var isCva = (map) => cvaProps.some((prop) => map.has(prop));
 function createImportMatcher(mod, values) {
@@ -161,7 +162,7 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, getRecipesByJsxName, tsOptions, join } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
@@ -169,7 +170,7 @@ function createParser(options) {
     createImportMatcher(importMap.pattern)
   ];
   if (jsx) {
-    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
     if (!sourceFile)
@@ -211,8 +212,20 @@ function createParser(options) {
       const name = fullName.split(".raw")[0] ?? "";
       return name === "css" || isValidPattern(name) || isValidRecipe(name);
     };
-    const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
+    const patternPropertiesByName = /* @__PURE__ */ new Map();
+    const patternJsxLists = (jsx?.nodes ?? []).filter(isNodePattern).reduce(
+      (acc, pattern) => {
+        patternPropertiesByName.set(pattern.jsxName, new Set(pattern.props ?? []));
+        pattern.jsx?.forEach((jsx2) => {
+          if (typeof jsx2 === "string") {
+            acc.string.add(jsx2);
+          } else {
+            acc.regex.push(jsx2);
+          }
+        });
+        return acc;
+      },
+      { string: /* @__PURE__ */ new Set(), regex: [] }
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -231,7 +244,7 @@ function createParser(options) {
     const recipePropertiesByName = /* @__PURE__ */ new Map();
     const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
       (acc, recipe) => {
-        recipePropertiesByName.set(recipe.baseName, new Set(recipe.props ?? []));
+        recipePropertiesByName.set(recipe.jsxName, new Set(recipe.props ?? []));
         recipe.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
@@ -247,7 +260,7 @@ function createParser(options) {
     const cssAlias = imports.getAlias("css");
     if (options.jsx) {
       options.jsx.nodes.forEach((node) => {
-        const alias = imports.getAlias(node.name);
+        const alias = imports.getAlias(node.jsxName);
         node.props?.forEach((prop) => propertiesMap.set(prop, true));
         functions.set(node.baseName, propertiesMap);
         functions.set(alias, propertiesMap);
@@ -257,17 +270,24 @@ function createParser(options) {
     const isJsxTagRecipe = memo2(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
+    const isJsxTagPattern = memo2(
+      (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
+    );
     const matchTag = memo2((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName);
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
     });
     const matchTagProp = memo2((tagName, propName) => {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
-        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.baseName)?.has(propName));
+      }
+      if (isJsxTagPattern(tagName)) {
+        const patternList = getPatternsByJsxName(tagName);
+        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
       }
       return false;
     });
@@ -391,15 +411,12 @@ function createParser(options) {
           const data = combineResult(unbox(query.box));
           match(name).when(isFactory, (name2) => {
             collector.setJsx({ name: name2, box: query.box, type: "jsx-factory", data });
-          }).when(
-            (name2) => jsxPatternNodes.test(name2),
-            (name2) => {
-              collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-            }
-          ).when(isJsxTagRecipe, (name2) => {
+          }).when(isJsxTagPattern, (name2) => {
+            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
+          }).when(isJsxTagRecipe, (name2) => {
             const recipeList = getRecipesByJsxName(name2);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
             });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -16,17 +16,17 @@
     "magic-string": "^0.30.1",
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.4",
-    "@pandacss/config": "^0.8.0",
-    "@pandacss/extractor": "0.8.0",
-    "@pandacss/is-valid-prop": "0.8.0",
-    "@pandacss/logger": "0.8.0",
-    "@pandacss/shared": "0.8.0",
-    "@pandacss/types": "0.8.0"
+    "@pandacss/config": "^0.9.0",
+    "@pandacss/extractor": "0.9.0",
+    "@pandacss/is-valid-prop": "0.9.0",
+    "@pandacss/logger": "0.9.0",
+    "@pandacss/shared": "0.9.0",
+    "@pandacss/types": "0.9.0"
   },
   "devDependencies": {
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.8.0",
-    "@pandacss/generator": "0.8.0"
+    "@pandacss/fixture": "0.9.0",
+    "@pandacss/generator": "0.9.0"
   },
   "files": [
     "dist"