@pandacss/parser 0.0.2 → 0.3.0

package/dist/index.d.ts

@@ -1,7 +1,37 @@
-import * as _pandacss_types from '@pandacss/types';
-import { AnyRecipeConfig } from '@pandacss/types';
 import * as ts_morph from 'ts-morph';
 import { ProjectOptions as ProjectOptions$1 } from 'ts-morph';
+import { ResultItem, RecipeConfig, PandaHookable } from '@pandacss/types';
+
+declare class ParserResult {
+    jsx: Set<ResultItem>;
+    css: Set<ResultItem>;
+    cva: Set<ResultItem>;
+    recipe: Map<string, Set<ResultItem>>;
+    pattern: Map<string, Set<ResultItem>>;
+    filePath: string | undefined;
+    set(name: 'cva' | 'css', result: ResultItem): void;
+    setCva(result: ResultItem): void;
+    setJsx(result: ResultItem): void;
+    setPattern(name: string, result: ResultItem): void;
+    setRecipe(name: string, result: ResultItem): void;
+    isEmpty(): boolean;
+    setFilePath(filePath: string): this;
+    toArray(): ResultItem[];
+    toJSON(): {
+        css: ResultItem[];
+        cva: ResultItem[];
+        recipe: {
+            [k: string]: ResultItem[];
+        };
+        pattern: {
+            [k: string]: ResultItem[];
+        };
+        jsx: ResultItem[];
+    };
+    merge(result: ParserResult): this;
+    static fromJSON(json: string): ParserResult;
+}
+declare const createParserResult: () => ParserResult;
 
 type ParserPatternNode = {
     name: string;
@@ -14,7 +44,7 @@ type ParserRecipeNode = {
     type: 'recipe';
     props: string[];
     baseName: string;
-    jsx: AnyRecipeConfig['jsx'];
+    jsx: RecipeConfig['jsx'];
 };
 type ParserNodeOptions = ParserPatternNode | ParserRecipeNode;
 type ParserOptions = {
@@ -25,22 +55,24 @@ type ParserOptions = {
         isStyleProp: (prop: string) => boolean;
     };
     getRecipeName: (tagName: string) => string;
-    getRecipeByName: (name: string) => AnyRecipeConfig | undefined;
+    getRecipeByName: (name: string) => RecipeConfig | undefined;
 };
 
 type ProjectOptions = Partial<ProjectOptions$1> & {
     readFile: (filePath: string) => string;
     getFiles: () => string[];
+    hooks: PandaHookable;
     parserOptions: ParserOptions;
 };
-declare const createProject: ({ getFiles, readFile, parserOptions, ...projectOptions }: ProjectOptions) => {
+declare const createProject: ({ getFiles, readFile, parserOptions, hooks, ...projectOptions }: ProjectOptions) => {
     getSourceFile: (filePath: string) => ts_morph.SourceFile | undefined;
     removeSourceFile: (filePath: string) => void;
     createSourceFile: (filePath: string) => ts_morph.SourceFile;
-    parseSourceFile: (filePath: string) => _pandacss_types.ParserResult | undefined;
+    addSourceFile: (filePath: string, content: string) => ts_morph.SourceFile;
+    parseSourceFile: (filePath: string) => ParserResult | undefined;
     reloadSourceFile: (filePath: string) => ts_morph.FileSystemRefreshResult | undefined;
     reloadSourceFiles: () => void;
 };
 type Project = ReturnType<typeof createProject>;
 
-export { Project, ProjectOptions, createProject };
+export { ParserResult, Project, ProjectOptions, createParserResult, createProject };

package/dist/index.js

@@ -20,6 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  ParserResult: () => ParserResult,
+  createParserResult: () => createParserResult,
   createProject: () => createProject
 });
 module.exports = __toCommonJS(src_exports);
@@ -37,11 +39,18 @@ var import_ts_pattern = require("ts-pattern");
 
 // src/import.ts
 var import_shared = require("@pandacss/shared");
