@pandacss/node 0.0.0-dev-20230203182017 → 0.0.0-dev-20230204123646

package/dist/index.d.ts

@@ -2,12 +2,10 @@ import * as _pandacss_core from '@pandacss/core';
 import { StylesheetContext, Conditions, Utility } from '@pandacss/core';
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types_dist_config from '@pandacss/types/dist/config';
-import * as ts_morph from 'ts-morph';
 import * as _pandacss_types_dist_shared from '@pandacss/types/dist/shared';
 import * as _pandacss_types from '@pandacss/types';
 import { LoadConfigResult, RecipeConfig, PatternConfig, Config } from '@pandacss/types';
-import * as _pandacss_parser from '@pandacss/parser';
-import { Collector } from '@pandacss/parser';
+import { ParserResult } from '@pandacss/parser';
 import * as _pandacss_shared from '@pandacss/shared';
 import { mapObject } from '@pandacss/shared';
 import * as _pandacss_token_dictionary from '@pandacss/token-dictionary';
@@ -64,12 +62,8 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
         pattern: string;
         jsx: string;
     };
-    reloadSourceFiles: () => void;
-    getSourceFile: (file: string) => ts_morph.SourceFile | undefined;
-    addSourceFile: (file: string) => void;
-    reloadSourceFile: (file: string) => void;
-    removeSourceFile: (file: string) => boolean | undefined;
-    parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => Collector | undefined;
+    absPath: (str: string) => string;
+    project: any;
     getPath: (pathLike?: string) => string;
     paths: {
         root: string;
@@ -95,7 +89,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     tokens: TokenDictionary;
     hasTokens: boolean;
     utility: Utility;
-    getCss: (collector: Collector, file: string) => {
+    getCss: (collector: ParserResult, file: string) => {
         css: string;
         file: string;
     } | undefined;
@@ -186,146 +180,7 @@ declare class Builder {
     configChanged: boolean;
     updateFile(file: string, css: string): void;
     setup(): Promise<void>;
-    ensure(): {
-        theme: {
-            breakpoints?: Record<string, string> | undefined;
-            keyframes?: _pandacss_types.CssKeyframes | undefined;
-            tokens?: _pandacss_types.Tokens | undefined;
-            semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
-            textStyles?: _pandacss_types.TextStyles | undefined;
-            layerStyles?: _pandacss_types.LayerStyles | undefined;
-            recipes?: Record<string, _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>> | undefined;
-        };
-        config: _pandacss_types_dist_shared.UnwrapExtend<_pandacss_types.RequiredBy<_pandacss_types.Config, "include" | "outdir" | "cwd">>;
-        configPath: string;
-        cwd: string;
-        conf: _pandacss_types.LoadConfigResult;
-        chunks: {
-            dir: string;
-            readFile(file: string): Promise<string>;
-            getFiles(): string[];
-            format(file: string): string;
-            write(file: string, css: string): Promise<void[]>;
-            rm(file: string): Promise<void>;
-            empty(): Promise<void>;
-            glob: string[];
-        };
-        files: string[];
-        helpers: {
-            map: typeof _pandacss_shared.mapObject;
-        };
-        context: () => _pandacss_core.StylesheetContext;
-        exclude: string[];
-        conditions: _pandacss_core.Conditions;
-        importMap: {
-            css: string;
-            recipe: string;
-            pattern: string;
-            jsx: string;
-        };
-        reloadSourceFiles: () => void;
-        getSourceFile: (file: string) => ts_morph.SourceFile | undefined;
-        addSourceFile: (file: string) => void;
-        reloadSourceFile: (file: string) => void;
-        removeSourceFile: (file: string) => boolean | undefined;
-        parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => _pandacss_parser.Collector | undefined;
-        getPath: (pathLike?: string | undefined) => string;
-        paths: {
-            root: string;
-            css: string;
-            token: string;
-            types: string;
-            recipe: string;
-            pattern: string;
-            chunk: string;
-            outCss: string;
-            jsx: string;
-        };
-        write: (dir: string, options: {
-            file: string;
-            code: string | undefined;
-        }[]) => Promise<void[]>;
-        writeOutput: (output: Output) => Promise<void[]> | undefined;
-        cleanOutdir: () => Promise<void>;
-        getExt: (file: string) => string;
-        getImport: (items: string, mod: string) => string;
-        getExport: (mod: string) => string;
-        cssVarRoot: string;
-        tokens: _pandacss_token_dictionary.TokenDictionary;
-        hasTokens: boolean;
-        utility: _pandacss_core.Utility;
-        getCss: (collector: _pandacss_parser.Collector, file: string) => {
-            css: string;
-            file: string;
-        } | undefined;
-        getGlobalCss: () => string;
-        getStaticCss: () => string | undefined;
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        hasPatterns: boolean;
-        getPattern: (name: string) => _pandacss_types.PatternConfig | undefined;
-        execPattern: (name: string, data: Record<string, any>) => _pandacss_types.SystemStyleObject;
-        patternNodes: {
-            type: "pattern";
-            name: string;
-            props: string[];
-            baseName: string;
-        }[];
-        getPatternFnName: (jsx: string) => string;
-        getPatternDetails: (name: string, pattern: _pandacss_types.PatternConfig | undefined) => {
-            name: string;
-            props: string[];
-            dashName: string;
-            upperName: string;
-            styleFn: string;
-            jsxName: string;
-            blocklistType: string;
-        };
-        recipes: Record<string, _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>>;
-        getRecipe: (name: string) => _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord> | undefined;
-        hasRecipes: boolean;
-        getRecipeDetails: () => {
-            [x: string]: {
-                [x: string]: string[];
-            }[];
-        }[];
-        jsxFactory: string;
-        jsxFactoryDetails: {
-            name: string;
-            upperName: string;
-            typeName: string;
-            componentName: string;
-            framework: "solid" | "react" | "preact" | undefined;
-        };
-        properties: string[];
-        extract: (fn: (file: string) => Promise<{
-            css: string;
-            file: string;
-        } | undefined>) => Promise<({
-            css: string;
-            file: string;
-        } | undefined)[]>;
-        hash?: boolean | undefined;
-        prefix?: string | undefined;
-        separator?: "-" | "_" | "=" | undefined;
-        static?: _pandacss_types.StaticCssOptions | undefined;
-        minify?: boolean | undefined;
-        utilities?: _pandacss_types.UtilityConfig | undefined;
-        emitPackage?: boolean | undefined;
-        gitignore?: boolean | undefined;
-        studio?: Partial<_pandacss_types_dist_config.Studio> | undefined;
-        logLevel?: "debug" | "info" | "warn" | "error" | "silent" | undefined;
-        presets?: (string | _pandacss_types.Preset)[] | undefined;
-        preflight?: boolean | undefined;
-        clean?: boolean | undefined;
-        watch?: boolean | undefined;
-        poll?: boolean | undefined;
-        globalCss?: _pandacss_types.GlobalStyleObject | undefined;
-        jsxFramework?: "solid" | "react" | "preact" | undefined;
-        strictTokens?: boolean | undefined;
-        outExtension?: "mjs" | "js" | undefined;
-        include: string[];
-        outdir: string;
-    };
+    ensure(): PandaContext;
     extract(): Promise<void>;
     toString(): string;
     isValidRoot(root: Root): boolean;
@@ -374,12 +229,8 @@ declare function loadConfigAndCreateContext(options?: {
         pattern: string;
         jsx: string;
     };
-    reloadSourceFiles: () => void;
-    getSourceFile: (file: string) => ts_morph.SourceFile | undefined;
-    addSourceFile: (file: string) => void;
-    reloadSourceFile: (file: string) => void;
-    removeSourceFile: (file: string) => boolean | undefined;
-    parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => _pandacss_parser.Collector | undefined;
+    absPath: (str: string) => string;
+    project: any;
     getPath: (pathLike?: string | undefined) => string;
     paths: {
         root: string;
@@ -405,7 +256,46 @@ declare function loadConfigAndCreateContext(options?: {
     tokens: _pandacss_token_dictionary.TokenDictionary;
     hasTokens: boolean;
     utility: _pandacss_core.Utility;
-    getCss: (collector: _pandacss_parser.Collector, file: string) => {
+    getCss: (collector: {
+        jsx: Set<{
+            name?: string | undefined;
+            data: Record<string, any>;
+            type?: string | undefined;
+        }>;
+        css: Set<{
+            name?: string | undefined;
+            data: Record<string, any>;
+            type?: string | undefined;
+        }>;
+        cva: Set<{
+            name?: string | undefined;
+            data: Record<string, any>;
+            type?: string | undefined;
+        }>;
+        recipe: Map<string, Set<{
+            name?: string | undefined;
+            data: Record<string, any>;
+            type?: string | undefined;
+        }>>;
+        pattern: Map<string, Set<{
+            name?: string | undefined;
+            data: Record<string, any>;
+            type?: string | undefined;
+        }>>;
+        set(name: "css" | "cva", result: {
+            data: Record<string, any>;
+        }): void;
+        setCva(result: {
+            data: Record<string, any>;
+        }): void;
+        setPattern(name: string, result: {
+            data: Record<string, any>;
+        }): void;
+        setRecipe(name: string, result: {
+            data: Record<string, any>;
+        }): void;
+        isEmpty(): boolean;
+    }, file: string) => {
         css: string;
         file: string;
     } | undefined;

package/dist/index.js

@@ -60,8 +60,7 @@ function extractFile(ctx, file) {
   let result;
   const done = import_logger.logger.time.debug(`Extracted ${(0, import_logger.quote)(file)}`);
   try {
-    const source = ctx.getSourceFile(file);
-    data = ctx.parseSourceFile(source);
+    data = ctx.project.parseSourceFile(ctx.absPath(file));
   } catch (error) {
     import_logger.logger.error("file:parse", error);
   }
@@ -1794,7 +1793,6 @@ var import_fs_extra2 = require("fs-extra");
 var import_promises = require("fs/promises");
 var import_path2 = require("path");
 var import_postcss2 = __toESM(require("postcss"));
-var import_ts_morph = require("ts-morph");
 var import_ts_pattern5 = require("ts-pattern");
 var helpers = {
   map: import_shared4.mapObject
@@ -2032,52 +2030,24 @@ function createContext(conf, io = fileSystem) {
   }
   const files = getFiles();
   import_logger4.logger.debug("ctx:files", files);
-  const tsProject = (0, import_parser.createProject)();
-  function addSourceFile(file) {
-    tsProject.createSourceFile(file, (0, import_fs3.readFileSync)(file, "utf8"), {
-      overwrite: true,
-      scriptKind: import_ts_morph.ScriptKind.TSX
-    });
-  }
-  function reloadSourceFile(file) {
-    const sourceFile = tsProject.getSourceFile(file);
-    sourceFile?.refreshFromFileSystemSync();
-  }
-  function reloadSourceFiles() {
-    const files2 = getFiles();
-    for (const file of files2) {
-      const source = tsProject.getSourceFile(file);
-      if (source) {
-        source.refreshFromFileSystemSync();
-      } else {
-        tsProject.addSourceFileAtPath(file);
-      }
-    }
-  }
-  function getSourceFile(file) {
-    return tsProject.getSourceFile(absPath(file));
-  }
-  function removeSourceFile(file) {
-    const sourceFile = tsProject.getSourceFile(absPath(file));
-    if (sourceFile) {
-      return tsProject.removeSourceFile(sourceFile);
-    }
-  }
-  files.forEach((file) => {
-    addSourceFile(file);
-  });
   const importMap = {
     css: `${outdir}/css`,
     recipe: `${outdir}/recipes`,
     pattern: `${outdir}/patterns`,
     jsx: `${outdir}/jsx`
   };
-  const parseSourceFile = (0, import_parser.createParser)({
-    importMap,
-    jsx: {
-      factory: jsxFactory,
-      isStyleProp,
-      nodes: [...patternNodes, ...recipeNodes]
+  const project = (0, import_parser.createProject)({
+    getFiles,
+    readFile(filePath) {
+      return (0, import_fs3.readFileSync)(filePath, "utf8");
+    },
+    parserOptions: {
+      importMap,
+      jsx: {
+        factory: jsxFactory,
+        isStyleProp,
+        nodes: [...patternNodes, ...recipeNodes]
+      }
     }
   });
   function getGlobalCss() {
@@ -2186,7 +2156,7 @@ function createContext(conf, io = fileSystem) {
         import_logger4.logger.error("pattern", error);
       }
     });
-    if (collector.isEmpty) {
+    if (collector.isEmpty()) {
       return;
     }
     return {
@@ -2211,12 +2181,8 @@ function createContext(conf, io = fileSystem) {
     exclude,
     conditions,
     importMap,
-    reloadSourceFiles,
-    getSourceFile,
-    addSourceFile,
-    reloadSourceFile,
-    removeSourceFile,
-    parseSourceFile,
+    absPath,
+    project,
     getPath,
     paths,
     write,
@@ -2332,7 +2298,7 @@ var Builder = class {
     const configHash = getConfigHash();
     const cachedContext = contextCache.get(configHash);
     if (cachedContext) {
-      cachedContext.reloadSourceFiles();
+      cachedContext.project.reloadSourceFiles();
       this.context = cachedContext;
       this.fileCssMap = builderCache.get(cachedContext).fileCssMap;
       this.fileModifiedMap = builderCache.get(cachedContext).fileModifiedMap;
@@ -2464,13 +2430,13 @@ async function createContentWatcher(ctx, callback) {
   watcher.on("all", async (event, file) => {
     import_logger7.logger.debug(`file:${event}`, file);
     (0, import_ts_pattern6.match)(event).with("unlink", () => {
-      ctx.removeSourceFile(file);
+      ctx.project.removeSourceFile(ctx.absPath(file));
       ctx.chunks.rm(file);
     }).with("change", async () => {
-      ctx.reloadSourceFile(file);
+      ctx.project.reloadSourceFile(file);
       await callback(file);
     }).with("add", async () => {
-      ctx.addSourceFile(file);
+      ctx.project.createSourceFile(file);
       await callback(file);
     }).otherwise(() => {
     });

package/dist/index.mjs

@@ -13,8 +13,7 @@ function extractFile(ctx, file) {
   let result;
   const done = logger.time.debug(`Extracted ${quote(file)}`);
   try {
-    const source = ctx.getSourceFile(file);
-    data = ctx.parseSourceFile(source);
+    data = ctx.project.parseSourceFile(ctx.absPath(file));
   } catch (error) {
     logger.error("file:parse", error);
   }
@@ -1745,7 +1744,7 @@ import {
 } from "@pandacss/core";
 import { isCssProperty } from "@pandacss/is-valid-prop";
 import { logger as logger4 } from "@pandacss/logger";
-import { createParser, createProject } from "@pandacss/parser";
+import { createProject } from "@pandacss/parser";
 import { capitalize as capitalize4, compact, dashCase as dashCase2, mapObject, splitProps, uncapitalize } from "@pandacss/shared";
 import { TokenDictionary } from "@pandacss/token-dictionary";
 import glob from "fast-glob";
@@ -1754,7 +1753,6 @@ import { emptyDir, ensureDir, existsSync } from "fs-extra";
 import { readFile, unlink, writeFile } from "fs/promises";
 import { extname, isAbsolute, join as join2, relative, resolve, sep } from "path";
 import postcss2 from "postcss";
-import { ScriptKind } from "ts-morph";
 import { match as match5, P } from "ts-pattern";
 var helpers = {
   map: mapObject
@@ -1992,52 +1990,24 @@ function createContext(conf, io = fileSystem) {
   }
   const files = getFiles();
   logger4.debug("ctx:files", files);
-  const tsProject = createProject();
-  function addSourceFile(file) {
-    tsProject.createSourceFile(file, readFileSync4(file, "utf8"), {
-      overwrite: true,
-      scriptKind: ScriptKind.TSX
-    });
-  }
-  function reloadSourceFile(file) {
-    const sourceFile = tsProject.getSourceFile(file);
-    sourceFile?.refreshFromFileSystemSync();
-  }
-  function reloadSourceFiles() {
-    const files2 = getFiles();
-    for (const file of files2) {
-      const source = tsProject.getSourceFile(file);
-      if (source) {
-        source.refreshFromFileSystemSync();
-      } else {
-        tsProject.addSourceFileAtPath(file);
-      }
-    }
-  }
-  function getSourceFile(file) {
-    return tsProject.getSourceFile(absPath(file));
-  }
-  function removeSourceFile(file) {
-    const sourceFile = tsProject.getSourceFile(absPath(file));
-    if (sourceFile) {
-      return tsProject.removeSourceFile(sourceFile);
-    }
-  }
-  files.forEach((file) => {
-    addSourceFile(file);
-  });
   const importMap = {
     css: `${outdir}/css`,
     recipe: `${outdir}/recipes`,
     pattern: `${outdir}/patterns`,
     jsx: `${outdir}/jsx`
   };
-  const parseSourceFile = createParser({
-    importMap,
-    jsx: {
-      factory: jsxFactory,
-      isStyleProp,
-      nodes: [...patternNodes, ...recipeNodes]
+  const project = createProject({
+    getFiles,
+    readFile(filePath) {
+      return readFileSync4(filePath, "utf8");
+    },
+    parserOptions: {
+      importMap,
+      jsx: {
+        factory: jsxFactory,
+        isStyleProp,
+        nodes: [...patternNodes, ...recipeNodes]
+      }
     }
   });
   function getGlobalCss() {
@@ -2146,7 +2116,7 @@ function createContext(conf, io = fileSystem) {
         logger4.error("pattern", error);
       }
     });
-    if (collector.isEmpty) {
+    if (collector.isEmpty()) {
       return;
     }
     return {
@@ -2171,12 +2141,8 @@ function createContext(conf, io = fileSystem) {
     exclude,
     conditions,
     importMap,
-    reloadSourceFiles,
-    getSourceFile,
-    addSourceFile,
-    reloadSourceFile,
-    removeSourceFile,
-    parseSourceFile,
+    absPath,
+    project,
     getPath,
     paths,
     write,
@@ -2292,7 +2258,7 @@ var Builder = class {
     const configHash = getConfigHash();
     const cachedContext = contextCache.get(configHash);
     if (cachedContext) {
-      cachedContext.reloadSourceFiles();
+      cachedContext.project.reloadSourceFiles();
       this.context = cachedContext;
       this.fileCssMap = builderCache.get(cachedContext).fileCssMap;
       this.fileModifiedMap = builderCache.get(cachedContext).fileModifiedMap;
@@ -2424,13 +2390,13 @@ async function createContentWatcher(ctx, callback) {
   watcher.on("all", async (event, file) => {
     logger7.debug(`file:${event}`, file);
     match6(event).with("unlink", () => {
-      ctx.removeSourceFile(file);
+      ctx.project.removeSourceFile(ctx.absPath(file));
       ctx.chunks.rm(file);
     }).with("change", async () => {
-      ctx.reloadSourceFile(file);
+      ctx.project.reloadSourceFile(file);
       await callback(file);
     }).with("add", async () => {
-      ctx.addSourceFile(file);
+      ctx.project.createSourceFile(file);
       await callback(file);
     }).otherwise(() => {
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20230203182017",
+  "version": "0.0.0-dev-20230204123646",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -17,36 +17,37 @@
     "chokidar": "^3.5.3",
     "fast-glob": "^3.2.12",
     "fs-extra": "11.1.0",
-    "is-glob": "^4.0.3",
     "glob-parent": "^6.0.2",
     "hookable": "5.4.2",
+    "is-glob": "^4.0.3",
+    "javascript-stringify": "2.1.0",
+    "lil-fp": "1.1.8",
     "lodash.merge": "4.6.2",
     "look-it-up": "2.1.0",
     "outdent": " ^0.8.0",
-    "preferred-pm": "^3.0.3",
-    "postcss": "8.4.21",
     "pkg-types": "1.0.1",
     "pluralize": "8.0.0",
-    "javascript-stringify": "2.1.0",
+    "postcss": "8.4.21",
+    "preferred-pm": "^3.0.3",
     "ts-pattern": "4.1.3",
     "ts-morph": "17.0.1",
-    "@pandacss/types": "0.0.0-dev-20230203182017",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230203182017",
-    "@pandacss/error": "0.0.0-dev-20230203182017",
-    "@pandacss/parser": "0.0.0-dev-20230203182017",
-    "@pandacss/shared": "0.0.0-dev-20230203182017",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230203182017",
-    "@pandacss/logger": "0.0.0-dev-20230203182017",
-    "@pandacss/core": "0.0.0-dev-20230203182017",
-    "@pandacss/config": "0.0.0-dev-20230203182017"
+    "@pandacss/config": "0.0.0-dev-20230204123646",
+    "@pandacss/core": "0.0.0-dev-20230204123646",
+    "@pandacss/error": "0.0.0-dev-20230204123646",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230204123646",
+    "@pandacss/logger": "0.0.0-dev-20230204123646",
+    "@pandacss/parser": "0.0.0-dev-20230204123646",
+    "@pandacss/shared": "0.0.0-dev-20230204123646",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230204123646",
+    "@pandacss/types": "0.0.0-dev-20230204123646"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
-    "@types/is-glob": "^4.0.2",
     "@types/glob-parent": "^5.1.1",
-    "@types/pluralize": "0.0.29",
+    "@types/is-glob": "^4.0.2",
     "@types/lodash.merge": "4.6.7",
-    "@pandacss/fixture": "0.0.0-dev-20230203182017"
+    "@types/pluralize": "0.0.29",
+    "@pandacss/fixture": "0.0.0-dev-20230204123646"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",