@pandacss/parser 0.14.0 → 0.15.1

package/dist/index.js

@@ -206,7 +206,9 @@ var fallback = (box2) => ({
   getNode: () => box2.getNode(),
   getStack: () => box2.getStack()
 });
-var defaultEnv = { preset: "NONE" };
+var defaultEnv = { preset: "ECMA" };
+var identityFn = (styles) => styles;
+var evaluateOptions = { environment: defaultEnv };
 function createParser(options) {
   const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
@@ -265,7 +267,7 @@ function createParser(options) {
         pattern.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
-          } else {
+          } else if (jsx2) {
             acc.regex.push(jsx2);
           }
         });
@@ -370,7 +372,21 @@ function createParser(options) {
       taggedTemplates: {
         matchTaggedTemplate: (tag) => matchFn(tag.fnName)
       },
-      getEvaluateOptions: (node) => ({ node, environment: defaultEnv }),
+      getEvaluateOptions: (node) => {
+        if (!import_ts_morph.Node.isCallExpression(node))
+          return evaluateOptions;
+        const propAccessExpr = node.getExpression();
+        if (!import_ts_morph.Node.isPropertyAccessExpression(propAccessExpr))
+          return evaluateOptions;
+        let name = propAccessExpr.getText();
+        if (!isRawFn(name)) {
+          return evaluateOptions;
+        }
+        name = name.replace(".raw", "");
+        return {
+          environment: Object.assign({}, defaultEnv, { extra: { [name]: { raw: identityFn } } })
+        };
+      },
       flags: { skipTraverseFiles: true }
     });
     measure();
@@ -473,14 +489,14 @@ function createParser(options) {
       } else if (result.kind === "component") {
         result.queryList.forEach((query) => {
           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(isJsxTagPattern, (name2) => {
-            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-          }).when(isJsxTagRecipe, (name2) => {
-            const recipeList = getRecipesByJsxName(name2);
+          (0, import_ts_pattern.match)(name).when(isFactory, (jsxName) => {
+            collector.setJsx({ name: jsxName, box: query.box, type: "jsx-factory", data });
+          }).when(isJsxTagPattern, (jsxName) => {
+            collector.setPattern(jsxName, { type: "jsx-pattern", name: jsxName, box: query.box, data });
+          }).when(isJsxTagRecipe, (jsxName) => {
+            const recipeList = getRecipesByJsxName(jsxName);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: jsxName, box: query.box, data });
             });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });

package/dist/index.mjs

@@ -168,7 +168,9 @@ var fallback = (box2) => ({
   getNode: () => box2.getNode(),
   getStack: () => box2.getStack()
 });
-var defaultEnv = { preset: "NONE" };
+var defaultEnv = { preset: "ECMA" };
+var identityFn = (styles) => styles;
+var evaluateOptions = { environment: defaultEnv };
 function createParser(options) {
   const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
   const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
@@ -227,7 +229,7 @@ function createParser(options) {
         pattern.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
-          } else {
+          } else if (jsx2) {
             acc.regex.push(jsx2);
           }
         });
@@ -332,7 +334,21 @@ function createParser(options) {
       taggedTemplates: {
         matchTaggedTemplate: (tag) => matchFn(tag.fnName)
       },
-      getEvaluateOptions: (node) => ({ node, environment: defaultEnv }),
+      getEvaluateOptions: (node) => {
+        if (!Node.isCallExpression(node))
+          return evaluateOptions;
+        const propAccessExpr = node.getExpression();
+        if (!Node.isPropertyAccessExpression(propAccessExpr))
+          return evaluateOptions;
+        let name = propAccessExpr.getText();
+        if (!isRawFn(name)) {
+          return evaluateOptions;
+        }
+        name = name.replace(".raw", "");
+        return {
+          environment: Object.assign({}, defaultEnv, { extra: { [name]: { raw: identityFn } } })
+        };
+      },
       flags: { skipTraverseFiles: true }
     });
     measure();
@@ -435,14 +451,14 @@ function createParser(options) {
       } else if (result.kind === "component") {
         result.queryList.forEach((query) => {
           const data = combineResult(unbox(query.box));
-          match(name).when(isFactory, (name2) => {
-            collector.setJsx({ name: name2, box: query.box, type: "jsx-factory", data });
-          }).when(isJsxTagPattern, (name2) => {
-            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-          }).when(isJsxTagRecipe, (name2) => {
-            const recipeList = getRecipesByJsxName(name2);
+          match(name).when(isFactory, (jsxName) => {
+            collector.setJsx({ name: jsxName, box: query.box, type: "jsx-factory", data });
+          }).when(isJsxTagPattern, (jsxName) => {
+            collector.setPattern(jsxName, { type: "jsx-pattern", name: jsxName, box: query.box, data });
+          }).when(isJsxTagRecipe, (jsxName) => {
+            const recipeList = getRecipesByJsxName(jsxName);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: jsxName, 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.14.0",
+  "version": "0.15.1",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,18 +15,18 @@
     "lil-fp": "1.4.5",
     "magic-string": "^0.30.2",
     "ts-morph": "19.0.0",
-    "ts-pattern": "5.0.4",
-    "@pandacss/config": "^0.14.0",
-    "@pandacss/extractor": "0.14.0",
-    "@pandacss/is-valid-prop": "0.14.0",
-    "@pandacss/logger": "0.14.0",
-    "@pandacss/shared": "0.14.0",
-    "@pandacss/types": "0.14.0"
+    "ts-pattern": "5.0.5",
+    "@pandacss/config": "^0.15.1",
+    "@pandacss/extractor": "0.15.1",
+    "@pandacss/is-valid-prop": "0.15.1",
+    "@pandacss/logger": "0.15.1",
+    "@pandacss/shared": "0.15.1",
+    "@pandacss/types": "0.15.1"
   },
   "devDependencies": {
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.14.0",
-    "@pandacss/generator": "0.14.0"
+    "@pandacss/fixture": "0.15.1",
+    "@pandacss/generator": "0.15.1"
   },
   "files": [
     "dist"