@pandacss/node 0.0.0-dev-20240129104928 → 0.0.0-dev-20240129191307

package/dist/index.d.mts

@@ -41,7 +41,9 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
+    explicitDeps: string[];
     constructor(conf: LoadConfigResult);
+    private getExplicitDependencies;
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -50,7 +52,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
-    watchConfig: (cb: () => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
+    watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>) => void;
 }
 
@@ -205,6 +207,7 @@ declare class Builder {
     context: PandaContext | undefined;
     private hasEmitted;
     private filesMeta;
+    private explicitDepsMeta;
     private affecteds;
     private configDependencies;
     setConfigDependencies(options: SetupContextOptions): void;

package/dist/index.d.ts

@@ -41,7 +41,9 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
+    explicitDeps: string[];
     constructor(conf: LoadConfigResult);
+    private getExplicitDependencies;
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -50,7 +52,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
-    watchConfig: (cb: () => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
+    watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>) => void;
 }
 
@@ -205,6 +207,7 @@ declare class Builder {
     context: PandaContext | undefined;
     private hasEmitted;
     private filesMeta;
+    private explicitDepsMeta;
     private affecteds;
     private configDependencies;
     setConfigDependencies(options: SetupContextOptions): void;

package/dist/index.js

@@ -790,7 +790,7 @@ init_cjs_shims();
 var import_config4 = require("@pandacss/config");
 var import_core = require("@pandacss/core");
 var import_logger6 = require("@pandacss/logger");
-var import_shared = require("@pandacss/shared");
+var import_shared2 = require("@pandacss/shared");
 var import_fs = require("fs");
 var import_path3 = require("path");
 
@@ -2245,6 +2245,7 @@ init_cjs_shims();
 var import_generator2 = require("@pandacss/generator");
 var import_logger5 = require("@pandacss/logger");
 var import_parser = require("@pandacss/parser");
+var import_shared = require("@pandacss/shared");
 var import_perfect_debounce = require("perfect-debounce");
 
 // src/diff-engine.ts
@@ -2402,6 +2403,7 @@ var PandaContext = class extends import_generator2.Generator {
   project;
   output;
   diff;
+  explicitDeps = [];
   constructor(conf) {
     super(conf);
     const config = conf.config;
@@ -2422,7 +2424,14 @@ var PandaContext = class extends import_generator2.Generator {
     });
     this.output = new OutputEngine(this);
     this.diff = new DiffEngine(this);
+    this.explicitDeps = this.getExplicitDependencies();
   }
+  getExplicitDependencies = () => {
+    const { cwd, dependencies } = this.config;
+    if (!dependencies)
+      return [];
+    return this.runtime.fs.glob({ include: dependencies, cwd });
+  };
   getFiles = () => {
     const { include, exclude, cwd } = this.config;
     return this.runtime.fs.glob({ include, exclude, cwd });
@@ -2473,16 +2482,16 @@ var PandaContext = class extends import_generator2.Generator {
     const { cwd, poll, exclude } = opts ?? {};
     import_logger5.logger.info("ctx:watch", this.messages.configWatch());
     const watcher = this.runtime.fs.watch({
-      include: this.conf.dependencies,
+      include: (0, import_shared.uniq)([...this.explicitDeps, ...this.conf.dependencies]),
       exclude,
       cwd,
       poll
     });
     watcher.on(
       "change",
-      (0, import_perfect_debounce.debounce)(async () => {
+      (0, import_perfect_debounce.debounce)(async (file) => {
         import_logger5.logger.info("ctx:change", "config changed, rebuilding...");
-        await cb();
+        await cb(file);
       })
     );
   };
@@ -2607,6 +2616,7 @@ var Builder = class {
   context;
   hasEmitted = false;
   filesMeta;
+  explicitDepsMeta;
   affecteds;
   configDependencies = /* @__PURE__ */ new Set();
   setConfigDependencies(options) {
@@ -2618,7 +2628,9 @@ var Builder = class {
       ...foundDeps,
       ...(this.context?.conf.dependencies ?? []).map((file) => (0, import_path3.resolve)(cwd, file))
     ]);
-    this.configDependencies = configDeps;
+    configDeps.forEach((file) => {
+      this.configDependencies.add(file);
+    });
     import_logger6.logger.debug("builder", "Config dependencies");
     import_logger6.logger.debug("builder", configDeps);
   }
@@ -2634,6 +2646,14 @@ var Builder = class {
       this.context = new PandaContext(conf);
     });
     import_logger6.logger.debug("builder", this.affecteds);
+    this.explicitDepsMeta = this.checkFilesChanged(this.context.explicitDeps);
+    if (this.explicitDepsMeta.hasFilesChanged) {
+      this.explicitDepsMeta.changes.forEach((meta, file) => {
+        fileModifiedMap.set(file, meta.mtime);
+      });
+      import_logger6.logger.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
+      this.affecteds.hasConfigChanged = true;
+    }
     if (this.affecteds.hasConfigChanged) {
       import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
@@ -2655,12 +2675,16 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    const configDeps = (0, import_shared2.uniq)([...ctx.conf.dependencies, ...ctx.explicitDeps]);
+    configDeps.forEach((file) => {
+      this.configDependencies.add((0, import_path3.resolve)(cwd || ctx.conf.config.cwd, file));
+    });
     this.context = ctx;
     return ctx;
   };
   getContextOrThrow = () => {
     if (!this.context) {
-      throw new import_shared.PandaError("NO_CONTEXT", "context not loaded");
+      throw new import_shared2.PandaError("NO_CONTEXT", "context not loaded");
     }
     return this.context;
   };
@@ -2779,7 +2803,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2794,7 +2819,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendParserCss(sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2859,7 +2885,6 @@ async function debug(ctx, options) {
 // src/generate.ts
 init_cjs_shims();
 var import_logger10 = require("@pandacss/logger");
-var import_ts_pattern = require("ts-pattern");
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
@@ -2877,25 +2902,19 @@ async function build(ctx, artifactIds) {
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
-  const {
-    runtime: { fs: fs2, path: path2 },
-    config: { cwd }
-  } = ctx;
-  if (ctx.config.watch) {
-    const configWatcher = fs2.watch({ include: ctx.conf.dependencies });
-    configWatcher.on("change", async () => {
-      const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext(conf);
-      });
-      if (!affecteds.hasConfigChanged) {
-        import_logger10.logger.debug("builder", "Config didnt change, skipping rebuild");
-        return;
-      }
-      import_logger10.logger.info("config:change", "Config changed, restarting...");
-      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
-      return build(ctx, Array.from(affecteds.artifacts));
-    });
-    const contentWatcher = fs2.watch(ctx.config);
+  const { cwd, watch, poll } = ctx.config;
+  if (watch) {
+    ctx.watchConfig(
+      async () => {
+        const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
+          ctx = new PandaContext(conf);
+        });
+        import_logger10.logger.info("ctx:updated", "config rebuilt \u2705");
+        await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
+        return build(ctx, Array.from(affecteds.artifacts));
+      },
+      { cwd, poll }
+    );
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2909,21 +2928,18 @@ async function generate(config, configPath) {
         return { msg: ctx2.messages.buildComplete(1) };
       }
     };
-    contentWatcher.on("all", async (event, file) => {
-      import_logger10.logger.info(`file:${event}`, file);
-      const filePath = path2.abs(cwd, file);
-      (0, import_ts_pattern.match)(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path2.abs(cwd, file));
-      }).with("change", async () => {
+    ctx.watchFiles(async (event, file) => {
+      const filePath = ctx.runtime.path.abs(cwd, file);
+      if (event === "unlink") {
+        ctx.project.removeSourceFile(filePath);
+      } else if (event === "change") {
         ctx.project.reloadSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).with("add", async () => {
+        await bundleStyles(ctx, filePath);
+      } else if (event === "add") {
         ctx.project.createSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).otherwise(() => {
-      });
+        await bundleStyles(ctx, filePath);
+      }
     });
-    import_logger10.logger.info("ctx:watch", ctx.messages.watch());
   }
 }
 

package/dist/index.mjs

@@ -765,7 +765,7 @@ init_esm_shims();
 import { findConfig, getConfigDependencies } from "@pandacss/config";
 import { optimizeCss } from "@pandacss/core";
 import { logger as logger6 } from "@pandacss/logger";
-import { PandaError } from "@pandacss/shared";
+import { PandaError, uniq as uniq2 } from "@pandacss/shared";
 import { existsSync, statSync } from "fs";
 import { normalize as normalize2, resolve as resolve3 } from "path";
 
@@ -2220,6 +2220,7 @@ init_esm_shims();
 import { Generator as Generator2 } from "@pandacss/generator";
 import { logger as logger5 } from "@pandacss/logger";
 import { Project } from "@pandacss/parser";
+import { uniq } from "@pandacss/shared";
 import { debounce } from "perfect-debounce";
 
 // src/diff-engine.ts
@@ -2377,6 +2378,7 @@ var PandaContext = class extends Generator2 {
   project;
   output;
   diff;
+  explicitDeps = [];
   constructor(conf) {
     super(conf);
     const config = conf.config;
@@ -2397,7 +2399,14 @@ var PandaContext = class extends Generator2 {
     });
     this.output = new OutputEngine(this);
     this.diff = new DiffEngine(this);
+    this.explicitDeps = this.getExplicitDependencies();
   }
+  getExplicitDependencies = () => {
+    const { cwd, dependencies } = this.config;
+    if (!dependencies)
+      return [];
+    return this.runtime.fs.glob({ include: dependencies, cwd });
+  };
   getFiles = () => {
     const { include, exclude, cwd } = this.config;
     return this.runtime.fs.glob({ include, exclude, cwd });
@@ -2448,16 +2457,16 @@ var PandaContext = class extends Generator2 {
     const { cwd, poll, exclude } = opts ?? {};
     logger5.info("ctx:watch", this.messages.configWatch());
     const watcher = this.runtime.fs.watch({
-      include: this.conf.dependencies,
+      include: uniq([...this.explicitDeps, ...this.conf.dependencies]),
       exclude,
       cwd,
       poll
     });
     watcher.on(
       "change",
-      debounce(async () => {
+      debounce(async (file) => {
         logger5.info("ctx:change", "config changed, rebuilding...");
-        await cb();
+        await cb(file);
       })
     );
   };
@@ -2582,6 +2591,7 @@ var Builder = class {
   context;
   hasEmitted = false;
   filesMeta;
+  explicitDepsMeta;
   affecteds;
   configDependencies = /* @__PURE__ */ new Set();
   setConfigDependencies(options) {
@@ -2593,7 +2603,9 @@ var Builder = class {
       ...foundDeps,
       ...(this.context?.conf.dependencies ?? []).map((file) => resolve3(cwd, file))
     ]);
-    this.configDependencies = configDeps;
+    configDeps.forEach((file) => {
+      this.configDependencies.add(file);
+    });
     logger6.debug("builder", "Config dependencies");
     logger6.debug("builder", configDeps);
   }
@@ -2609,6 +2621,14 @@ var Builder = class {
       this.context = new PandaContext(conf);
     });
     logger6.debug("builder", this.affecteds);
+    this.explicitDepsMeta = this.checkFilesChanged(this.context.explicitDeps);
+    if (this.explicitDepsMeta.hasFilesChanged) {
+      this.explicitDepsMeta.changes.forEach((meta, file) => {
+        fileModifiedMap.set(file, meta.mtime);
+      });
+      logger6.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
+      this.affecteds.hasConfigChanged = true;
+    }
     if (this.affecteds.hasConfigChanged) {
       logger6.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
@@ -2630,6 +2650,10 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    const configDeps = uniq2([...ctx.conf.dependencies, ...ctx.explicitDeps]);
+    configDeps.forEach((file) => {
+      this.configDependencies.add(resolve3(cwd || ctx.conf.config.cwd, file));
+    });
     this.context = ctx;
     return ctx;
   };
@@ -2754,7 +2778,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      logger8.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2769,7 +2794,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendParserCss(sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      logger8.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2834,7 +2860,6 @@ async function debug(ctx, options) {
 // src/generate.ts
 init_esm_shims();
 import { logger as logger10 } from "@pandacss/logger";
-import { match } from "ts-pattern";
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
@@ -2852,25 +2877,19 @@ async function build(ctx, artifactIds) {
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
-  const {
-    runtime: { fs: fs2, path: path2 },
-    config: { cwd }
-  } = ctx;
-  if (ctx.config.watch) {
-    const configWatcher = fs2.watch({ include: ctx.conf.dependencies });
-    configWatcher.on("change", async () => {
-      const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext(conf);
-      });
-      if (!affecteds.hasConfigChanged) {
-        logger10.debug("builder", "Config didnt change, skipping rebuild");
-        return;
-      }
-      logger10.info("config:change", "Config changed, restarting...");
-      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
-      return build(ctx, Array.from(affecteds.artifacts));
-    });
-    const contentWatcher = fs2.watch(ctx.config);
+  const { cwd, watch, poll } = ctx.config;
+  if (watch) {
+    ctx.watchConfig(
+      async () => {
+        const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
+          ctx = new PandaContext(conf);
+        });
+        logger10.info("ctx:updated", "config rebuilt \u2705");
+        await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
+        return build(ctx, Array.from(affecteds.artifacts));
+      },
+      { cwd, poll }
+    );
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2884,21 +2903,18 @@ async function generate(config, configPath) {
         return { msg: ctx2.messages.buildComplete(1) };
       }
     };
-    contentWatcher.on("all", async (event, file) => {
-      logger10.info(`file:${event}`, file);
-      const filePath = path2.abs(cwd, file);
-      match(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path2.abs(cwd, file));
-      }).with("change", async () => {
+    ctx.watchFiles(async (event, file) => {
+      const filePath = ctx.runtime.path.abs(cwd, file);
+      if (event === "unlink") {
+        ctx.project.removeSourceFile(filePath);
+      } else if (event === "change") {
         ctx.project.reloadSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).with("add", async () => {
+        await bundleStyles(ctx, filePath);
+      } else if (event === "add") {
         ctx.project.createSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).otherwise(() => {
-      });
+        await bundleStyles(ctx, filePath);
+      }
     });
-    logger10.info("ctx:watch", ctx.messages.watch());
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20240129104928",
+  "version": "0.0.0-dev-20240129191307",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -53,15 +53,15 @@
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
     "v8-profiler-next": "^1.10.0",
-    "@pandacss/config": "0.0.0-dev-20240129104928",
-    "@pandacss/core": "0.0.0-dev-20240129104928",
-    "@pandacss/extractor": "0.0.0-dev-20240129104928",
-    "@pandacss/generator": "0.0.0-dev-20240129104928",
-    "@pandacss/logger": "0.0.0-dev-20240129104928",
-    "@pandacss/parser": "0.0.0-dev-20240129104928",
-    "@pandacss/shared": "0.0.0-dev-20240129104928",
-    "@pandacss/token-dictionary": "0.0.0-dev-20240129104928",
-    "@pandacss/types": "0.0.0-dev-20240129104928"
+    "@pandacss/config": "0.0.0-dev-20240129191307",
+    "@pandacss/core": "0.0.0-dev-20240129191307",
+    "@pandacss/extractor": "0.0.0-dev-20240129191307",
+    "@pandacss/generator": "0.0.0-dev-20240129191307",
+    "@pandacss/logger": "0.0.0-dev-20240129191307",
+    "@pandacss/parser": "0.0.0-dev-20240129191307",
+    "@pandacss/shared": "0.0.0-dev-20240129191307",
+    "@pandacss/token-dictionary": "0.0.0-dev-20240129191307",
+    "@pandacss/types": "0.0.0-dev-20240129191307"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",