+var getModuleSpecifierValue = (node) => {
+  try {
+    return node.getModuleSpecifierValue();
+  } catch {
+    return;
+  }
+};
 function getImportDeclarations(file, options) {
   const { match: match2 } = options;
   const result = [];
   file.getImportDeclarations().forEach((node) => {
-    const source = node.getModuleSpecifierValue();
+    const source = getModuleSpecifierValue(node);
     if (!source)
       return;
     const specifiers = node.getNamedImports();
@@ -78,33 +87,38 @@ function getImportDeclarations(file, options) {
 }
 
 // src/parser-result.ts
-var createParserResult = () => ({
-  jsx: /* @__PURE__ */ new Set(),
-  css: /* @__PURE__ */ new Set(),
-  cva: /* @__PURE__ */ new Set(),
-  recipe: /* @__PURE__ */ new Map(),
-  pattern: /* @__PURE__ */ new Map(),
+var ParserResult = class {
+  jsx = /* @__PURE__ */ new Set();
+  css = /* @__PURE__ */ new Set();
+  cva = /* @__PURE__ */ new Set();
+  recipe = /* @__PURE__ */ new Map();
+  pattern = /* @__PURE__ */ new Map();
+  filePath;
   set(name, result) {
     this[name].add({ type: "object", ...result });
-  },
+  }
   setCva(result) {
     this.cva.add({ type: "cva", ...result });
-  },
+  }
   setJsx(result) {
     this.jsx.add({ type: "jsx", ...result });
-  },
+  }
   setPattern(name, result) {
     this.pattern.get(name) ?? this.pattern.set(name, /* @__PURE__ */ new Set());
     this.pattern.get(name)?.add({ type: "pattern", name, ...result });
-  },
+  }
   setRecipe(name, result) {
     this.recipe.get(name) ?? this.recipe.set(name, /* @__PURE__ */ new Set());
     this.recipe.get(name)?.add({ type: "recipe", ...result });
-  },
+  }
   isEmpty() {
     return this.css.size === 0 && this.cva.size === 0 && this.recipe.size === 0 && this.pattern.size === 0 && this.jsx.size === 0;
-  },
-  getAll() {
+  }
+  setFilePath(filePath) {
+    this.filePath = filePath;
+    return this;
+  }
+  toArray() {
     const result = [];
     this.css.forEach((item) => result.push(item));
     this.cva.forEach((item) => result.push(item));
@@ -113,7 +127,41 @@ var createParserResult = () => ({
     this.jsx.forEach((item) => result.push(item));
     return result;
   }
-});
+  toJSON() {
+    return {
+      css: Array.from(this.css),
+      cva: Array.from(this.cva),
+      recipe: Object.fromEntries(Array.from(this.recipe.entries()).map(([key, value]) => [key, Array.from(value)])),
+      pattern: Object.fromEntries(Array.from(this.pattern.entries()).map(([key, value]) => [key, Array.from(value)])),
+      jsx: Array.from(this.jsx)
+    };
+  }
+  merge(result) {
+    result.css.forEach((item) => this.css.add(item));
+    result.cva.forEach((item) => this.cva.add(item));
+    result.recipe.forEach((items, name) => {
+      this.recipe.get(name) ?? this.recipe.set(name, /* @__PURE__ */ new Set());
+      items.forEach((item) => this.recipe.get(name)?.add(item));
+    });
+    result.pattern.forEach((items, name) => {
+      this.pattern.get(name) ?? this.pattern.set(name, /* @__PURE__ */ new Set());
+      items.forEach((item) => this.pattern.get(name)?.add(item));
+    });
+    result.jsx.forEach((item) => this.jsx.add(item));
+    return this;
+  }
+  static fromJSON(json) {
+    const data = JSON.parse(json);
+    const result = new ParserResult();
+    result.css = new Set(data.css);
+    result.cva = new Set(data.cva);
+    result.recipe = new Map(Object.entries(data.recipe));
+    result.pattern = new Map(Object.entries(data.pattern));
+    result.jsx = new Set(data.jsx);
+    return result;
+  }
+};
+var createParserResult = () => new ParserResult();
 
 // src/parser.ts
 var isNodeRecipe = (node) => node.type === "recipe";
