@pandacss/node 0.26.2 → 0.27.1

package/dist/index.js

@@ -791,6 +791,7 @@ var import_core = require("@pandacss/core");
 var import_error = require("@pandacss/error");
 var import_logger6 = require("@pandacss/logger");
 var import_fs = require("fs");
+var import_pathe3 = require("pathe");
 
 // src/codegen.ts
 init_cjs_shims();
@@ -2238,6 +2239,7 @@ init_cjs_shims();
 var import_config2 = require("@pandacss/config");
 var import_hookable = require("hookable");
 var import_tsconfck = require("tsconfck");
+var import_browserslist = __toESM(require("browserslist"));
 
 // src/create-context.ts
 init_cjs_shims();
@@ -2459,6 +2461,7 @@ var PandaContext = class extends import_generator2.Generator {
     };
   };
   writeCss = (sheet) => {
+    import_logger5.logger.info("css", this.runtime.path.join(...this.paths.root, "styles.css"));
     return this.output.write({
       id: "styles.css",
       dir: this.paths.root,
@@ -2512,6 +2515,9 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  if (conf.config.lightningcss && !conf.config.browserslist) {
+    conf.config.browserslist ||= import_browserslist.default.findConfig(cwd)?.defaults;
+  }
   const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, {
     root: cwd,
     // @ts-ignore
@@ -2574,18 +2580,17 @@ function parseDependency(fileOrGlob) {
   let message = null;
   if ((0, import_is_glob.default)(fileOrGlob)) {
     const { base, glob: glob2 } = parseGlob(fileOrGlob);
-    message = { type: "dir-dependency", dir: (0, import_pathe2.resolve)(base), glob: glob2 };
+    message = { type: "dir-dependency", dir: (0, import_pathe2.normalize)((0, import_pathe2.resolve)(base)), glob: glob2 };
   } else {
-    message = { type: "dependency", file: (0, import_pathe2.resolve)(fileOrGlob) };
+    message = { type: "dependency", file: (0, import_pathe2.normalize)((0, import_pathe2.resolve)(fileOrGlob)) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
-    message = { type: "dependency", file: (0, import_pathe2.resolve)(message.dir) };
+    message = { type: "dependency", file: (0, import_pathe2.normalize)((0, import_pathe2.resolve)(message.dir)) };
   }
   return message;
 }
 
 // src/builder.ts
-var import_pathe3 = require("pathe");
 var fileModifiedMap = /* @__PURE__ */ new Map();
 var Builder = class {
   /**
@@ -2710,20 +2715,24 @@ var Builder = class {
     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)(css));
+    root.append(
+      (0, import_core.optimizeCss)(css, {
+        browserslist: ctx.config.browserslist,
+        minify: ctx.config.minify,
+        lightningcss: ctx.config.lightningcss
+      })
+    );
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
     for (const fileOrGlob of ctx.config.include) {
       const dependency = parseDependency(fileOrGlob);
-      if (dependency) {
+      if (dependency)
         fn(dependency);
-      }
     }
     for (const file of this.configDependencies) {
-      fn({ type: "dependency", file: ctx.runtime.path.resolve(file) });
+      fn({ type: "dependency", file: (0, import_pathe3.normalize)((0, import_pathe3.resolve)(file)) });
     }
   };
 };
@@ -2732,38 +2741,33 @@ var Builder = class {
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
 var cssgen = async (ctx, options) => {
-  const { cwd, outfile, type, minimal } = options;
-  let outPath = ctx.runtime.path.join(...ctx.paths.getFilePath("styles.css"));
+  const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
+    const done = import_logger7.logger.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
-      outPath = ctx.output.ensure(outfile, cwd);
       const css = ctx.getCss(sheet);
       ctx.runtime.fs.writeFileSync(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
-    const msg = ctx.messages.cssArtifactComplete(type);
-    import_logger7.logger.info("css:emit:path", outPath);
-    import_logger7.logger.info("css:emit:artifact", msg);
+    done();
   } else {
+    const { files } = ctx.parseFiles();
+    const done = import_logger7.logger.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
     }
-    const { files } = ctx.parseFiles();
     ctx.appendParserCss(sheet);
     if (outfile) {
-      outPath = ctx.output.ensure(outfile, cwd);
       const css = ctx.getCss(sheet);
       ctx.runtime.fs.writeFileSync(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
-    const msg = ctx.messages.buildComplete(files.length);
-    import_logger7.logger.info("css:emit:path", outPath);
-    import_logger7.logger.info("css:emit:out", msg);
+    done();
   }
 };
 
@@ -2830,13 +2834,14 @@ async function build(ctx, artifactIds) {
   if (ctx.config.emitTokensOnly) {
     return import_logger9.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
+  const done = import_logger9.logger.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
-  ctx.parseFiles();
+  const parsed = ctx.parseFiles();
   ctx.appendParserCss(sheet);
   await ctx.writeCss(sheet);
-  import_logger9.logger.info("css:emit", "Successfully built the css files \u2728");
+  done(ctx.messages.buildComplete(parsed.files.length));
 }
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });

package/dist/index.mjs

@@ -767,6 +767,7 @@ import { optimizeCss } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger6 } from "@pandacss/logger";
 import { existsSync, statSync } from "fs";
+import { normalize as normalize2, resolve as resolve3 } from "pathe";
 
 // src/codegen.ts
 init_esm_shims();
@@ -2214,6 +2215,7 @@ init_esm_shims();
 import { convertTsPathsToRegexes, loadConfig as loadConfig2 } from "@pandacss/config";
 import { createDebugger, createHooks } from "hookable";
 import { parse } from "tsconfck";
+import browserslist from "browserslist";
 
 // src/create-context.ts
 init_esm_shims();
@@ -2435,6 +2437,7 @@ var PandaContext = class extends Generator2 {
     };
   };
   writeCss = (sheet) => {
+    logger5.info("css", this.runtime.path.join(...this.paths.root, "styles.css"));
     return this.output.write({
       id: "styles.css",
       dir: this.paths.root,
@@ -2488,6 +2491,9 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  if (conf.config.lightningcss && !conf.config.browserslist) {
+    conf.config.browserslist ||= browserslist.findConfig(cwd)?.defaults;
+  }
   const tsconfigResult = await parse(conf.path, {
     root: cwd,
     // @ts-ignore
@@ -2519,7 +2525,7 @@ async function loadConfigAndCreateContext(options = {}) {
 // src/parse-dependency.ts
 init_esm_shims();
 import isGlob from "is-glob";
-import { resolve as resolve2 } from "pathe";
+import { resolve as resolve2, normalize } from "pathe";
 
 // src/parse-glob.ts
 init_esm_shims();
@@ -2550,18 +2556,17 @@ function parseDependency(fileOrGlob) {
   let message = null;
   if (isGlob(fileOrGlob)) {
     const { base, glob: glob2 } = parseGlob(fileOrGlob);
-    message = { type: "dir-dependency", dir: resolve2(base), glob: glob2 };
+    message = { type: "dir-dependency", dir: normalize(resolve2(base)), glob: glob2 };
   } else {
-    message = { type: "dependency", file: resolve2(fileOrGlob) };
+    message = { type: "dependency", file: normalize(resolve2(fileOrGlob)) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
-    message = { type: "dependency", file: resolve2(message.dir) };
+    message = { type: "dependency", file: normalize(resolve2(message.dir)) };
   }
   return message;
 }
 
 // src/builder.ts
-import { resolve as resolve3 } from "pathe";
 var fileModifiedMap = /* @__PURE__ */ new Map();
 var Builder = class {
   /**
@@ -2686,20 +2691,24 @@ var Builder = class {
     const ctx = this.getContextOrThrow();
     const sheet = ctx.createSheet();
     ctx.appendBaselineCss(sheet);
-    ctx.appendParserCss(sheet);
     const css = ctx.getCss(sheet);
-    root.append(optimizeCss(css));
+    root.append(
+      optimizeCss(css, {
+        browserslist: ctx.config.browserslist,
+        minify: ctx.config.minify,
+        lightningcss: ctx.config.lightningcss
+      })
+    );
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
     for (const fileOrGlob of ctx.config.include) {
       const dependency = parseDependency(fileOrGlob);
-      if (dependency) {
+      if (dependency)
         fn(dependency);
-      }
     }
     for (const file of this.configDependencies) {
-      fn({ type: "dependency", file: ctx.runtime.path.resolve(file) });
+      fn({ type: "dependency", file: normalize2(resolve3(file)) });
     }
   };
 };
@@ -2708,38 +2717,33 @@ var Builder = class {
 init_esm_shims();
 import { logger as logger7 } from "@pandacss/logger";
 var cssgen = async (ctx, options) => {
-  const { cwd, outfile, type, minimal } = options;
-  let outPath = ctx.runtime.path.join(...ctx.paths.getFilePath("styles.css"));
+  const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
+    const done = logger7.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
-      outPath = ctx.output.ensure(outfile, cwd);
       const css = ctx.getCss(sheet);
       ctx.runtime.fs.writeFileSync(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
-    const msg = ctx.messages.cssArtifactComplete(type);
-    logger7.info("css:emit:path", outPath);
-    logger7.info("css:emit:artifact", msg);
+    done();
   } else {
+    const { files } = ctx.parseFiles();
+    const done = logger7.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
     }
-    const { files } = ctx.parseFiles();
     ctx.appendParserCss(sheet);
     if (outfile) {
-      outPath = ctx.output.ensure(outfile, cwd);
       const css = ctx.getCss(sheet);
       ctx.runtime.fs.writeFileSync(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
-    const msg = ctx.messages.buildComplete(files.length);
-    logger7.info("css:emit:path", outPath);
-    logger7.info("css:emit:out", msg);
+    done();
   }
 };
 
@@ -2806,13 +2810,14 @@ async function build(ctx, artifactIds) {
   if (ctx.config.emitTokensOnly) {
     return logger9.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
+  const done = logger9.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
-  ctx.parseFiles();
+  const parsed = ctx.parseFiles();
   ctx.appendParserCss(sheet);
   await ctx.writeCss(sheet);
-  logger9.info("css:emit", "Successfully built the css files \u2728");
+  done(ctx.messages.buildComplete(parsed.files.length));
 }
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.26.2",
+  "version": "0.27.1",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -32,6 +32,7 @@
     "access": "public"
   },
   "dependencies": {
+    "browserslist": "^4.22.2",
     "chokidar": "^3.5.3",
     "fast-glob": "^3.3.1",
     "file-size": "^1.0.0",
@@ -53,16 +54,16 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.26.2",
-    "@pandacss/core": "0.26.2",
-    "@pandacss/error": "0.26.2",
-    "@pandacss/extractor": "0.26.2",
-    "@pandacss/generator": "0.26.2",
-    "@pandacss/logger": "0.26.2",
-    "@pandacss/parser": "0.26.2",
-    "@pandacss/shared": "0.26.2",
-    "@pandacss/token-dictionary": "0.26.2",
-    "@pandacss/types": "0.26.2"
+    "@pandacss/config": "0.27.1",
+    "@pandacss/core": "0.27.1",
+    "@pandacss/error": "0.27.1",
+    "@pandacss/extractor": "0.27.1",
+    "@pandacss/generator": "0.27.1",
+    "@pandacss/logger": "0.27.1",
+    "@pandacss/parser": "0.27.1",
+    "@pandacss/shared": "0.27.1",
+    "@pandacss/token-dictionary": "0.27.1",
+    "@pandacss/types": "0.27.1"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",