@pandacss/node 0.22.1 → 0.23.0

package/dist/index.d.mts

@@ -198,6 +198,7 @@ declare class Builder {
      */
     context: PandaContext | undefined;
     private hasEmitted;
+    private hasFilesChanged;
     private affecteds;
     getConfigPath: () => string;
     setup: (options?: {

package/dist/index.d.ts

@@ -198,6 +198,7 @@ declare class Builder {
      */
     context: PandaContext | undefined;
     private hasEmitted;
+    private hasFilesChanged;
     private affecteds;
     getConfigPath: () => string;
     setup: (options?: {

package/dist/index.js

@@ -2656,6 +2656,7 @@ var Builder = class {
    */
   context;
   hasEmitted = false;
+  hasFilesChanged = true;
   affecteds;
   getConfigPath = () => {
     const configPath = findConfig();
@@ -2675,18 +2676,21 @@ var Builder = class {
       this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
       this.context.appendBaselineCss();
     });
+    import_logger6.logger.debug("builder", this.affecteds);
     if (this.affecteds.hasConfigChanged) {
       import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks.callHook("config:change", ctx.config);
       return;
     }
-    const hasFilesChanged = this.checkFilesChanged(ctx.getFiles());
-    if (hasFilesChanged) {
+    this.hasFilesChanged = this.checkFilesChanged(ctx.getFiles());
+    if (this.hasFilesChanged) {
+      import_logger6.logger.debug("builder", "Files changed, invalidating them");
       ctx.project.reloadSourceFiles();
     }
   };
   async emit() {
     if (this.hasEmitted && this.affecteds?.hasConfigChanged) {
+      import_logger6.logger.debug("builder", "Emit artifacts after config change");
       await emitArtifacts(this.getContextOrThrow(), Array.from(this.affecteds.artifacts));
     }
     this.hasEmitted = true;
@@ -2711,7 +2715,7 @@ var Builder = class {
   };
   extractFile = async (ctx, file) => {
     const meta = this.getFileMeta(file);
-    if (meta.isUnchanged) {
+    if (meta.isUnchanged && this.affecteds?.hasConfigChanged) {
       ctx.appendParserCss(parserResultMap.get(file));
       return;
     }
@@ -2726,11 +2730,13 @@ var Builder = class {
     return files.some((file) => !this.getFileMeta(file).isUnchanged);
   }
   extract = async () => {
+    const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : true;
+    if (!this.hasFilesChanged && !hasConfigChanged) {
+      import_logger6.logger.debug("builder", "No files or config changed, skipping extract");
+      return;
+    }
     const ctx = this.getContextOrThrow();
     const files = ctx.getFiles();
-    const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : false;
-    if (hasConfigChanged)
-      return;
     const done = import_logger6.logger.time.info("Extracted in");
     const promises = files.map((file) => limit2(() => this.extractFile(ctx, file)));
     await Promise.allSettled(promises);
@@ -2756,9 +2762,10 @@ var Builder = class {
       this.initialRoot = root.toString();
     }
     root.removeAll();
+    const css2 = this.toString();
     const newCss = (0, import_core.optimizeCss)(`
     ${this.initialRoot}
-    ${this.toString()}
+    ${css2}
     `);
     root.append(newCss);
   };
@@ -2794,7 +2801,6 @@ async function debugFiles(ctx, options) {
     measureTotal();
     return;
   }
-  const filesWithCss = [];
   const results = await Promise.all(
     files.map(async (file) => {
       const measure = import_logger7.logger.time.debug(`Parsed ${file}`);
@@ -2803,9 +2809,8 @@ async function debugFiles(ctx, options) {
       return { file, result };
     })
   );
-  results.forEach(({ file, result }) => {
-    if (!result)
-      return;
+  const filteredResults = results.filter(({ result }) => result && !result.isEmpty());
+  filteredResults.forEach(({ file, result }) => {
     ctx.stylesheet.clean();
     ctx.appendParserCss(result);
     const css2 = ctx.stylesheet.toCss({ optimize: true, minify: false });
@@ -2813,7 +2818,6 @@ async function debugFiles(ctx, options) {
       console.log({ path: file, ast: result, code: css2 });
     }
     if (outdir) {
-      filesWithCss.push(file);
       const parsedPath = (0, import_pathe4.parse)(file);
       const relative3 = path2.relative(ctx.config.cwd, parsedPath.dir);
       const astJsonPath = `${relative3}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
@@ -2826,7 +2830,7 @@ async function debugFiles(ctx, options) {
       ]);
     }
   });
-  import_logger7.logger.info("cli", `Found ${import_logger7.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger7.logger.info("cli", `Found ${import_logger7.colors.bold(`${filteredResults.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 

package/dist/index.mjs

@@ -2630,6 +2630,7 @@ var Builder = class {
    */
   context;
   hasEmitted = false;
+  hasFilesChanged = true;
   affecteds;
   getConfigPath = () => {
     const configPath = findConfig();
@@ -2649,18 +2650,21 @@ var Builder = class {
       this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
       this.context.appendBaselineCss();
     });
+    logger6.debug("builder", this.affecteds);
     if (this.affecteds.hasConfigChanged) {
       logger6.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks.callHook("config:change", ctx.config);
       return;
     }
-    const hasFilesChanged = this.checkFilesChanged(ctx.getFiles());
-    if (hasFilesChanged) {
+    this.hasFilesChanged = this.checkFilesChanged(ctx.getFiles());
+    if (this.hasFilesChanged) {
+      logger6.debug("builder", "Files changed, invalidating them");
       ctx.project.reloadSourceFiles();
     }
   };
   async emit() {
     if (this.hasEmitted && this.affecteds?.hasConfigChanged) {
+      logger6.debug("builder", "Emit artifacts after config change");
       await emitArtifacts(this.getContextOrThrow(), Array.from(this.affecteds.artifacts));
     }
     this.hasEmitted = true;
@@ -2685,7 +2689,7 @@ var Builder = class {
   };
   extractFile = async (ctx, file) => {
     const meta = this.getFileMeta(file);
-    if (meta.isUnchanged) {
+    if (meta.isUnchanged && this.affecteds?.hasConfigChanged) {
       ctx.appendParserCss(parserResultMap.get(file));
       return;
     }
@@ -2700,11 +2704,13 @@ var Builder = class {
     return files.some((file) => !this.getFileMeta(file).isUnchanged);
   }
   extract = async () => {
+    const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : true;
+    if (!this.hasFilesChanged && !hasConfigChanged) {
+      logger6.debug("builder", "No files or config changed, skipping extract");
+      return;
+    }
     const ctx = this.getContextOrThrow();
     const files = ctx.getFiles();
-    const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : false;
-    if (hasConfigChanged)
-      return;
     const done = logger6.time.info("Extracted in");
     const promises = files.map((file) => limit2(() => this.extractFile(ctx, file)));
     await Promise.allSettled(promises);
@@ -2730,9 +2736,10 @@ var Builder = class {
       this.initialRoot = root.toString();
     }
     root.removeAll();
+    const css2 = this.toString();
     const newCss = optimizeCss(`
     ${this.initialRoot}
-    ${this.toString()}
+    ${css2}
     `);
     root.append(newCss);
   };
@@ -2768,7 +2775,6 @@ async function debugFiles(ctx, options) {
     measureTotal();
     return;
   }
-  const filesWithCss = [];
   const results = await Promise.all(
     files.map(async (file) => {
       const measure = logger7.time.debug(`Parsed ${file}`);
@@ -2777,9 +2783,8 @@ async function debugFiles(ctx, options) {
       return { file, result };
     })
   );
-  results.forEach(({ file, result }) => {
-    if (!result)
-      return;
+  const filteredResults = results.filter(({ result }) => result && !result.isEmpty());
+  filteredResults.forEach(({ file, result }) => {
     ctx.stylesheet.clean();
     ctx.appendParserCss(result);
     const css2 = ctx.stylesheet.toCss({ optimize: true, minify: false });
@@ -2787,7 +2792,6 @@ async function debugFiles(ctx, options) {
       console.log({ path: file, ast: result, code: css2 });
     }
     if (outdir) {
-      filesWithCss.push(file);
       const parsedPath = parse2(file);
       const relative3 = path2.relative(ctx.config.cwd, parsedPath.dir);
       const astJsonPath = `${relative3}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
@@ -2800,7 +2804,7 @@ async function debugFiles(ctx, options) {
       ]);
     }
   });
-  logger7.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  logger7.info("cli", `Found ${colors.bold(`${filteredResults.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.22.1",
+  "version": "0.23.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -48,17 +48,17 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.22.1",
-    "@pandacss/error": "0.22.1",
-    "@pandacss/core": "0.22.1",
-    "@pandacss/extractor": "0.22.1",
-    "@pandacss/generator": "0.22.1",
-    "@pandacss/is-valid-prop": "0.22.1",
-    "@pandacss/logger": "0.22.1",
-    "@pandacss/parser": "0.22.1",
-    "@pandacss/shared": "0.22.1",
-    "@pandacss/token-dictionary": "0.22.1",
-    "@pandacss/types": "0.22.1"
+    "@pandacss/config": "0.23.0",
+    "@pandacss/extractor": "0.23.0",
+    "@pandacss/error": "0.23.0",
+    "@pandacss/core": "0.23.0",
+    "@pandacss/generator": "0.23.0",
+    "@pandacss/logger": "0.23.0",
+    "@pandacss/is-valid-prop": "0.23.0",
+    "@pandacss/parser": "0.23.0",
+    "@pandacss/shared": "0.23.0",
+    "@pandacss/token-dictionary": "0.23.0",
+    "@pandacss/types": "0.23.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",
@@ -67,8 +67,7 @@
     "@types/lodash.merge": "4.6.8",
     "@types/pluralize": "0.0.33",
     "boxen": "^7.1.1",
-    "p-limit": "^4.0.0",
-    "@pandacss/fixture": "0.22.1"
+    "p-limit": "^4.0.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",