@@ -137,19 +185,19 @@ var fallback = (box) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
+  const { jsx, importMap, getRecipeByName } = options;
+  const importRegex = [
+    createImportMatcher(importMap.css, ["css", "cva"]),
+    createImportMatcher(importMap.recipe),
+    createImportMatcher(importMap.pattern)
+  ];
+  if (jsx) {
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+  }
   return function parse(sourceFile) {
     if (!sourceFile)
       return;
     const filePath = sourceFile.getFilePath();
-    const { jsx, importMap, getRecipeByName } = options;
-    const importRegex = [
-      createImportMatcher(importMap.css, ["css", "cva"]),
-      createImportMatcher(importMap.recipe),
-      createImportMatcher(importMap.pattern)
-    ];
-    if (jsx) {
-      importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
-    }
     const imports = getImportDeclarations(sourceFile, {
       match(value) {
         return importRegex.some(({ regex, mod }) => regex.test(value.name) && value.mod.includes(mod));
@@ -336,7 +384,7 @@ var createTsProject = (options) => new import_ts_morph2.Project({
     ...options.compilerOptions
   }
 });
-var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) => (0, import_lil_fp.pipe)(
+var createProject = ({ getFiles, readFile, parserOptions, hooks, ...projectOptions }) => (0, import_lil_fp.pipe)(
   {
     project: createTsProject(projectOptions),
     parser: createParser(parserOptions)
@@ -352,8 +400,26 @@ var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) =
       overwrite: true,
       scriptKind: import_ts_morph2.ScriptKind.TSX
     }),
+    addSourceFile: (filePath, content) => project.createSourceFile(filePath, content, {
+      overwrite: true,
+      scriptKind: import_ts_morph2.ScriptKind.TSX
+    }),
     parseSourceFile: (filePath) => {
-      return parser(project.getSourceFile(filePath));
+      if (filePath.endsWith(".json")) {
+        const content2 = readFile(filePath);
+        hooks.callHook("parser:before", filePath, content2);
+        const result2 = ParserResult.fromJSON(content2).setFilePath(filePath);
+        hooks.callHook("parser:after", filePath, result2);
+        return result2;
+      }
+      const sourceFile = project.getSourceFile(filePath);
+      if (!sourceFile)
+        return;
+      const content = sourceFile.getText();
+      hooks.callHook("parser:before", filePath, content);
+      const result = parser(sourceFile)?.setFilePath(filePath);
+      hooks.callHook("parser:after", filePath, result);
+      return result;
     }
   })),
   (0, import_lil_fp.tap)(({ createSourceFile }) => {
@@ -376,5 +442,7 @@ var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) =
 );
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ParserResult,
+  createParserResult,
   createProject
 });

package/dist/index.mjs

@@ -11,11 +11,18 @@ import { match } from "ts-pattern";
 
 // src/import.ts
 import { memo } from "@pandacss/shared";
+var getModuleSpecifierValue = (node) => {
+  try {
+    return node.getModuleSpecifierValue();
+  } catch {
+    return;
+  }
+};
 function getImportDeclarations(file, options) {
   const { match: match2 } = options;
   const result = [];
   file.getImportDeclarations().forEach((node) => {
-    const source = node.getModuleSpecifierValue();
+    const source = getModuleSpecifierValue(node);
     if (!source)
       return;
     const specifiers = node.getNamedImports();
@@ -52,33 +59,38 @@ function getImportDeclarations(file, options) {
 }
 
 // src/parser-result.ts
-var createParserResult = () => ({
-  jsx: /* @__PURE__ */ new Set(),
-  css: /* @__PURE__ */ new Set(),
-  cva: /* @__PURE__ */ new Set(),
-  recipe: /* @__PURE__ */ new Map(),
-  pattern: /* @__PURE__ */ new Map(),
+var ParserResult = class {
+  jsx = /* @__PURE__ */ new Set();
+  css = /* @__PURE__ */ new Set();
+  cva = /* @__PURE__ */ new Set();
+  recipe = /* @__PURE__ */ new Map();
+  pattern = /* @__PURE__ */ new Map();
+  filePath;
   set(name, result) {
     this[name].add({ type: "object", ...result });
-  },
+  }
   setCva(result) {
     this.cva.add({ type: "cva", ...result });
-  },
+  }
   setJsx(result) {
     this.jsx.add({ type: "jsx", ...result });
-  },
+  }
   setPattern(name, result) {
     this.pattern.get(name) ?? this.pattern.set(name, /* @__PURE__ */ new Set());
     this.pattern.get(name)?.add({ type: "pattern", name, ...result });
-  },
+  }
   setRecipe(name, result) {
     this.recipe.get(name) ?? this.recipe.set(name, /* @__PURE__ */ new Set());
     this.recipe.get(name)?.add({ type: "recipe", ...result });
-  },
+  }
   isEmpty() {
     return this.css.size === 0 && this.cva.size === 0 && this.recipe.size === 0 && this.pattern.size === 0 && this.jsx.size === 0;
-  },
-  getAll() {
+  }
+  setFilePath(filePath) {
+    this.filePath = filePath;
+    return this;
+  }
+  toArray() {
     const result = [];
     this.css.forEach((item) => result.push(item));
     this.cva.forEach((item) => result.push(item));
@@ -87,7 +99,41 @@ var createParserResult = () => ({
     this.jsx.forEach((item) => result.push(item));
     return result;
   }
-});
+  toJSON() {
+    return {
+      css: Array.from(this.css),
+      cva: Array.from(this.cva),
+      recipe: Object.fromEntries(Array.from(this.recipe.entries()).map(([key, value]) => [key, Array.from(value)])),
+      pattern: Object.fromEntries(Array.from(this.pattern.entries()).map(([key, value]) => [key, Array.from(value)])),
+      jsx: Array.from(this.jsx)
+    };
+  }
+  merge(result) {
+    result.css.forEach((item) => this.css.add(item));
+    result.cva.forEach((item) => this.cva.add(item));
+    result.recipe.forEach((items, name) => {
+      this.recipe.get(name) ?? this.recipe.set(name, /* @__PURE__ */ new Set());
+      items.forEach((item) => this.recipe.get(name)?.add(item));
+    });
+    result.pattern.forEach((items, name) => {
+      this.pattern.get(name) ?? this.pattern.set(name, /* @__PURE__ */ new Set());
+      items.forEach((item) => this.pattern.get(name)?.add(item));
+    });
+    result.jsx.forEach((item) => this.jsx.add(item));
+    return this;
+  }
+  static fromJSON(json) {
+    const data = JSON.parse(json);
+    const result = new ParserResult();
+    result.css = new Set(data.css);
+    result.cva = new Set(data.cva);
+    result.recipe = new Map(Object.entries(data.recipe));
+    result.pattern = new Map(Object.entries(data.pattern));
+    result.jsx = new Set(data.jsx);
+    return result;
+  }
+};
+var createParserResult = () => new ParserResult();
 
 // src/parser.ts
 var isNodeRecipe = (node) => node.type === "recipe";
