@pandacss/parser 0.54.0 → 1.0.1

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ParserResult: () => ParserResult,
   Project: () => Project
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/project.ts
 var import_ts_morph2 = require("ts-morph");
@@ -61,19 +61,15 @@ function classifyProject(ctx, resultMap) {
     const { propName, value, tokenType } = reportItem;
     const utility = ctx.utility.config[propName];
     if (utility) {
-      if (ctx.tokens.getByName(`${tokenType}.${value}`))
-        return true;
-      if (ctx.tokens.getReferences(String(value)).length > 0)
-        return true;
-      if (ctx.utility.resolveColorMix(String(value)).color)
-        return true;
+      if (ctx.tokens.getByName(`${tokenType}.${value}`)) return true;
+      if (ctx.tokens.getReferences(String(value)).length > 0) return true;
+      if (ctx.utility.resolveColorMix(String(value)).color) return true;
       return false;
     }
     if (componentReportItem.reportItemType === "pattern") {
       const pattern = ctx.patterns.getConfig(componentReportItem.componentName.toLowerCase());
       const patternProp = pattern?.properties?.[propName];
-      if (!patternProp)
-        return false;
+      if (!patternProp) return false;
       if (patternProp.type === "boolean" || patternProp.type === "number") {
         return true;
       }
@@ -94,8 +90,7 @@ function classifyProject(ctx, resultMap) {
     const { boxNode, data, item, filepath, localMaps } = opts;
     const name = item.componentName;
     const pattern = ctx.patterns.details.find((p) => p.match.test(name) || p.baseName === name);
-    if (!pattern)
-      return;
+    if (!pattern) return;
     const cssObj = pattern.config.transform?.(data || {}, import_shared.patternFns) ?? {};
     const newItem = {
       name: "css",
@@ -145,8 +140,7 @@ function classifyProject(ctx, resultMap) {
   const processResultItemFn = (opts) => {
     const { item, filepath, localMaps, type } = opts;
     const componentReportItem = processResultItem({ item, kind: type, filepath, localMaps });
-    if (!componentReportItem)
-      return;
+    if (!componentReportItem) return;
     addTo(globalMaps.byComponentOfKind, type, componentReportItem.componentIndex);
     addTo(localMaps.byComponentOfKind, type, componentReportItem.componentIndex);
     byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
@@ -236,8 +230,7 @@ function classifyProject(ctx, resultMap) {
     });
   };
   resultMap.forEach((parserResult, filepath) => {
-    if (parserResult.isEmpty())
-      return;
+    if (parserResult.isEmpty()) return;
     const localMaps = createReportMaps();
     const componentFn = (item) => {
       processResultItemFn({ item, filepath, localMaps, type: "component" });
@@ -263,8 +256,7 @@ function classifyProject(ctx, resultMap) {
   Object.entries(ctx.recipes.config).forEach(([key, recipe]) => {
     const localMaps = createReportMaps();
     const functionFn = (styleObject) => {
-      if (!styleObject)
-        return;
+      if (!styleObject) return;
       const componentReportItem = {
         componentIndex: "0",
         componentName: `recipes.${key}.base`,
@@ -305,8 +297,7 @@ function classifyProject(ctx, resultMap) {
     }
   });
   Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
-    if (!styleObject)
-      return;
+    if (!styleObject) return;
     processMap({
       // @ts-expect-error
       map: import_extractor.box.objectToMap(styleObject, null, []),
@@ -475,19 +466,16 @@ function getImportDeclarations(context, sourceFile) {
   const importDeclarations = [];
   sourceFile.getImportDeclarations().forEach((node) => {
     const mod = getModuleSpecifierValue(node);
-    if (!mod)
-      return;
+    if (!mod) return;
     node.getNamedImports().forEach((specifier) => {
       const name = specifier.getNameNode().getText();
       const alias = specifier.getAliasNode()?.getText() || name;
       const result = { name, alias, mod, kind: "named" };
       const found = imports.match(result, (mod2) => {
-        if (!tsOptions?.pathMappings)
-          return;
+        if (!tsOptions?.pathMappings) return;
         return (0, import_ts_path.resolveTsPathPattern)(tsOptions.pathMappings, mod2);
       });
-      if (!found)
-        return;
+      if (!found) return;
       importDeclarations.push(result);
     });
     const namespace = node.getNamespaceImport();
@@ -495,12 +483,10 @@ function getImportDeclarations(context, sourceFile) {
       const name = namespace.getText();
       const result = { name, alias: name, mod, kind: "namespace" };
       const found = imports.match(result, (mod2) => {
-        if (!tsOptions?.pathMappings)
-          return;
+        if (!tsOptions?.pathMappings) return;
         return (0, import_ts_path.resolveTsPathPattern)(tsOptions.pathMappings, mod2);
       });
-      if (!found)
-        return;
+      if (!found) return;
       importDeclarations.push(result);
     }
   });
@@ -577,8 +563,7 @@ var ParserResult = class {
     const encoder = this.encoder;
     const recipes = this.context.recipes;
     const recipeConfig = recipes.getConfig(recipeName);
-    if (!recipeConfig)
-      return;
+    if (!recipeConfig) return;
     const recipe = result;
     if (result.type) {
       recipe.data.forEach((data) => {
@@ -643,8 +628,7 @@ function createParser(context) {
   const { jsx, imports, recipes, config } = context;
   const syntax = config.syntax;
   return function parse2(sourceFile, encoder, options) {
-    if (!sourceFile)
-      return;
+    if (!sourceFile) return;
     const importDeclarations = getImportDeclarations(context, sourceFile);
     const file = imports.file(importDeclarations);
     const filePath = sourceFile.getFilePath();
@@ -678,8 +662,7 @@ function createParser(context) {
         matchFn: (prop) => file.matchFn(prop.fnName),
         matchProp: () => true,
         matchArg: (prop) => {
-          if (file.isJsxFactory(prop.fnName) && prop.index === 1 && import_ts_morph.Node.isIdentifier(prop.argNode))
-            return false;
+          if (file.isJsxFactory(prop.fnName) && prop.index === 1 && import_ts_morph.Node.isIdentifier(prop.argNode)) return false;
           return true;
         }
       },
@@ -687,11 +670,9 @@ function createParser(context) {
         matchTaggedTemplate: (tag) => file.matchFn(tag.fnName)
       } : void 0,
       getEvaluateOptions: (node) => {
-        if (!import_ts_morph.Node.isCallExpression(node))
-          return evaluateOptions;
+        if (!import_ts_morph.Node.isCallExpression(node)) return evaluateOptions;
         const propAccessExpr = node.getExpression();
-        if (!import_ts_morph.Node.isPropertyAccessExpression(propAccessExpr))
-          return evaluateOptions;
+        if (!import_ts_morph.Node.isPropertyAccessExpression(propAccessExpr)) return evaluateOptions;
         let name = propAccessExpr.getText();
         if (!file.isRawFn(name)) {
           return evaluateOptions;
@@ -831,6 +812,7 @@ function createParser(context) {
               parserResult.setPattern(name, { type: "jsx-pattern", name, box: query.box, data });
               break;
             }
+            // name: Trigger
             case jsx.isJsxTagRecipe(name): {
               const matchingRecipes = recipes.filter(name);
               matchingRecipes.map((recipe) => {
@@ -838,6 +820,7 @@ function createParser(context) {
               });
               break;
             }
+            // alias: Tabs.Trigger
             case jsx.isJsxTagRecipe(alias): {
               const matchingRecipes = recipes.filter(alias);
               matchingRecipes.map((recipe) => {
@@ -925,8 +908,7 @@ var vueToTsx = (code) => {
     const stack = Array.from(parsed.descriptor.template?.ast?.children ?? []);
     while (stack.length) {
       const node = stack.pop();
-      if (!node)
-        continue;
+      if (!node) continue;
       if (node.type === NodeTypes.ELEMENT) {
         node.props.forEach(rewriteProp);
         node.children.forEach((child) => stack.push(child));
@@ -1028,8 +1010,7 @@ var Project = class {
       return this.parseJson(filePath);
     }
     const sourceFile = this.project.getSourceFile(filePath);
-    if (!sourceFile)
-      return;
+    if (!sourceFile) return;
     const original = sourceFile.getText();
     const options = {};
     const custom = hooks["parser:before"]?.({

package/dist/index.mjs

@@ -27,19 +27,15 @@ function classifyProject(ctx, resultMap) {
     const { propName, value, tokenType } = reportItem;
     const utility = ctx.utility.config[propName];
     if (utility) {
-      if (ctx.tokens.getByName(`${tokenType}.${value}`))
-        return true;
-      if (ctx.tokens.getReferences(String(value)).length > 0)
-        return true;
-      if (ctx.utility.resolveColorMix(String(value)).color)
-        return true;
+      if (ctx.tokens.getByName(`${tokenType}.${value}`)) return true;
+      if (ctx.tokens.getReferences(String(value)).length > 0) return true;
+      if (ctx.utility.resolveColorMix(String(value)).color) return true;
       return false;
     }
     if (componentReportItem.reportItemType === "pattern") {
       const pattern = ctx.patterns.getConfig(componentReportItem.componentName.toLowerCase());
       const patternProp = pattern?.properties?.[propName];
-      if (!patternProp)
-        return false;
+      if (!patternProp) return false;
       if (patternProp.type === "boolean" || patternProp.type === "number") {
         return true;
       }
@@ -60,8 +56,7 @@ function classifyProject(ctx, resultMap) {
     const { boxNode, data, item, filepath, localMaps } = opts;
     const name = item.componentName;
     const pattern = ctx.patterns.details.find((p) => p.match.test(name) || p.baseName === name);
-    if (!pattern)
-      return;
+    if (!pattern) return;
     const cssObj = pattern.config.transform?.(data || {}, patternFns) ?? {};
     const newItem = {
       name: "css",
@@ -111,8 +106,7 @@ function classifyProject(ctx, resultMap) {
   const processResultItemFn = (opts) => {
     const { item, filepath, localMaps, type } = opts;
     const componentReportItem = processResultItem({ item, kind: type, filepath, localMaps });
-    if (!componentReportItem)
-      return;
+    if (!componentReportItem) return;
     addTo(globalMaps.byComponentOfKind, type, componentReportItem.componentIndex);
     addTo(localMaps.byComponentOfKind, type, componentReportItem.componentIndex);
     byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
@@ -202,8 +196,7 @@ function classifyProject(ctx, resultMap) {
     });
   };
   resultMap.forEach((parserResult, filepath) => {
-    if (parserResult.isEmpty())
-      return;
+    if (parserResult.isEmpty()) return;
     const localMaps = createReportMaps();
     const componentFn = (item) => {
       processResultItemFn({ item, filepath, localMaps, type: "component" });
@@ -229,8 +222,7 @@ function classifyProject(ctx, resultMap) {
   Object.entries(ctx.recipes.config).forEach(([key, recipe]) => {
     const localMaps = createReportMaps();
     const functionFn = (styleObject) => {
-      if (!styleObject)
-        return;
+      if (!styleObject) return;
       const componentReportItem = {
         componentIndex: "0",
         componentName: `recipes.${key}.base`,
@@ -271,8 +263,7 @@ function classifyProject(ctx, resultMap) {
     }
   });
   Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
-    if (!styleObject)
-      return;
+    if (!styleObject) return;
     processMap({
       // @ts-expect-error
       map: box.objectToMap(styleObject, null, []),
@@ -441,19 +432,16 @@ function getImportDeclarations(context, sourceFile) {
   const importDeclarations = [];
   sourceFile.getImportDeclarations().forEach((node) => {
     const mod = getModuleSpecifierValue(node);
-    if (!mod)
-      return;
+    if (!mod) return;
     node.getNamedImports().forEach((specifier) => {
       const name = specifier.getNameNode().getText();
       const alias = specifier.getAliasNode()?.getText() || name;
       const result = { name, alias, mod, kind: "named" };
       const found = imports.match(result, (mod2) => {
-        if (!tsOptions?.pathMappings)
-          return;
+        if (!tsOptions?.pathMappings) return;
         return resolveTsPathPattern(tsOptions.pathMappings, mod2);
       });
-      if (!found)
-        return;
+      if (!found) return;
       importDeclarations.push(result);
     });
     const namespace = node.getNamespaceImport();
@@ -461,12 +449,10 @@ function getImportDeclarations(context, sourceFile) {
       const name = namespace.getText();
       const result = { name, alias: name, mod, kind: "namespace" };
       const found = imports.match(result, (mod2) => {
-        if (!tsOptions?.pathMappings)
-          return;
+        if (!tsOptions?.pathMappings) return;
         return resolveTsPathPattern(tsOptions.pathMappings, mod2);
       });
-      if (!found)
-        return;
+      if (!found) return;
       importDeclarations.push(result);
     }
   });
@@ -543,8 +529,7 @@ var ParserResult = class {
     const encoder = this.encoder;
     const recipes = this.context.recipes;
     const recipeConfig = recipes.getConfig(recipeName);
-    if (!recipeConfig)
-      return;
+    if (!recipeConfig) return;
     const recipe = result;
     if (result.type) {
       recipe.data.forEach((data) => {
@@ -609,8 +594,7 @@ function createParser(context) {
   const { jsx, imports, recipes, config } = context;
   const syntax = config.syntax;
   return function parse2(sourceFile, encoder, options) {
-    if (!sourceFile)
-      return;
+    if (!sourceFile) return;
     const importDeclarations = getImportDeclarations(context, sourceFile);
     const file = imports.file(importDeclarations);
     const filePath = sourceFile.getFilePath();
@@ -644,8 +628,7 @@ function createParser(context) {
         matchFn: (prop) => file.matchFn(prop.fnName),
         matchProp: () => true,
         matchArg: (prop) => {
-          if (file.isJsxFactory(prop.fnName) && prop.index === 1 && Node.isIdentifier(prop.argNode))
-            return false;
+          if (file.isJsxFactory(prop.fnName) && prop.index === 1 && Node.isIdentifier(prop.argNode)) return false;
           return true;
         }
       },
@@ -653,11 +636,9 @@ function createParser(context) {
         matchTaggedTemplate: (tag) => file.matchFn(tag.fnName)
       } : void 0,
       getEvaluateOptions: (node) => {
-        if (!Node.isCallExpression(node))
-          return evaluateOptions;
+        if (!Node.isCallExpression(node)) return evaluateOptions;
         const propAccessExpr = node.getExpression();
-        if (!Node.isPropertyAccessExpression(propAccessExpr))
-          return evaluateOptions;
+        if (!Node.isPropertyAccessExpression(propAccessExpr)) return evaluateOptions;
         let name = propAccessExpr.getText();
         if (!file.isRawFn(name)) {
           return evaluateOptions;
@@ -797,6 +778,7 @@ function createParser(context) {
               parserResult.setPattern(name, { type: "jsx-pattern", name, box: query.box, data });
               break;
             }
+            // name: Trigger
             case jsx.isJsxTagRecipe(name): {
               const matchingRecipes = recipes.filter(name);
               matchingRecipes.map((recipe) => {
@@ -804,6 +786,7 @@ function createParser(context) {
               });
               break;
             }
+            // alias: Tabs.Trigger
             case jsx.isJsxTagRecipe(alias): {
               const matchingRecipes = recipes.filter(alias);
               matchingRecipes.map((recipe) => {
@@ -891,8 +874,7 @@ var vueToTsx = (code) => {
     const stack = Array.from(parsed.descriptor.template?.ast?.children ?? []);
     while (stack.length) {
       const node = stack.pop();
-      if (!node)
-        continue;
+      if (!node) continue;
       if (node.type === NodeTypes.ELEMENT) {
         node.props.forEach(rewriteProp);
         node.children.forEach((child) => stack.push(child));
@@ -994,8 +976,7 @@ var Project = class {
       return this.parseJson(filePath);
     }
     const sourceFile = this.project.getSourceFile(filePath);
-    if (!sourceFile)
-      return;
+    if (!sourceFile) return;
     const original = sourceFile.getText();
     const options = {};
     const custom = hooks["parser:before"]?.({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.54.0",
+  "version": "1.0.1",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,18 +30,18 @@
   "dependencies": {
     "@vue/compiler-sfc": "3.4.19",
     "magic-string": "0.30.17",
-    "ts-morph": "24.0.0",
-    "ts-pattern": "5.0.8",
-    "@pandacss/config": "^0.54.0",
-    "@pandacss/core": "^0.54.0",
-    "@pandacss/extractor": "0.54.0",
-    "@pandacss/logger": "0.54.0",
-    "@pandacss/shared": "0.54.0",
-    "@pandacss/types": "0.54.0"
+    "ts-morph": "26.0.0",
+    "ts-pattern": "5.8.0",
+    "@pandacss/config": "^1.0.1",
+    "@pandacss/core": "^1.0.1",
+    "@pandacss/extractor": "1.0.1",
+    "@pandacss/logger": "1.0.1",
+    "@pandacss/shared": "1.0.1",
+    "@pandacss/types": "1.0.1"
   },
   "devDependencies": {
     "@vue/compiler-core": "3.4.19",
-    "@pandacss/generator": "0.54.0"
+    "@pandacss/generator": "1.0.1"
   },
   "files": [
     "dist"