@pandacss/node 0.24.2 → 0.26.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;
@@ -229,7 +228,6 @@ declare class Builder {
     extractFile: (ctx: PandaContext, file: string) => _pandacss_parser.ParserResult | undefined;
     extract: () => void;
     isValidRoot: (root: Root) => boolean;
-    private initialRoot;
     write: (root: Root) => void;
     registerDependency: (fn: (dep: Message) => void) => void;
 }
@@ -237,6 +235,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;
@@ -229,7 +228,6 @@ declare class Builder {
     extractFile: (ctx: PandaContext, file: string) => _pandacss_parser.ParserResult | undefined;
     extract: () => void;
     isValidRoot: (root: Root) => boolean;
-    private initialRoot;
     write: (root: Root) => void;
     registerDependency: (fn: (dep: Message) => void) => void;
 }
@@ -237,6 +235,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

@@ -864,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) {
@@ -883,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: {
@@ -2529,7 +2529,6 @@ async function loadConfigAndCreateContext(options = {}) {
       };
     }
   }
-  conf.config.outdir ??= "styled-system";
   const hooks = (0, import_hookable.createHooks)();
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2580,12 +2579,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 {
   /**
@@ -2595,6 +2595,7 @@ var Builder = class {
   hasEmitted = false;
   filesMeta;
   affecteds;
+  configDependencies = /* @__PURE__ */ new Set();
   getConfigPath = (cwd) => {
     const configPath = (0, import_config3.findConfig)({ cwd });
     if (!configPath) {
@@ -2602,9 +2603,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 });
     }
@@ -2691,23 +2706,13 @@ var Builder = class {
     });
     return valid;
   };
-  initialRoot;
   write = (root) => {
-    if (!this.initialRoot) {
-      this.initialRoot = root.toString();
-    }
-    root.removeAll();
     const ctx = this.getContextOrThrow();
     const sheet = ctx.createSheet();
     ctx.appendBaselineCss(sheet);
     ctx.appendParserCss(sheet);
     const css = ctx.getCss(sheet);
-    root.append(
-      (0, import_core.optimizeCss)(`
-    ${this.initialRoot}
-    ${css}
-    `)
-    );
+    root.append((0, import_core.optimizeCss)(css));
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
@@ -2717,7 +2722,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) });
     }
   };
@@ -2765,7 +2770,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`);
@@ -2800,7 +2805,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, "__");
@@ -2914,12 +2919,12 @@ function setupGitIgnore(ctx) {
 // src/setup-config.ts
 init_cjs_shims();
 var import_config6 = require("@pandacss/config");
-var import_generator3 = require("@pandacss/generator");
+var import_core2 = require("@pandacss/core");
 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 = {}) {
@@ -2932,7 +2937,7 @@ async function setupConfig(cwd, opts = {}) {
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
   import_logger10.logger.info("init:config", `creating panda config file: ${(0, import_logger10.quote)(file)}`);
   if (!force && configFile) {
-    import_logger10.logger.warn("init:config", import_generator3.messages.configExists(cmd));
+    import_logger10.logger.warn("init:config", import_core2.messages.configExists(cmd));
   } else {
     const content = import_outdent2.outdent`
 import { defineConfig } from "@pandacss/dev"
@@ -2964,8 +2969,8 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra2.default.writeFile((0, import_pathe4.join)(cwd, file), import_prettier.default.format(content));
-    import_logger10.logger.log(import_generator3.messages.thankYou());
+    await import_fs_extra2.default.writeFile((0, import_pathe5.join)(cwd, file), import_prettier.default.format(content));
+    import_logger10.logger.log(import_core2.messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
@@ -2977,7 +2982,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

@@ -762,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";
@@ -840,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) {
@@ -859,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: {
@@ -2505,7 +2505,6 @@ async function loadConfigAndCreateContext(options = {}) {
       };
     }
   }
-  conf.config.outdir ??= "styled-system";
   const hooks = createHooks();
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2556,12 +2555,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 {
   /**
@@ -2571,6 +2571,7 @@ var Builder = class {
   hasEmitted = false;
   filesMeta;
   affecteds;
+  configDependencies = /* @__PURE__ */ new Set();
   getConfigPath = (cwd) => {
     const configPath = findConfig({ cwd });
     if (!configPath) {
@@ -2578,9 +2579,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 });
     }
@@ -2667,23 +2682,13 @@ var Builder = class {
     });
     return valid;
   };
-  initialRoot;
   write = (root) => {
-    if (!this.initialRoot) {
-      this.initialRoot = root.toString();
-    }
-    root.removeAll();
     const ctx = this.getContextOrThrow();
     const sheet = ctx.createSheet();
     ctx.appendBaselineCss(sheet);
     ctx.appendParserCss(sheet);
     const css = ctx.getCss(sheet);
-    root.append(
-      optimizeCss(`
-    ${this.initialRoot}
-    ${css}
-    `)
-    );
+    root.append(optimizeCss(css));
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
@@ -2693,7 +2698,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) });
     }
   };
@@ -2890,7 +2895,7 @@ function setupGitIgnore(ctx) {
 // src/setup-config.ts
 init_esm_shims();
 import { findConfig as findConfig2 } from "@pandacss/config";
-import { messages } from "@pandacss/generator";
+import { messages } from "@pandacss/core";
 import { logger as logger10, quote } from "@pandacss/logger";
 import fsExtra2 from "fs-extra";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.24.2",
+  "version": "0.26.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.2",
-    "@pandacss/error": "0.24.2",
-    "@pandacss/generator": "0.24.2",
-    "@pandacss/extractor": "0.24.2",
-    "@pandacss/core": "0.24.2",
-    "@pandacss/logger": "0.24.2",
-    "@pandacss/parser": "0.24.2",
-    "@pandacss/shared": "0.24.2",
-    "@pandacss/token-dictionary": "0.24.2",
-    "@pandacss/types": "0.24.2"
+    "@pandacss/config": "0.26.0",
+    "@pandacss/core": "0.26.0",
+    "@pandacss/error": "0.26.0",
+    "@pandacss/extractor": "0.26.0",
+    "@pandacss/generator": "0.26.0",
+    "@pandacss/logger": "0.26.0",
+    "@pandacss/parser": "0.26.0",
+    "@pandacss/shared": "0.26.0",
+    "@pandacss/token-dictionary": "0.26.0",
+    "@pandacss/types": "0.26.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",