@pandacss/node 0.5.0 → 0.5.1

package/dist/index.d.mts

@@ -225,16 +225,29 @@ declare function debugFiles(ctx: PandaContext, options: {
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
-declare function emitArtifacts(ctx: PandaContext): Promise<string>;
-declare function emitAndExtract(ctx: PandaContext): Promise<string>;
-declare function extractCss(ctx: PandaContext): Promise<string>;
+declare function emitArtifacts(ctx: PandaContext): Promise<{
+    box: string;
+    msg: string;
+}>;
+declare function emitAndExtract(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function extractCss(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
-declare function parseDependency(fileOrGlob: string): Message | null;
-
 declare function setupGitIgnore(ctx: PandaContext): void;
 
+declare function parseDependency(fileOrGlob: string): Message | null;
+
 type SetupOptions = Partial<Config> & {
     force?: boolean;
 };
@@ -243,4 +256,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };

package/dist/index.d.ts

@@ -225,16 +225,29 @@ declare function debugFiles(ctx: PandaContext, options: {
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
-declare function emitArtifacts(ctx: PandaContext): Promise<string>;
-declare function emitAndExtract(ctx: PandaContext): Promise<string>;
-declare function extractCss(ctx: PandaContext): Promise<string>;
+declare function emitArtifacts(ctx: PandaContext): Promise<{
+    box: string;
+    msg: string;
+}>;
+declare function emitAndExtract(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function extractCss(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
-declare function parseDependency(fileOrGlob: string): Message | null;
-
 declare function setupGitIgnore(ctx: PandaContext): void;
 
+declare function parseDependency(fileOrGlob: string): Message | null;
+
 type SetupOptions = Partial<Config> & {
     force?: boolean;
 };
@@ -243,4 +256,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };

package/dist/index.js

@@ -405,6 +405,7 @@ var src_exports = {};
 __export(src_exports, {
   Builder: () => Builder,
   analyzeTokens: () => analyzeTokens,
+  bundleCss: () => bundleCss,
   createContext: () => createContext,
   debugFiles: () => debugFiles,
   discardDuplicate: () => import_core3.discardDuplicate,
@@ -791,6 +792,7 @@ init_cjs_shims();
 var import_config = require("@pandacss/config");
 var import_hookable = require("hookable");
 var import_look_it_up = require("look-it-up");
+var import_tsconfck = require("tsconfck");
 
 // src/create-context.ts
 init_cjs_shims();
@@ -950,6 +952,7 @@ var createContext = (conf) => (0, import_lil_fp.pipe)(
   }),
   import_lil_fp.Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
     return (0, import_parser.createProject)({
+      ...conf.tsconfig,
       getFiles,
       readFile: fs.readFileSync,
       hooks: conf.hooks,
@@ -980,6 +983,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, { root: cwd, resolveWithEmptyIfConfigNotFound: true });
+  if (tsconfigResult) {
+    conf.tsconfig = tsconfigResult.tsconfig;
+    conf.tsconfigFile = tsconfigResult.tsconfigFile;
+  }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2295,12 +2303,14 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+var import_promises2 = require("fs/promises");
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
-  return ctx.output.write({
+  await ctx.output.write({
     dir: ctx.paths.root,
     files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
   });
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
@@ -2342,21 +2352,29 @@ async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
   await Promise.all(ctx.getArtifacts().map(ctx.output.write));
-  return ctx.messages.artifactsGenerated() + createBox({
-    content: ctx.messages.codegenComplete(),
-    title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
-  });
+  return {
+    box: createBox({
+      content: ctx.messages.codegenComplete(),
+      title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
+    }),
+    msg: ctx.messages.artifactsGenerated()
+  };
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
-  if (ctx.config.emitTokensOnly)
-    return "Successfully rebuilt the css variables and js function to query your tokens \u2728";
+  if (ctx.config.emitTokensOnly) {
+    return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
+  }
   return extractCss(ctx);
 }
 async function extractCss(ctx) {
   await extractFiles(ctx);
-  await bundleChunks(ctx);
-  return ctx.messages.buildComplete(ctx.getFiles().length);
+  return bundleChunks(ctx);
+}
+async function bundleCss(ctx, outfile) {
+  const files = ctx.chunks.getFiles();
+  await (0, import_promises2.writeFile)(outfile, ctx.getCss({ files, resolve: true }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 
 // src/parse-dependency.ts
@@ -2449,7 +2467,18 @@ var Builder = class {
   async setup(options = {}) {
     import_logger4.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    const { deps: configDeps } = (0, import_config2.getConfigDependencies)(configPath);
+    let tsOptions = { baseUrl: void 0, pathMappings: [] };
+    if (this.context?.tsconfig) {
+      const options2 = this.context.tsconfig.compilerOptions;
+      if (options2?.paths) {
+        const baseUrl = options2.baseUrl;
+        tsOptions = {
+          baseUrl,
+          pathMappings: (0, import_config2.convertTsPathsToRegexes)(options2?.paths, baseUrl ?? this.context.config.cwd)
+        };
+      }
+    }
+    const { deps: configDeps } = (0, import_config2.getConfigDependencies)(configPath, tsOptions);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
       await this.setupContext({
@@ -2585,12 +2614,11 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.toArray().map((resultItem) => resultItem.box?.toJSON?.() ?? resultItem);
       const css = ctx.getParserCss(result);
       if (!css)
         return;
       if (options.dry) {
-        console.log({ path: file, ast: list, code: css });
+        console.log({ path: file, ast: result, code: css });
         return Promise.resolve();
       }
       if (outdir) {
@@ -2602,7 +2630,7 @@ async function debugFiles(ctx, options) {
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${astJsonPath}`)}`);
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.all([
-          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
+          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
         ]);
       }
@@ -2611,15 +2639,6 @@ async function debugFiles(ctx, options) {
   import_logger5.logger.info("cli", `Found ${import_logger5.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
-var debugResultSerializer = (_key, value) => {
-  if (value instanceof Set) {
-    return Array.from(value);
-  }
-  if (value instanceof Map) {
-    return Object.fromEntries(value);
-  }
-  return value;
-};
 
 // src/exec-command.ts
 init_cjs_shims();
@@ -2658,7 +2677,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const msg = await emitAndExtract(ctx);
+  const { msg } = await emitAndExtract(ctx);
   import_logger7.logger.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2794,7 +2813,7 @@ module.exports = {
 init_cjs_shims();
 var import_logger9 = require("@pandacss/logger");
 var import_parser2 = require("@pandacss/parser");
-var import_promises2 = require("fs/promises");
+var import_promises3 = require("fs/promises");
 var path = __toESM(require("path"));
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
@@ -2814,13 +2833,14 @@ async function shipFiles(ctx, outfile) {
   const minify = ctx.config.minify;
   import_logger9.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger9.colors.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
-  await (0, import_promises2.writeFile)(outfile, output);
+  await (0, import_promises3.writeFile)(outfile, output);
   import_logger9.logger.info("cli", "Done!");
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Builder,
   analyzeTokens,
+  bundleCss,
   createContext,
   debugFiles,
   discardDuplicate,

package/dist/index.mjs

@@ -756,7 +756,7 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
-import { getConfigDependencies } from "@pandacss/config";
+import { getConfigDependencies, convertTsPathsToRegexes } from "@pandacss/config";
 import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger4 } from "@pandacss/logger";
@@ -769,6 +769,7 @@ init_esm_shims();
 import { loadConfigFile } from "@pandacss/config";
 import { createDebugger, createHooks } from "hookable";
 import { lookItUpSync } from "look-it-up";
+import { parse } from "tsconfck";
 
 // src/create-context.ts
 init_esm_shims();
@@ -937,6 +938,7 @@ var createContext = (conf) => pipe(
   }),
   Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
     return createProject({
+      ...conf.tsconfig,
       getFiles,
       readFile: fs.readFileSync,
       hooks: conf.hooks,
@@ -967,6 +969,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  const tsconfigResult = await parse(conf.path, { root: cwd, resolveWithEmptyIfConfigNotFound: true });
+  if (tsconfigResult) {
+    conf.tsconfig = tsconfigResult.tsconfig;
+    conf.tsconfigFile = tsconfigResult.tsconfigFile;
+  }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2282,12 +2289,14 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+import { writeFile as writeFile3 } from "fs/promises";
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
-  return ctx.output.write({
+  await ctx.output.write({
     dir: ctx.paths.root,
     files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
   });
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
@@ -2329,21 +2338,29 @@ async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
   await Promise.all(ctx.getArtifacts().map(ctx.output.write));
-  return ctx.messages.artifactsGenerated() + createBox({
-    content: ctx.messages.codegenComplete(),
-    title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
-  });
+  return {
+    box: createBox({
+      content: ctx.messages.codegenComplete(),
+      title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
+    }),
+    msg: ctx.messages.artifactsGenerated()
+  };
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
-  if (ctx.config.emitTokensOnly)
-    return "Successfully rebuilt the css variables and js function to query your tokens \u2728";
+  if (ctx.config.emitTokensOnly) {
+    return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
+  }
   return extractCss(ctx);
 }
 async function extractCss(ctx) {
   await extractFiles(ctx);
-  await bundleChunks(ctx);
-  return ctx.messages.buildComplete(ctx.getFiles().length);
+  return bundleChunks(ctx);
+}
+async function bundleCss(ctx, outfile) {
+  const files = ctx.chunks.getFiles();
+  await writeFile3(outfile, ctx.getCss({ files, resolve: true }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 
 // src/parse-dependency.ts
@@ -2436,7 +2453,18 @@ var Builder = class {
   async setup(options = {}) {
     logger4.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    const { deps: configDeps } = getConfigDependencies(configPath);
+    let tsOptions = { baseUrl: void 0, pathMappings: [] };
+    if (this.context?.tsconfig) {
+      const options2 = this.context.tsconfig.compilerOptions;
+      if (options2?.paths) {
+        const baseUrl = options2.baseUrl;
+        tsOptions = {
+          baseUrl,
+          pathMappings: convertTsPathsToRegexes(options2?.paths, baseUrl ?? this.context.config.cwd)
+        };
+      }
+    }
+    const { deps: configDeps } = getConfigDependencies(configPath, tsOptions);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
       await this.setupContext({
@@ -2572,12 +2600,11 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.toArray().map((resultItem) => resultItem.box?.toJSON?.() ?? resultItem);
       const css = ctx.getParserCss(result);
       if (!css)
         return;
       if (options.dry) {
-        console.log({ path: file, ast: list, code: css });
+        console.log({ path: file, ast: result, code: css });
         return Promise.resolve();
       }
       if (outdir) {
@@ -2589,7 +2616,7 @@ async function debugFiles(ctx, options) {
         logger5.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
         logger5.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.all([
-          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
+          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
         ]);
       }
@@ -2598,15 +2625,6 @@ async function debugFiles(ctx, options) {
   logger5.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
-var debugResultSerializer = (_key, value) => {
-  if (value instanceof Set) {
-    return Array.from(value);
-  }
-  if (value instanceof Map) {
-    return Object.fromEntries(value);
-  }
-  return value;
-};
 
 // src/exec-command.ts
 init_esm_shims();
@@ -2645,7 +2663,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const msg = await emitAndExtract(ctx);
+  const { msg } = await emitAndExtract(ctx);
   logger7.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2714,7 +2732,7 @@ function setupGitIgnore(ctx) {
 init_esm_shims();
 import { messages } from "@pandacss/generator";
 import { logger as logger8, quote } from "@pandacss/logger";
-import { writeFile as writeFile3 } from "fs-extra";
+import { writeFile as writeFile4 } from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
 import { join as join2 } from "path";
@@ -2761,7 +2779,7 @@ jsxFramework: '${jsxFramework}'` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await writeFile3(join2(cwd, file), content);
+    await writeFile4(join2(cwd, file), content);
     logger8.log(messages.thankYou());
   }
 }
@@ -2774,14 +2792,14 @@ module.exports = {
   },
 }
   `;
-  await writeFile3(join2(cwd, "postcss.config.cjs"), content);
+  await writeFile4(join2(cwd, "postcss.config.cjs"), content);
 }
 
 // src/ship-files.ts
 init_esm_shims();
 import { colors as colors2, logger as logger9 } from "@pandacss/logger";
 import { createParserResult } from "@pandacss/parser";
-import { writeFile as writeFile4 } from "fs/promises";
+import { writeFile as writeFile5 } from "fs/promises";
 import * as path from "path";
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
@@ -2801,12 +2819,13 @@ async function shipFiles(ctx, outfile) {
   const minify = ctx.config.minify;
   logger9.info("cli", `Writing ${minify ? "[min] " : " "}${colors2.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
-  await writeFile4(outfile, output);
+  await writeFile5(outfile, output);
   logger9.info("cli", "Done!");
 }
 export {
   Builder,
   analyzeTokens,
+  bundleCss,
   createContext,
   debugFiles,
   discardDuplicate2 as discardDuplicate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -33,17 +33,18 @@
     "preferred-pm": "^3.0.3",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/config": "0.5.0",
-    "@pandacss/core": "0.5.0",
-    "@pandacss/error": "0.5.0",
-    "@pandacss/extractor": "0.5.0",
-    "@pandacss/generator": "0.5.0",
-    "@pandacss/is-valid-prop": "0.5.0",
-    "@pandacss/logger": "0.5.0",
-    "@pandacss/parser": "0.5.0",
-    "@pandacss/shared": "0.5.0",
-    "@pandacss/token-dictionary": "0.5.0",
-    "@pandacss/types": "0.5.0"
+    "tsconfck": "^2.1.1",
+    "@pandacss/config": "0.5.1",
+    "@pandacss/core": "0.5.1",
+    "@pandacss/error": "0.5.1",
+    "@pandacss/extractor": "0.5.1",
+    "@pandacss/generator": "0.5.1",
+    "@pandacss/is-valid-prop": "0.5.1",
+    "@pandacss/logger": "0.5.1",
+    "@pandacss/parser": "0.5.1",
+    "@pandacss/shared": "0.5.1",
+    "@pandacss/token-dictionary": "0.5.1",
+    "@pandacss/types": "0.5.1"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -52,7 +53,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.29",
     "boxen": "^7.1.0",
-    "@pandacss/fixture": "0.5.0"
+    "@pandacss/fixture": "0.5.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",