@pandacss/node 0.0.0-dev-20230530090525 → 0.0.0-dev-20230530140607

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { Artifact, LoadConfigResult, ParserResult, Config } from '@pandacss/types';
+import { Artifact, LoadConfigResult, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
@@ -36,7 +36,7 @@ type PandaContext = Generator & {
 };
 
 declare function analyzeTokens(ctx: PandaContext, options?: {
-    onResult?: (file: string, result: ParserResult) => void;
+    onResult?: (file: string, result: ParserResultType) => void;
 }): {
     duration: {
         extractTimeByFiles: {
@@ -225,9 +225,13 @@ declare function generate(config: Config, configPath?: string): Promise<void>;
 
 declare function setupGitIgnore({ config: { outdir, gitignore } }: PandaContext): void;
 
-declare function setupConfig(cwd: string, { force }: {
+type SetupOptions = {
+    outExtension?: string;
     force?: boolean;
-}): Promise<void>;
+};
+declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
 declare function setupPostcss(cwd: string): Promise<void>;
 
-export { Builder, analyzeTokens, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, generate, loadConfigAndCreateContext, setupConfig, setupGitIgnore, setupPostcss, writeAnalyzeJSON };
+declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
+
+export { Builder, analyzeTokens, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, generate, loadConfigAndCreateContext, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };

package/dist/index.js

@@ -489,6 +489,7 @@ __export(src_exports, {
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
+  shipFiles: () => shipFiles,
   writeAnalyzeJSON: () => writeAnalyzeJSON
 });
 module.exports = __toCommonJS(src_exports);
@@ -499,7 +500,6 @@ var import_core3 = require("@pandacss/core");
 init_cjs_shims();
 var import_logger = require("@pandacss/logger");
 var import_promises = require("fs/promises");
-var import_ts_morph = require("ts-morph");
 
 // src/classify.ts
 init_cjs_shims();
@@ -763,23 +763,6 @@ var getMostUsedInMap = (map, pickCount) => {
   return Array.from(map.entries()).map(([key, list]) => [key, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount).map(([key, count]) => ({ key, count }));
 };
 
-// src/get-node-range.ts
-init_cjs_shims();
-var getNodeRange = (node) => {
-  const src = node.getSourceFile();
-  const [startPosition, endPosition] = [node.getStart(), node.getEnd()];
-  const startInfo = src.getLineAndColumnAtPos(startPosition);
-  const endInfo = src.getLineAndColumnAtPos(endPosition);
-  return {
-    startPosition,
-    startLineNumber: startInfo.line,
-    startColumn: startInfo.column,
-    endPosition,
-    endLineNumber: endInfo.line,
-    endColumn: endInfo.column
-  };
-};
-
 // src/analyze-tokens.ts
 var import_filesize = require("filesize");
 
@@ -801,7 +784,7 @@ function analyzeTokens(ctx, options = {}) {
   const parserResultByFilepath = /* @__PURE__ */ new Map();
   const extractTimeByFilepath = /* @__PURE__ */ new Map();
   const includedFiles = ctx.getFiles();
-  includedFiles.map((file) => {
+  includedFiles.forEach((file) => {
     const start2 = performance.now();
     const result = ctx.project.parseSourceFile(file);
     const extractMs = performance.now() - start2;
@@ -811,7 +794,6 @@ function analyzeTokens(ctx, options = {}) {
       parserResultByFilepath.set(file, result);
       options.onResult?.(file, result);
     }
-    return [file, result];
   });
   const totalMs = Array.from(extractTimeByFilepath.values()).reduce((a, b) => a + b, 0);
   import_logger.logger.debug("analyze", `Analyzed ${includedFiles.length} files in ${totalMs.toFixed(2)}ms`);
@@ -854,14 +836,11 @@ var analyzeResultSerializer = (_key, value) => {
   if (value instanceof Map) {
     return Object.fromEntries(value);
   }
-  if (import_ts_morph.Node.isNode(value)) {
-    return { kind: value.getKindName(), range: getNodeRange(value) };
-  }
   return value;
 };
 var writeAnalyzeJSON = (fileName, result, ctx) => {
   result.details.byInstanceId.forEach((item) => {
-    item.box = { type: item.box.type, node: item.box.getNode(), stack: item.box.getStack() };
+    item.box = item.box.toJSON();
   });
   return (0, import_promises.writeFile)(
     fileName,
@@ -903,18 +882,18 @@ var import_lil_fp = require("lil-fp");
 // src/chunk-engine.ts
 init_cjs_shims();
 var import_core = require("@pandacss/core");
-var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs3 } }) => ({
-  dir: path3.join(...paths.chunk),
+var getChunkEngine = ({ paths, config, runtime: { path: path4, fs: fs3 } }) => ({
+  dir: path4.join(...paths.chunk),
   readFile(file) {
-    const fileName = path3.join(...paths.chunk, this.format(file));
+    const fileName = path4.join(...paths.chunk, this.format(file));
     return fs3.existsSync(fileName) ? fs3.readFileSync(fileName) : "";
   },
   getFiles() {
     const files = fs3.existsSync(this.dir) ? fs3.readDirSync(this.dir) : [];
-    return files.map((file) => fs3.readFileSync(path3.join(this.dir, file)));
+    return files.map((file) => fs3.readFileSync(path4.join(this.dir, file)));
   },
   format(file) {
-    return path3.relative(config.cwd, file).replaceAll(path3.sep, "__").replace(path3.extname(file), ".css");
+    return path4.relative(config.cwd, file).replaceAll(path4.sep, "__").replace(path4.extname(file), ".css");
   },
   getArtifact(file, css) {
     const fileName = this.format(file);
@@ -925,7 +904,7 @@ var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs3 } }) => (
     };
   },
   rm(file) {
-    return fs3.rmFileSync(path3.join(...paths.chunk, this.format(file)));
+    return fs3.rmFileSync(path4.join(...paths.chunk, this.format(file)));
   },
   empty() {
     return fs3.rmDirSync(this.dir);
@@ -975,8 +954,8 @@ var nodeRuntime = {
     readDirSync: import_fs_extra.readdirSync,
     rmDirSync: import_fs_extra.emptyDirSync,
     rmFileSync: import_fs_extra.removeSync,
-    ensureDirSync(path3) {
-      return (0, import_fs_extra.ensureDirSync)(path3);
+    ensureDirSync(path4) {
+      return (0, import_fs_extra.ensureDirSync)(path4);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -1007,18 +986,18 @@ process.on("uncaughtException", (reason) => {
 
 // src/output-engine.ts
 init_cjs_shims();
-var getOutputEngine = ({ paths, runtime: { path: path3, fs: fs3 } }) => ({
+var getOutputEngine = ({ paths, runtime: { path: path4, fs: fs3 } }) => ({
   empty() {
-    fs3.rmDirSync(path3.join(...paths.root));
+    fs3.rmDirSync(path4.join(...paths.root));
   },
   async write(output) {
     if (!output)
       return;
     const { dir = paths.root, files } = output;
-    fs3.ensureDirSync(path3.join(...dir));
+    fs3.ensureDirSync(path4.join(...dir));
     return Promise.all(
       files.map(async ({ file, code }) => {
-        const absPath = path3.join(...dir, file);
+        const absPath = path4.join(...dir, file);
         if (code) {
           return fs3.writeFile(absPath, code);
         }
@@ -2367,6 +2346,7 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+var import_parser2 = require("@pandacss/parser");
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
   return ctx.output.write({
@@ -2375,8 +2355,8 @@ async function bundleChunks(ctx) {
   });
 }
 async function writeFileChunk(ctx, file) {
-  const { path: path3 } = ctx.runtime;
-  import_logger3.logger.debug("chunk:write", `File: ${path3.relative(ctx.config.cwd, file)}`);
+  const { path: path4 } = ctx.runtime;
+  import_logger3.logger.debug("chunk:write", `File: ${path4.relative(ctx.config.cwd, file)}`);
   const css = extractFile(ctx, file);
   if (!css)
     return;
@@ -2385,17 +2365,19 @@ async function writeFileChunk(ctx, file) {
 }
 function extractFile(ctx, file) {
   const {
-    runtime: { path: path3 },
+    runtime: { path: path4, fs: fs3 },
     config: { cwd }
   } = ctx;
   return (0, import_lil_fp2.pipe)(
-    { file: path3.abs(cwd, file) },
+    { file: path4.abs(cwd, file) },
     (0, import_lil_fp2.tap)(() => import_logger3.logger.debug("file:extract", file)),
     import_lil_fp2.Obj.bind("measure", () => import_logger3.logger.time.debug(`Extracted ${file}`)),
     import_lil_fp2.Obj.bind(
       "result",
       (0, import_lil_fp2.tryCatch)(
-        ({ file: file2 }) => ctx.project.parseSourceFile(file2),
+        ({ file: file2 }) => {
+          return file2.endsWith(".json") ? import_parser2.ParserResult.fromJson(fs3.readFileSync(file2)) : ctx.project.parseSourceFile(file2);
+        },
         (error) => import_logger3.logger.error("file:parse", error)
       )
     ),
@@ -2705,9 +2687,9 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.getAll().map((result2) => {
+      const list = result.toArray().map((result2) => {
         const node = result2.box.getNode();
-        const range = getNodeRange(node);
+        const range = result2.box.getRange();
         return {
           name: result2.name,
           type: result2.type,
@@ -2727,9 +2709,9 @@ async function debugFiles(ctx, options) {
       if (options.outdir) {
         filesWithCss.push(file);
         const parsedPath = path2.parse(file);
-        const relative3 = path2.relative(ctx.config.cwd, parsedPath.dir);
-        const astJsonPath = `${relative3}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
-        const cssPath = `${relative3}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+        const relative4 = path2.relative(ctx.config.cwd, parsedPath.dir);
+        const astJsonPath = `${relative4}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+        const cssPath = `${relative4}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${options.outdir}/${astJsonPath}`)}`);
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${options.outdir}/${cssPath}`)}`);
         return Promise.all([
@@ -2797,7 +2779,7 @@ async function generate(config, configPath) {
   const ctx = ctxRef.current;
   await build(ctx);
   const {
-    runtime: { fs: fs3, path: path3 },
+    runtime: { fs: fs3, path: path4 },
     dependencies,
     config: { cwd }
   } = ctx;
@@ -2812,7 +2794,7 @@ async function generate(config, configPath) {
     contentWatcher.on("all", async (event, file) => {
       import_logger7.logger.info(`file:${event}`, file);
       (0, import_ts_pattern.match)(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path3.abs(cwd, file));
+        ctx.project.removeSourceFile(path4.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
@@ -2859,7 +2841,8 @@ var import_look_it_up3 = require("look-it-up");
 var import_outdent2 = require("outdent");
 var import_path5 = require("path");
 var import_preferred_pm2 = __toESM(require("preferred-pm"));
-async function setupConfig(cwd, { force }) {
+async function setupConfig(cwd, opts = {}) {
+  const { force, outExtension } = opts;
   const configFile = findConfig();
   const pmResult = await (0, import_preferred_pm2.default)(cwd);
   const pm = pmResult?.name ?? "npm";
@@ -2876,7 +2859,9 @@ async function setupConfig(cwd, { force }) {
        export default defineConfig({
         // Whether to use css reset
         preflight: true,
-        
+        ${outExtension ? `
+ // The extension for the emitted JavaScript files
+outExtension: '${outExtension}',` : ""}
         // Where to look for your css declarations
         include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
         
@@ -2902,6 +2887,34 @@ async function setupPostcss(cwd) {
   `;
   await (0, import_fs_extra3.writeFile)((0, import_path5.join)(cwd, "postcss.config.cjs"), content);
 }
+
+// src/ship-files.ts
+init_cjs_shims();
+var import_logger9 = require("@pandacss/logger");
+var import_parser3 = require("@pandacss/parser");
+var import_promises3 = require("fs/promises");
+var path3 = __toESM(require("path"));
+async function shipFiles(ctx, outfile) {
+  const files = ctx.getFiles();
+  const extractResult = (0, import_parser3.createParserResult)();
+  const filesWithCss = [];
+  files.forEach(async (file) => {
+    const result = ctx.project.parseSourceFile(file);
+    if (!result || result.isEmpty())
+      return;
+    const css = ctx.getParserCss(result);
+    if (!css)
+      return;
+    extractResult.merge(result);
+    filesWithCss.push(path3.relative(ctx.config.cwd, file));
+  });
+  import_logger9.logger.info("cli", `Found ${import_logger9.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  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_promises3.writeFile)(outfile, output);
+  import_logger9.logger.info("cli", "Done!");
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Builder,
@@ -2918,5 +2931,6 @@ async function setupPostcss(cwd) {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  shipFiles,
   writeAnalyzeJSON
 });

package/dist/index.mjs

@@ -481,7 +481,6 @@ import { discardDuplicate as discardDuplicate2 } from "@pandacss/core";
 init_esm_shims();
 import { logger } from "@pandacss/logger";
 import { writeFile } from "fs/promises";
-import { Node } from "ts-morph";
 
 // src/classify.ts
 init_esm_shims();
@@ -745,23 +744,6 @@ var getMostUsedInMap = (map, pickCount) => {
   return Array.from(map.entries()).map(([key, list]) => [key, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount).map(([key, count]) => ({ key, count }));
 };
 
-// src/get-node-range.ts
-init_esm_shims();
-var getNodeRange = (node) => {
-  const src = node.getSourceFile();
-  const [startPosition, endPosition] = [node.getStart(), node.getEnd()];
-  const startInfo = src.getLineAndColumnAtPos(startPosition);
-  const endInfo = src.getLineAndColumnAtPos(endPosition);
-  return {
-    startPosition,
-    startLineNumber: startInfo.line,
-    startColumn: startInfo.column,
-    endPosition,
-    endLineNumber: endInfo.line,
-    endColumn: endInfo.column
-  };
-};
-
 // src/analyze-tokens.ts
 import { filesize } from "filesize";
 
@@ -781,7 +763,7 @@ function analyzeTokens(ctx, options = {}) {
   const parserResultByFilepath = /* @__PURE__ */ new Map();
   const extractTimeByFilepath = /* @__PURE__ */ new Map();
   const includedFiles = ctx.getFiles();
-  includedFiles.map((file) => {
+  includedFiles.forEach((file) => {
     const start2 = performance.now();
     const result = ctx.project.parseSourceFile(file);
     const extractMs = performance.now() - start2;
@@ -791,7 +773,6 @@ function analyzeTokens(ctx, options = {}) {
       parserResultByFilepath.set(file, result);
       options.onResult?.(file, result);
     }
-    return [file, result];
   });
   const totalMs = Array.from(extractTimeByFilepath.values()).reduce((a, b) => a + b, 0);
   logger.debug("analyze", `Analyzed ${includedFiles.length} files in ${totalMs.toFixed(2)}ms`);
@@ -834,14 +815,11 @@ var analyzeResultSerializer = (_key, value) => {
   if (value instanceof Map) {
     return Object.fromEntries(value);
   }
-  if (Node.isNode(value)) {
-    return { kind: value.getKindName(), range: getNodeRange(value) };
-  }
   return value;
 };
 var writeAnalyzeJSON = (fileName, result, ctx) => {
   result.details.byInstanceId.forEach((item) => {
-    item.box = { type: item.box.type, node: item.box.getNode(), stack: item.box.getStack() };
+    item.box = item.box.toJSON();
   });
   return writeFile(
     fileName,
@@ -883,18 +861,18 @@ import { Obj, pipe, tap } from "lil-fp";
 // src/chunk-engine.ts
 init_esm_shims();
 import { mergeCss } from "@pandacss/core";
-var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs2 } }) => ({
-  dir: path3.join(...paths.chunk),
+var getChunkEngine = ({ paths, config, runtime: { path: path4, fs: fs2 } }) => ({
+  dir: path4.join(...paths.chunk),
   readFile(file) {
-    const fileName = path3.join(...paths.chunk, this.format(file));
+    const fileName = path4.join(...paths.chunk, this.format(file));
     return fs2.existsSync(fileName) ? fs2.readFileSync(fileName) : "";
   },
   getFiles() {
     const files = fs2.existsSync(this.dir) ? fs2.readDirSync(this.dir) : [];
-    return files.map((file) => fs2.readFileSync(path3.join(this.dir, file)));
+    return files.map((file) => fs2.readFileSync(path4.join(this.dir, file)));
   },
   format(file) {
-    return path3.relative(config.cwd, file).replaceAll(path3.sep, "__").replace(path3.extname(file), ".css");
+    return path4.relative(config.cwd, file).replaceAll(path4.sep, "__").replace(path4.extname(file), ".css");
   },
   getArtifact(file, css) {
     const fileName = this.format(file);
@@ -905,7 +883,7 @@ var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs2 } }) => (
     };
   },
   rm(file) {
-    return fs2.rmFileSync(path3.join(...paths.chunk, this.format(file)));
+    return fs2.rmFileSync(path4.join(...paths.chunk, this.format(file)));
   },
   empty() {
     return fs2.rmDirSync(this.dir);
@@ -964,8 +942,8 @@ var nodeRuntime = {
     readDirSync: readdirSync,
     rmDirSync: emptyDirSync,
     rmFileSync: removeSync,
-    ensureDirSync(path3) {
-      return ensureDirSync(path3);
+    ensureDirSync(path4) {
+      return ensureDirSync(path4);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -996,18 +974,18 @@ process.on("uncaughtException", (reason) => {
 
 // src/output-engine.ts
 init_esm_shims();
-var getOutputEngine = ({ paths, runtime: { path: path3, fs: fs2 } }) => ({
+var getOutputEngine = ({ paths, runtime: { path: path4, fs: fs2 } }) => ({
   empty() {
-    fs2.rmDirSync(path3.join(...paths.root));
+    fs2.rmDirSync(path4.join(...paths.root));
   },
   async write(output) {
     if (!output)
       return;
     const { dir = paths.root, files } = output;
-    fs2.ensureDirSync(path3.join(...dir));
+    fs2.ensureDirSync(path4.join(...dir));
     return Promise.all(
       files.map(async ({ file, code }) => {
-        const absPath = path3.join(...dir, file);
+        const absPath = path4.join(...dir, file);
         if (code) {
           return fs2.writeFile(absPath, code);
         }
@@ -2356,6 +2334,7 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+import { ParserResult } from "@pandacss/parser";
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
   return ctx.output.write({
@@ -2364,8 +2343,8 @@ async function bundleChunks(ctx) {
   });
 }
 async function writeFileChunk(ctx, file) {
-  const { path: path3 } = ctx.runtime;
-  logger3.debug("chunk:write", `File: ${path3.relative(ctx.config.cwd, file)}`);
+  const { path: path4 } = ctx.runtime;
+  logger3.debug("chunk:write", `File: ${path4.relative(ctx.config.cwd, file)}`);
   const css = extractFile(ctx, file);
   if (!css)
     return;
@@ -2374,17 +2353,19 @@ async function writeFileChunk(ctx, file) {
 }
 function extractFile(ctx, file) {
   const {
-    runtime: { path: path3 },
+    runtime: { path: path4, fs: fs2 },
     config: { cwd }
   } = ctx;
   return pipe2(
-    { file: path3.abs(cwd, file) },
+    { file: path4.abs(cwd, file) },
     tap2(() => logger3.debug("file:extract", file)),
     Obj2.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
     Obj2.bind(
       "result",
       tryCatch(
-        ({ file: file2 }) => ctx.project.parseSourceFile(file2),
+        ({ file: file2 }) => {
+          return file2.endsWith(".json") ? ParserResult.fromJson(fs2.readFileSync(file2)) : ctx.project.parseSourceFile(file2);
+        },
         (error) => logger3.error("file:parse", error)
       )
     ),
@@ -2694,9 +2675,9 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.getAll().map((result2) => {
+      const list = result.toArray().map((result2) => {
         const node = result2.box.getNode();
-        const range = getNodeRange(node);
+        const range = result2.box.getRange();
         return {
           name: result2.name,
           type: result2.type,
@@ -2716,9 +2697,9 @@ async function debugFiles(ctx, options) {
       if (options.outdir) {
         filesWithCss.push(file);
         const parsedPath = path2.parse(file);
-        const relative3 = path2.relative(ctx.config.cwd, parsedPath.dir);
-        const astJsonPath = `${relative3}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
-        const cssPath = `${relative3}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+        const relative4 = path2.relative(ctx.config.cwd, parsedPath.dir);
+        const astJsonPath = `${relative4}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+        const cssPath = `${relative4}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
         logger5.info("cli", `Writing ${colors.bold(`${options.outdir}/${astJsonPath}`)}`);
         logger5.info("cli", `Writing ${colors.bold(`${options.outdir}/${cssPath}`)}`);
         return Promise.all([
@@ -2786,7 +2767,7 @@ async function generate(config, configPath) {
   const ctx = ctxRef.current;
   await build(ctx);
   const {
-    runtime: { fs: fs2, path: path3 },
+    runtime: { fs: fs2, path: path4 },
     dependencies,
     config: { cwd }
   } = ctx;
@@ -2801,7 +2782,7 @@ async function generate(config, configPath) {
     contentWatcher.on("all", async (event, file) => {
       logger7.info(`file:${event}`, file);
       match(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path3.abs(cwd, file));
+        ctx.project.removeSourceFile(path4.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
@@ -2848,7 +2829,8 @@ import { lookItUpSync as lookItUpSync3 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
 import { join as join2 } from "path";
 import getPackageManager2 from "preferred-pm";
-async function setupConfig(cwd, { force }) {
+async function setupConfig(cwd, opts = {}) {
+  const { force, outExtension } = opts;
   const configFile = findConfig();
   const pmResult = await getPackageManager2(cwd);
   const pm = pmResult?.name ?? "npm";
@@ -2865,7 +2847,9 @@ async function setupConfig(cwd, { force }) {
        export default defineConfig({
         // Whether to use css reset
         preflight: true,
-        
+        ${outExtension ? `
+ // The extension for the emitted JavaScript files
+outExtension: '${outExtension}',` : ""}
         // Where to look for your css declarations
         include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
         
@@ -2891,6 +2875,34 @@ async function setupPostcss(cwd) {
   `;
   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 writeFile5 } from "fs/promises";
+import * as path3 from "path";
+async function shipFiles(ctx, outfile) {
+  const files = ctx.getFiles();
+  const extractResult = createParserResult();
+  const filesWithCss = [];
+  files.forEach(async (file) => {
+    const result = ctx.project.parseSourceFile(file);
+    if (!result || result.isEmpty())
+      return;
+    const css = ctx.getParserCss(result);
+    if (!css)
+      return;
+    extractResult.merge(result);
+    filesWithCss.push(path3.relative(ctx.config.cwd, file));
+  });
+  logger9.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  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 writeFile5(outfile, output);
+  logger9.info("cli", "Done!");
+}
 export {
   Builder,
   analyzeTokens,
@@ -2906,5 +2918,6 @@ export {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  shipFiles,
   writeAnalyzeJSON
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20230530090525",
+  "version": "0.0.0-dev-20230530140607",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,6 @@
     "glob-parent": "^6.0.2",
     "hookable": "5.5.3",
     "is-glob": "^4.0.3",
-    "javascript-stringify": "2.1.0",
     "lil-fp": "1.4.5",
     "lodash.merge": "4.6.2",
     "look-it-up": "2.1.0",
@@ -33,17 +32,17 @@
     "preferred-pm": "^3.0.3",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/config": "0.0.0-dev-20230530090525",
-    "@pandacss/core": "0.0.0-dev-20230530090525",
-    "@pandacss/error": "0.0.0-dev-20230530090525",
-    "@pandacss/generator": "0.0.0-dev-20230530090525",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230530090525",
-    "@pandacss/logger": "0.0.0-dev-20230530090525",
-    "@pandacss/parser": "0.0.0-dev-20230530090525",
-    "@pandacss/extractor": "0.0.0-dev-20230530090525",
-    "@pandacss/shared": "0.0.0-dev-20230530090525",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230530090525",
-    "@pandacss/types": "0.0.0-dev-20230530090525"
+    "@pandacss/config": "0.0.0-dev-20230530140607",
+    "@pandacss/core": "0.0.0-dev-20230530140607",
+    "@pandacss/error": "0.0.0-dev-20230530140607",
+    "@pandacss/extractor": "0.0.0-dev-20230530140607",
+    "@pandacss/generator": "0.0.0-dev-20230530140607",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230530140607",
+    "@pandacss/logger": "0.0.0-dev-20230530140607",
+    "@pandacss/parser": "0.0.0-dev-20230530140607",
+    "@pandacss/shared": "0.0.0-dev-20230530140607",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230530140607",
+    "@pandacss/types": "0.0.0-dev-20230530140607"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -53,7 +52,7 @@
     "@types/pluralize": "0.0.29",
     "boxen": "^7.1.0",
     "gzip-size": "^7.0.0",
-    "@pandacss/fixture": "0.0.0-dev-20230530090525"
+    "@pandacss/fixture": "0.0.0-dev-20230530140607"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",