@@ -111,19 +157,19 @@ var fallback = (box) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
+  const { jsx, importMap, getRecipeByName } = options;
+  const importRegex = [
+    createImportMatcher(importMap.css, ["css", "cva"]),
+    createImportMatcher(importMap.recipe),
+    createImportMatcher(importMap.pattern)
+  ];
+  if (jsx) {
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+  }
   return function parse(sourceFile) {
     if (!sourceFile)
       return;
     const filePath = sourceFile.getFilePath();
-    const { jsx, importMap, getRecipeByName } = options;
-    const importRegex = [
-      createImportMatcher(importMap.css, ["css", "cva"]),
-      createImportMatcher(importMap.recipe),
-      createImportMatcher(importMap.pattern)
-    ];
-    if (jsx) {
-      importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
-    }
     const imports = getImportDeclarations(sourceFile, {
       match(value) {
         return importRegex.some(({ regex, mod }) => regex.test(value.name) && value.mod.includes(mod));
@@ -310,7 +356,7 @@ var createTsProject = (options) => new TsProject({
     ...options.compilerOptions
   }
 });
-var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) => pipe(
+var createProject = ({ getFiles, readFile, parserOptions, hooks, ...projectOptions }) => pipe(
   {
     project: createTsProject(projectOptions),
     parser: createParser(parserOptions)
@@ -326,8 +372,26 @@ var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) =
       overwrite: true,
       scriptKind: ScriptKind.TSX
     }),
+    addSourceFile: (filePath, content) => project.createSourceFile(filePath, content, {
+      overwrite: true,
+      scriptKind: ScriptKind.TSX
+    }),
     parseSourceFile: (filePath) => {
-      return parser(project.getSourceFile(filePath));
+      if (filePath.endsWith(".json")) {
+        const content2 = readFile(filePath);
+        hooks.callHook("parser:before", filePath, content2);
+        const result2 = ParserResult.fromJSON(content2).setFilePath(filePath);
+        hooks.callHook("parser:after", filePath, result2);
+        return result2;
+      }
+      const sourceFile = project.getSourceFile(filePath);
+      if (!sourceFile)
+        return;
+      const content = sourceFile.getText();
+      hooks.callHook("parser:before", filePath, content);
+      const result = parser(sourceFile)?.setFilePath(filePath);
+      hooks.callHook("parser:after", filePath, result);
+      return result;
     }
   })),
   tap(({ createSourceFile }) => {
@@ -349,5 +413,7 @@ var createProject = ({ getFiles, readFile, parserOptions, ...projectOptions }) =
   Obj.omit(["project", "parser"])
 );
 export {
+  ParserResult,
+  createParserResult,
   createProject
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.0.2",
+  "version": "0.3.0",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,15 +14,16 @@
     "lil-fp": "1.4.5",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/extractor": "0.0.2",
-    "@pandacss/is-valid-prop": "0.0.2",
-    "@pandacss/logger": "0.0.2",
-    "@pandacss/types": "0.0.2",
-    "@pandacss/shared": "0.0.2"
+    "@pandacss/extractor": "0.3.0",
+    "@pandacss/is-valid-prop": "0.3.0",
+    "@pandacss/logger": "0.3.0",
+    "@pandacss/shared": "0.3.0",
+    "@pandacss/types": "0.3.0"
   },
   "devDependencies": {
-    "@pandacss/generator": "0.0.2",
-    "@pandacss/fixture": "0.0.2"
+    "hookable": "5.5.3",
+    "@pandacss/fixture": "0.3.0",
+    "@pandacss/generator": "0.3.0"
   },
   "files": [
     "dist"