@pandacss/parser 0.22.0 → 0.23.0

package/dist/index.d.mts

@@ -48,6 +48,7 @@ interface ParserOptions {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
+    isTemplateLiteralSyntax: boolean;
     patternKeys: string[];
     recipeKeys: string[];
     getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];

package/dist/index.d.ts

@@ -48,6 +48,7 @@ interface ParserOptions {
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
+    isTemplateLiteralSyntax: boolean;
     patternKeys: string[];
     recipeKeys: string[];
     getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];

package/dist/index.js

@@ -213,14 +213,15 @@ var defaultEnv = { preset: "ECMA" };
 var identityFn = (styles) => styles;
 var evaluateOptions = { environment: defaultEnv };
 function createParser(options) {
-  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join, isTemplateLiteralSyntax } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
+  const isJsxEnabled = jsx.framework;
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva", "sva"]),
     createImportMatcher(importMap.recipe),
     createImportMatcher(importMap.pattern)
   ];
-  if (jsx.framework) {
+  if (isJsxEnabled) {
     importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
@@ -253,31 +254,32 @@ function createParser(options) {
       "ast:import",
       imports.value.length ? `Found import { ${imports} } in ${filePath}` : `No import found in ${filePath}`
     );
+    if (!imports.value.length && !isJsxEnabled) {
+      return collector;
+    }
     const [css] = importRegex;
-    const jsxFactoryAlias = jsx ? imports.getAlias(jsx.factory) : "styled";
+    const jsxFactoryAlias = isJsxEnabled ? imports.getAlias(jsx.factory) : "styled";
     const isValidPattern = imports.createMatch(importMap.pattern, options.patternKeys);
     const isValidRecipe = imports.createMatch(importMap.recipe, options.recipeKeys);
     const isValidStyleFn = (name) => name === jsx?.factory;
-    const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
+    const isFactory = (name) => Boolean(isJsxEnabled && name.startsWith(jsxFactoryAlias));
     const isRawFn = (fullName) => {
       const name = fullName.split(".raw")[0] ?? "";
       return name === "css" || isValidPattern(name) || isValidRecipe(name);
     };
-    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 if (jsx2) {
-            acc.regex.push(jsx2);
-          }
-        });
-        return acc;
-      },
-      { string: /* @__PURE__ */ new Set(), regex: [] }
-    );
+    const patternPropertiesByJsxName = /* @__PURE__ */ new Map();
+    const initialPatterns = { string: /* @__PURE__ */ new Set(), regex: [] };
+    const patternJsxLists = isJsxEnabled ? (jsx?.nodes ?? []).filter(isNodePattern).reduce((acc, pattern) => {
+      patternPropertiesByJsxName.set(pattern.jsxName, new Set(pattern.props ?? []));
+      pattern.jsx?.forEach((jsx2) => {
+        if (typeof jsx2 === "string") {
+          acc.string.add(jsx2);
+        } else if (jsx2) {
+          acc.regex.push(jsx2);
+        }
+      });
+      return acc;
+    }, initialPatterns) : initialPatterns;
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
     imports.value.forEach((importDeclaration) => {
@@ -293,20 +295,18 @@ function createParser(options) {
     const components = /* @__PURE__ */ new Map();
     const propertiesMap = /* @__PURE__ */ new Map();
     const recipePropertiesByJsxName = /* @__PURE__ */ new Map();
-    const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
-      (acc, recipe) => {
-        recipePropertiesByJsxName.set(recipe.jsxName, new Set(recipe.props ?? []));
-        recipe.jsx?.forEach((jsx2) => {
-          if (typeof jsx2 === "string") {
-            acc.string.add(jsx2);
-          } else {
-            acc.regex.push(jsx2);
-          }
-        });
-        return acc;
-      },
-      { string: /* @__PURE__ */ new Set(), regex: [] }
-    );
+    const initialRecipes = { string: /* @__PURE__ */ new Set(), regex: [] };
+    const recipeJsxLists = isJsxEnabled ? (jsx?.nodes ?? []).filter(isNodeRecipe).reduce((acc, recipe) => {
+      recipePropertiesByJsxName.set(recipe.jsxName, new Set(recipe.props ?? []));
+      recipe.jsx?.forEach((jsx2) => {
+        if (typeof jsx2 === "string") {
+          acc.string.add(jsx2);
+        } else {
+          acc.regex.push(jsx2);
+        }
+      });
+      return acc;
+    }, initialRecipes) : initialRecipes;
     const cvaAlias = imports.getAlias("cva");
     const cssAlias = imports.getAlias("css");
     const svaAlias = imports.getAlias("sva");
@@ -319,36 +319,39 @@ function createParser(options) {
         components.set(alias, propertiesMap);
       });
     }
