@pandacss/node 0.24.1 → 0.25.0

package/dist/index.d.mts

@@ -207,16 +207,15 @@ declare class Builder {
     private hasEmitted;
     private filesMeta;
     private affecteds;
+    private configDependencies;
     getConfigPath: (cwd?: string) => string;
+    setConfigDependencies(options: SetupContextOptions): void;
     setup: (options?: {
         configPath?: string;
         cwd?: string;
     }) => Promise<PandaContext | undefined>;
     emit(): Promise<void>;
-    setupContext: (options: {
-        configPath: string;
-        cwd?: string;
-    }) => Promise<PandaContext>;
+    setupContext: (options: SetupContextOptions) => Promise<PandaContext>;
     getContextOrThrow: () => PandaContext;
     getFileMeta: (file: string) => {
         mtime: number;
@@ -237,6 +236,10 @@ interface FileMeta {
     mtime: number;
     isUnchanged: boolean;
 }
+interface SetupContextOptions {
+    configPath: string;
+    cwd?: string;
+}
 
 declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     box: string;

package/dist/index.d.ts

@@ -207,16 +207,15 @@ declare class Builder {
     private hasEmitted;
     private filesMeta;
     private affecteds;
+    private configDependencies;
     getConfigPath: (cwd?: string) => string;
+    setConfigDependencies(options: SetupContextOptions): void;
     setup: (options?: {
         configPath?: string;
         cwd?: string;
     }) => Promise<PandaContext | undefined>;
     emit(): Promise<void>;
-    setupContext: (options: {
-        configPath: string;
-        cwd?: string;
-    }) => Promise<PandaContext>;
+    setupContext: (options: SetupContextOptions) => Promise<PandaContext>;
     getContextOrThrow: () => PandaContext;
     getFileMeta: (file: string) => {
         mtime: number;
@@ -237,6 +236,10 @@ interface FileMeta {
     mtime: number;
     isUnchanged: boolean;
 }
+interface SetupContextOptions {
+    configPath: string;
+    cwd?: string;
+}
 
 declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     box: string;

package/dist/index.js

@@ -773,24 +773,12 @@ var writeAnalyzeJSON = (filePath, result, ctx) => {
 // src/build-info.ts
 init_cjs_shims();
 var import_logger2 = require("@pandacss/logger");
-
-// package.json
-var version = "0.24.1";
-
-// src/build-info.ts
 async function buildInfo(ctx, outfile) {
   const { filesWithCss, files } = ctx.parseFiles();
   import_logger2.logger.info("cli", `Found ${import_logger2.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   const minify = ctx.config.minify;
   import_logger2.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger2.colors.bold(outfile)}`);
-  const output = JSON.stringify(
-    {
-      schemaVersion: version,
-      styles: ctx.encoder.toJSON()
-    },
-    null,
-    minify ? 0 : 2
-  );
+  const output = JSON.stringify(ctx.encoder.toJSON(), null, minify ? 0 : 2);
   ctx.output.ensure(outfile, process.cwd());
   await ctx.runtime.fs.writeFile(outfile, output);
   import_logger2.logger.info("cli", "Done!");
@@ -876,18 +864,18 @@ function pLimit(concurrency) {
       queue.dequeue()();
     }
   };
-  const run = async (fn, resolve3, args) => {
+  const run = async (fn, resolve4, args) => {
     activeCount++;
     const result = (async () => fn(...args))();
-    resolve3(result);
+    resolve4(result);
     try {
       await result;
     } catch {
     }
     next();
   };
-  const enqueue = (fn, resolve3, args) => {
-    queue.enqueue(run.bind(void 0, fn, resolve3, args));
+  const enqueue = (fn, resolve4, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve4, args));
     (async () => {
       await Promise.resolve();
       if (activeCount < concurrency && queue.size > 0) {
@@ -895,8 +883,8 @@ function pLimit(concurrency) {
       }
     })();
   };
-  const generator = (fn, ...args) => new Promise((resolve3) => {
-    enqueue(fn, resolve3, args);
+  const generator = (fn, ...args) => new Promise((resolve4) => {
+    enqueue(fn, resolve4, args);
   });
   Object.defineProperties(generator, {
     activeCount: {
@@ -1271,10 +1259,10 @@ function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
     return 3;
   }
   if ("TERM_PROGRAM" in env) {
-    const version2 = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    const version = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
     switch (env.TERM_PROGRAM) {
       case "iTerm.app": {
-        return version2 >= 3 ? 3 : 2;
+        return version >= 3 ? 3 : 2;
       }
       case "Apple_Terminal": {
         return 2;
@@ -2592,12 +2580,13 @@ function parseDependency(fileOrGlob) {
     message = { type: "dependency", file: (0, import_pathe2.resolve)(fileOrGlob) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
-    message = { type: "dependency", file: message.dir };
+    message = { type: "dependency", file: (0, import_pathe2.resolve)(message.dir) };
   }
   return message;
 }
 
 // src/builder.ts
+var import_pathe3 = require("pathe");
 var fileModifiedMap = /* @__PURE__ */ new Map();
 var Builder = class {
   /**
@@ -2607,6 +2596,7 @@ var Builder = class {
   hasEmitted = false;
   filesMeta;
   affecteds;
+  configDependencies = /* @__PURE__ */ new Set();
   getConfigPath = (cwd) => {
     const configPath = (0, import_config3.findConfig)({ cwd });
     if (!configPath) {
@@ -2614,9 +2604,23 @@ var Builder = class {
     }
     return configPath;
   };
+  setConfigDependencies(options) {
+    const tsOptions = this.context?.conf.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.conf.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = (0, import_config3.getConfigDependencies)(options.configPath, tsOptions, compilerOptions);
+    const cwd = options?.cwd ?? this.context?.config.cwd ?? process.cwd();
+    const configDeps = /* @__PURE__ */ new Set([
+      ...foundDeps,
+      ...(this.context?.conf.dependencies ?? []).map((file) => (0, import_pathe3.resolve)(cwd, file))
+    ]);
+    this.configDependencies = configDeps;
+    import_logger6.logger.debug("builder", "Config dependencies");
+    import_logger6.logger.debug("builder", configDeps);
+  }
   setup = async (options = {}) => {
     import_logger6.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath(options.cwd);
+    this.setConfigDependencies({ configPath, cwd: options.cwd });
     if (!this.context) {
       return this.setupContext({ configPath, cwd: options.cwd });
     }
@@ -2729,7 +2733,7 @@ var Builder = class {
         fn(dependency);
       }
     }
-    for (const file of ctx.conf.dependencies) {
+    for (const file of this.configDependencies) {
       fn({ type: "dependency", file: ctx.runtime.path.resolve(file) });
     }
   };
@@ -2777,7 +2781,7 @@ var cssgen = async (ctx, options) => {
 // src/debug.ts
 init_cjs_shims();
 var import_logger8 = require("@pandacss/logger");
-var import_pathe3 = require("pathe");
+var import_pathe4 = require("pathe");
 async function debug(ctx, options) {
   const files = ctx.getFiles();
   const measureTotal = import_logger8.logger.time.debug(`Done parsing ${files.length} files`);
@@ -2812,7 +2816,7 @@ async function debug(ctx, options) {
     }
     if (outdir) {
       filesWithCss.push(file);
-      const parsedPath = (0, import_pathe3.parse)(file);
+      const parsedPath = (0, import_pathe4.parse)(file);
       const relative2 = path.relative(ctx.config.cwd, parsedPath.dir);
       const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path.sep, "__");
       const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path.sep, "__");
@@ -2931,7 +2935,7 @@ var import_logger10 = require("@pandacss/logger");
 var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_look_it_up2 = require("look-it-up");
 var import_outdent2 = require("outdent");
-var import_pathe4 = require("pathe");
+var import_pathe5 = require("pathe");
 var import_preferred_pm = __toESM(require("preferred-pm"));
 var import_prettier = __toESM(require("prettier"));
 async function setupConfig(cwd, opts = {}) {
@@ -2976,7 +2980,7 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra2.default.writeFile((0, import_pathe4.join)(cwd, file), import_prettier.default.format(content));
+    await import_fs_extra2.default.writeFile((0, import_pathe5.join)(cwd, file), import_prettier.default.format(content));
     import_logger10.logger.log(import_generator3.messages.thankYou());
   }
 }
@@ -2989,7 +2993,7 @@ module.exports = {
   },
 }
   `;
-  await import_fs_extra2.default.writeFile((0, import_pathe4.join)(cwd, "postcss.config.cjs"), content);
+  await import_fs_extra2.default.writeFile((0, import_pathe5.join)(cwd, "postcss.config.cjs"), content);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -749,24 +749,12 @@ var writeAnalyzeJSON = (filePath, result, ctx) => {
 // src/build-info.ts
 init_esm_shims();
 import { colors, logger as logger2 } from "@pandacss/logger";
-
-// package.json
-var version = "0.24.1";
-
-// src/build-info.ts
 async function buildInfo(ctx, outfile) {
   const { filesWithCss, files } = ctx.parseFiles();
   logger2.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   const minify = ctx.config.minify;
   logger2.info("cli", `Writing ${minify ? "[min] " : " "}${colors.bold(outfile)}`);
-  const output = JSON.stringify(
-    {
-      schemaVersion: version,
-      styles: ctx.encoder.toJSON()
-    },
-    null,
-    minify ? 0 : 2
-  );
+  const output = JSON.stringify(ctx.encoder.toJSON(), null, minify ? 0 : 2);
   ctx.output.ensure(outfile, process.cwd());
   await ctx.runtime.fs.writeFile(outfile, output);
   logger2.info("cli", "Done!");
@@ -774,7 +762,7 @@ async function buildInfo(ctx, outfile) {
 
 // src/builder.ts
 init_esm_shims();
-import { findConfig } from "@pandacss/config";
+import { findConfig, getConfigDependencies } from "@pandacss/config";
 import { optimizeCss } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger6 } from "@pandacss/logger";
@@ -852,18 +840,18 @@ function pLimit(concurrency) {
       queue.dequeue()();
     }
   };
-  const run = async (fn, resolve3, args) => {
+  const run = async (fn, resolve4, args) => {
     activeCount++;
     const result = (async () => fn(...args))();
-    resolve3(result);
+    resolve4(result);
     try {
       await result;
     } catch {
     }
     next();
   };
-  const enqueue = (fn, resolve3, args) => {
-    queue.enqueue(run.bind(void 0, fn, resolve3, args));
+  const enqueue = (fn, resolve4, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve4, args));
     (async () => {
       await Promise.resolve();
       if (activeCount < concurrency && queue.size > 0) {
@@ -871,8 +859,8 @@ function pLimit(concurrency) {
       }
     })();
   };
-  const generator = (fn, ...args) => new Promise((resolve3) => {
-    enqueue(fn, resolve3, args);
+  const generator = (fn, ...args) => new Promise((resolve4) => {
+    enqueue(fn, resolve4, args);
   });
   Object.defineProperties(generator, {
     activeCount: {
@@ -1247,10 +1235,10 @@ function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
     return 3;
   }
   if ("TERM_PROGRAM" in env) {
-    const version2 = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    const version = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
     switch (env.TERM_PROGRAM) {
       case "iTerm.app": {
-        return version2 >= 3 ? 3 : 2;
+        return version >= 3 ? 3 : 2;
       }
       case "Apple_Terminal": {
         return 2;
@@ -2568,12 +2556,13 @@ function parseDependency(fileOrGlob) {
     message = { type: "dependency", file: resolve2(fileOrGlob) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
-    message = { type: "dependency", file: message.dir };
+    message = { type: "dependency", file: resolve2(message.dir) };
   }
   return message;
 }
 
 // src/builder.ts
+import { resolve as resolve3 } from "pathe";
 var fileModifiedMap = /* @__PURE__ */ new Map();
 var Builder = class {
   /**
@@ -2583,6 +2572,7 @@ var Builder = class {
   hasEmitted = false;
   filesMeta;
   affecteds;
+  configDependencies = /* @__PURE__ */ new Set();
   getConfigPath = (cwd) => {
     const configPath = findConfig({ cwd });
     if (!configPath) {
@@ -2590,9 +2580,23 @@ var Builder = class {
     }
     return configPath;
   };
+  setConfigDependencies(options) {
+    const tsOptions = this.context?.conf.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.conf.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = getConfigDependencies(options.configPath, tsOptions, compilerOptions);
+    const cwd = options?.cwd ?? this.context?.config.cwd ?? process.cwd();
+    const configDeps = /* @__PURE__ */ new Set([
+      ...foundDeps,
+      ...(this.context?.conf.dependencies ?? []).map((file) => resolve3(cwd, file))
+    ]);
+    this.configDependencies = configDeps;
+    logger6.debug("builder", "Config dependencies");
+    logger6.debug("builder", configDeps);
+  }
   setup = async (options = {}) => {
     logger6.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath(options.cwd);
+    this.setConfigDependencies({ configPath, cwd: options.cwd });
     if (!this.context) {
       return this.setupContext({ configPath, cwd: options.cwd });
     }
@@ -2705,7 +2709,7 @@ var Builder = class {
         fn(dependency);
       }
     }
-    for (const file of ctx.conf.dependencies) {
+    for (const file of this.configDependencies) {
       fn({ type: "dependency", file: ctx.runtime.path.resolve(file) });
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.24.1",
+  "version": "0.25.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -53,16 +53,16 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.24.1",
-    "@pandacss/error": "0.24.1",
-    "@pandacss/core": "0.24.1",
-    "@pandacss/extractor": "0.24.1",
-    "@pandacss/generator": "0.24.1",
-    "@pandacss/logger": "0.24.1",
-    "@pandacss/parser": "0.24.1",
-    "@pandacss/shared": "0.24.1",
-    "@pandacss/types": "0.24.1",
-    "@pandacss/token-dictionary": "0.24.1"
+    "@pandacss/config": "0.25.0",
+    "@pandacss/core": "0.25.0",
+    "@pandacss/error": "0.25.0",
+    "@pandacss/generator": "0.25.0",
+    "@pandacss/parser": "0.25.0",
+    "@pandacss/extractor": "0.25.0",
+    "@pandacss/shared": "0.25.0",
+    "@pandacss/logger": "0.25.0",
+    "@pandacss/types": "0.25.0",
+    "@pandacss/token-dictionary": "0.25.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",