-    const isJsxTagRecipe = (0, import_shared2.memo)(
+    const isJsxTagRecipe = isJsxEnabled ? (0, import_shared2.memo)(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
-    );
-    const isJsxTagPattern = (0, import_shared2.memo)(
+    ) : void 0;
+    const isJsxTagPattern = isJsxEnabled ? (0, import_shared2.memo)(
       (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
-    );
-    const matchTag = (0, import_shared2.memo)((tagName) => {
+    ) : void 0;
+    const matchTag = isJsxEnabled ? (0, import_shared2.memo)((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
-    });
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe?.(tagName) || isJsxTagPattern?.(tagName);
+    }) : void 0;
     const isRecipeOrPatternProp = (0, import_shared2.memo)((tagName, propName) => {
-      if (isJsxTagRecipe(tagName)) {
+      if (isJsxEnabled && isJsxTagRecipe?.(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
         return recipeList.some((recipe) => recipePropertiesByJsxName.get(recipe.jsxName)?.has(propName));
       }
-      if (isJsxTagPattern(tagName)) {
+      if (isJsxEnabled && isJsxTagPattern?.(tagName)) {
         const patternList = getPatternsByJsxName(tagName);
-        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
+        return patternList.some((pattern) => patternPropertiesByJsxName.get(pattern.jsxName)?.has(propName));
       }
       return false;
     });
-    const matchTagProp = (0, import_ts_pattern.match)(jsx?.styleProps).with(
+    const matchTagProp = isJsxEnabled ? (0, import_ts_pattern.match)(jsx?.styleProps).with(
       "all",
       () => (0, import_shared2.memo)((tagName, propName) => {
         return Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName) || isRecipeOrPatternProp(tagName, propName);
       })
-    ).with("minimal", () => (tagName, propName) => {
-      return propName === "css" || isRecipeOrPatternProp(tagName, propName);
-    }).otherwise(() => (tagName, propName) => isRecipeOrPatternProp(tagName, propName));
+    ).with(
+      "minimal",
+      () => (0, import_shared2.memo)((tagName, propName) => {
+        return propName === "css" || isRecipeOrPatternProp(tagName, propName);
+      })
+    ).with("none", () => (0, import_shared2.memo)((tagName, propName) => isRecipeOrPatternProp(tagName, propName))).exhaustive() : void 0;
     const matchFn = (0, import_shared2.memo)((fnName) => {
       if (recipes.has(fnName) || patterns.has(fnName))
         return true;
@@ -359,10 +362,10 @@ function createParser(options) {
     const measure = import_logger.logger.time.debug(`Tokens extracted from ${filePath}`);
     const extractResultByName = (0, import_extractor.extract)({
       ast: sourceFile,
-      components: {
-        matchTag: (prop) => matchTag(prop.tagName),
-        matchProp: (prop) => matchTagProp(prop.tagName, prop.propName)
-      },
+      components: isJsxEnabled ? {
+        matchTag: (prop) => !!matchTag?.(prop.tagName),
+        matchProp: (prop) => !!matchTagProp?.(prop.tagName, prop.propName)
+      } : void 0,
       functions: {
         matchFn: (prop) => matchFn(prop.fnName),
         matchProp: () => true,
@@ -372,9 +375,7 @@ function createParser(options) {
           return true;
         }
       },
-      taggedTemplates: {
-        matchTaggedTemplate: (tag) => matchFn(tag.fnName)
-      },
+      taggedTemplates: isTemplateLiteralSyntax ? { matchTaggedTemplate: (tag) => matchFn(tag.fnName) } : void 0,
       getEvaluateOptions: (node) => {
         if (!import_ts_morph.Node.isCallExpression(node))
           return evaluateOptions;
@@ -394,9 +395,10 @@ function createParser(options) {
     });
     measure();
     extractResultByName.forEach((result, alias) => {
-      let name = imports.getName(alias);
+      let name = alias;
       if (isRawFn(name))
         name = name.replace(".raw", "");
+      name = imports.getName(name);
       import_logger.logger.debug(`ast:${name}`, name !== alias ? { kind: result.kind, alias } : { kind: result.kind });
       if (result.kind === "function") {
         (0, import_ts_pattern.match)(name).when(css.match, (name2) => {
@@ -503,7 +505,7 @@ function createParser(options) {
           });
         }).otherwise(() => {
         });
-      } else if (result.kind === "component") {
+      } else if (isJsxEnabled && result.kind === "component") {
         result.queryList.forEach((query) => {
           const data = combineResult((0, import_extractor.unbox)(query.box));
           (0, import_ts_pattern.match)(name).when(isFactory, (jsxName) => {

package/dist/index.mjs

@@ -175,14 +175,15 @@ var defaultEnv = { preset: "ECMA" };
 var identityFn = (styles) => styles;
 var evaluateOptions = { environment: defaultEnv };
 function createParser(options) {
-  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join, isTemplateLiteralSyntax } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
+  const isJsxEnabled = jsx.framework;
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva", "sva"]),
     createImportMatcher(importMap.recipe),
     createImportMatcher(importMap.pattern)
   ];
-  if (jsx.framework) {
+  if (isJsxEnabled) {
     importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
@@ -215,31 +216,32 @@ function createParser(options) {
       "ast:import",
       imports.value.length ? `Found import { ${imports} } in ${filePath}` : `No import found in ${filePath}`
     );
+    if (!imports.value.length && !isJsxEnabled) {
+      return collector;
+    }
     const [css] = importRegex;
-    const jsxFactoryAlias = jsx ? imports.getAlias(jsx.factory) : "styled";
+    const jsxFactoryAlias = isJsxEnabled ? imports.getAlias(jsx.factory) : "styled";
     const isValidPattern = imports.createMatch(importMap.pattern, options.patternKeys);
     const isValidRecipe = imports.createMatch(importMap.recipe, options.recipeKeys);
     const isValidStyleFn = (name) => name === jsx?.factory;
-    const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
+    const isFactory = (name) => Boolean(isJsxEnabled && name.startsWith(jsxFactoryAlias));
     const isRawFn = (fullName) => {
       const name = fullName.split(".raw")[0] ?? "";
       return name === "css" || isValidPattern(name) || isValidRecipe(name);
     };
-    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 if (jsx2) {
-            acc.regex.push(jsx2);
-          }
-        });
-        return acc;
-      },
-      { string: /* @__PURE__ */ new Set(), regex: [] }
-    );
+    const patternPropertiesByJsxName = /* @__PURE__ */ new Map();
+    const initialPatterns = { string: /* @__PURE__ */ new Set(), regex: [] };
+    const patternJsxLists = isJsxEnabled ? (jsx?.nodes ?? []).filter(isNodePattern).reduce((acc, pattern) => {
+      patternPropertiesByJsxName.set(pattern.jsxName, new Set(pattern.props ?? []));
+      pattern.jsx?.forEach((jsx2) => {
+        if (typeof jsx2 === "string") {
+          acc.string.add(jsx2);
+        } else if (jsx2) {
+          acc.regex.push(jsx2);
+        }
+      });
+      return acc;
+    }, initialPatterns) : initialPatterns;
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
     imports.value.forEach((importDeclaration) => {
@@ -255,20 +257,18 @@ function createParser(options) {
     const components = /* @__PURE__ */ new Map();
     const propertiesMap = /* @__PURE__ */ new Map();
     const recipePropertiesByJsxName = /* @__PURE__ */ new Map();
-    const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
-      (acc, recipe) => {
-        recipePropertiesByJsxName.set(recipe.jsxName, new Set(recipe.props ?? []));
-        recipe.jsx?.forEach((jsx2) => {
-          if (typeof jsx2 === "string") {
-            acc.string.add(jsx2);
-          } else {
-            acc.regex.push(jsx2);
-          }
-        });
-        return acc;
-      },
-      { string: /* @__PURE__ */ new Set(), regex: [] }
-    );
+    const initialRecipes = { string: /* @__PURE__ */ new Set(), regex: [] };
+    const recipeJsxLists = isJsxEnabled ? (jsx?.nodes ?? []).filter(isNodeRecipe).reduce((acc, recipe) => {
+      recipePropertiesByJsxName.set(recipe.jsxName, new Set(recipe.props ?? []));
+      recipe.jsx?.forEach((jsx2) => {
+        if (typeof jsx2 === "string") {
+          acc.string.add(jsx2);
+        } else {
+          acc.regex.push(jsx2);
+        }
+      });
+      return acc;
+    }, initialRecipes) : initialRecipes;
     const cvaAlias = imports.getAlias("cva");
     const cssAlias = imports.getAlias("css");
     const svaAlias = imports.getAlias("sva");
@@ -281,36 +281,39 @@ function createParser(options) {
         components.set(alias, propertiesMap);
       });
     }
-    const isJsxTagRecipe = memo2(
+    const isJsxTagRecipe = isJsxEnabled ? memo2(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
-    );
-    const isJsxTagPattern = memo2(
+    ) : void 0;
+    const isJsxTagPattern = isJsxEnabled ? memo2(
       (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
-    );
-    const matchTag = memo2((tagName) => {
+    ) : void 0;
+    const matchTag = isJsxEnabled ? memo2((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
-    });
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe?.(tagName) || isJsxTagPattern?.(tagName);
+    }) : void 0;
     const isRecipeOrPatternProp = memo2((tagName, propName) => {
-      if (isJsxTagRecipe(tagName)) {
+      if (isJsxEnabled && isJsxTagRecipe?.(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
         return recipeList.some((recipe) => recipePropertiesByJsxName.get(recipe.jsxName)?.has(propName));
       }
-      if (isJsxTagPattern(tagName)) {
+      if (isJsxEnabled && isJsxTagPattern?.(tagName)) {
         const patternList = getPatternsByJsxName(tagName);
-        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
+        return patternList.some((pattern) => patternPropertiesByJsxName.get(pattern.jsxName)?.has(propName));
       }
       return false;
     });
-    const matchTagProp = match(jsx?.styleProps).with(
+    const matchTagProp = isJsxEnabled ? match(jsx?.styleProps).with(
       "all",
       () => memo2((tagName, propName) => {
         return Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName) || isRecipeOrPatternProp(tagName, propName);
       })
-    ).with("minimal", () => (tagName, propName) => {
-      return propName === "css" || isRecipeOrPatternProp(tagName, propName);
-    }).otherwise(() => (tagName, propName) => isRecipeOrPatternProp(tagName, propName));
+    ).with(
+      "minimal",
+      () => memo2((tagName, propName) => {
+        return propName === "css" || isRecipeOrPatternProp(tagName, propName);
+      })
+    ).with("none", () => memo2((tagName, propName) => isRecipeOrPatternProp(tagName, propName))).exhaustive() : void 0;
     const matchFn = memo2((fnName) => {
       if (recipes.has(fnName) || patterns.has(fnName))
         return true;
@@ -321,10 +324,10 @@ function createParser(options) {
     const measure = logger.time.debug(`Tokens extracted from ${filePath}`);
     const extractResultByName = extract({
       ast: sourceFile,
-      components: {
-        matchTag: (prop) => matchTag(prop.tagName),
-        matchProp: (prop) => matchTagProp(prop.tagName, prop.propName)
-      },
+      components: isJsxEnabled ? {
+        matchTag: (prop) => !!matchTag?.(prop.tagName),
+        matchProp: (prop) => !!matchTagProp?.(prop.tagName, prop.propName)
+      } : void 0,
       functions: {
         matchFn: (prop) => matchFn(prop.fnName),
         matchProp: () => true,
@@ -334,9 +337,7 @@ function createParser(options) {
           return true;
         }
       },
-      taggedTemplates: {
-        matchTaggedTemplate: (tag) => matchFn(tag.fnName)
-      },
+      taggedTemplates: isTemplateLiteralSyntax ? { matchTaggedTemplate: (tag) => matchFn(tag.fnName) } : void 0,
       getEvaluateOptions: (node) => {
         if (!Node.isCallExpression(node))
           return evaluateOptions;
@@ -356,9 +357,10 @@ function createParser(options) {
     });
     measure();
     extractResultByName.forEach((result, alias) => {
-      let name = imports.getName(alias);
+      let name = alias;
       if (isRawFn(name))
         name = name.replace(".raw", "");
+      name = imports.getName(name);
       logger.debug(`ast:${name}`, name !== alias ? { kind: result.kind, alias } : { kind: result.kind });
       if (result.kind === "function") {
         match(name).when(css.match, (name2) => {
@@ -465,7 +467,7 @@ function createParser(options) {
           });
         }).otherwise(() => {
         });
-      } else if (result.kind === "component") {
+      } else if (isJsxEnabled && result.kind === "component") {
         result.queryList.forEach((query) => {
           const data = combineResult(unbox(query.box));
           match(name).when(isFactory, (jsxName) => {

package/package.json

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