@pandacss/node 0.0.0-dev-20231010194422 → 0.0.0-dev-20231010202758

package/dist/index.d.mts

@@ -226,23 +226,50 @@ declare function debugFiles(ctx: PandaContext, options: {
 
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
+/**
+ * Parse a file and return the corresponding css
+ */
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
 declare function emitArtifacts(ctx: PandaContext): Promise<{
     box: string;
     msg: string;
 }>;
-declare function emitAndExtract(ctx: PandaContext): Promise<{
+declare function emitArtfifactsAndCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
-declare function extractCss(ctx: PandaContext): Promise<{
+/**
+ * Writes all the css chunks in outdir/chunks/{file}.css
+ * and bundles them in outdir/styles.css
+ */
+declare function writeAndBundleCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the included files CSS into the given outfile
+ * Including the root CSS artifact files content (global, static, reset, tokens, keyframes)
+ * Without any imports
+ */
 declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the files CSS into outdir/chunks/{file}.css
+ * Without writing any chunks or needing any imports
+ */
+declare function bundleMinimalFilesCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
+type CssArtifactType = 'preflight' | 'tokens' | 'static' | 'global' | 'keyframes';
+/**
+ * Generates the CSS for a given artifact type
+ */
+declare function generateCssArtifactOfType(ctx: PandaContext, cssType: CssArtifactType, outfile: string): Promise<{
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
@@ -258,4 +285,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, CssArtifactType, PandaContext, analyzeTokens, bundleCss, bundleMinimalFilesCss, createContext, debugFiles, emitArtfifactsAndCssChunks, emitArtifacts, execCommand, extractFile, findConfig, generate, generateCssArtifactOfType, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON, writeAndBundleCssChunks };

package/dist/index.d.ts

@@ -226,23 +226,50 @@ declare function debugFiles(ctx: PandaContext, options: {
 
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
+/**
+ * Parse a file and return the corresponding css
+ */
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
 declare function emitArtifacts(ctx: PandaContext): Promise<{
     box: string;
     msg: string;
 }>;
-declare function emitAndExtract(ctx: PandaContext): Promise<{
+declare function emitArtfifactsAndCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
-declare function extractCss(ctx: PandaContext): Promise<{
+/**
+ * Writes all the css chunks in outdir/chunks/{file}.css
+ * and bundles them in outdir/styles.css
+ */
+declare function writeAndBundleCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the included files CSS into the given outfile
+ * Including the root CSS artifact files content (global, static, reset, tokens, keyframes)
+ * Without any imports
+ */
 declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the files CSS into outdir/chunks/{file}.css
+ * Without writing any chunks or needing any imports
+ */
+declare function bundleMinimalFilesCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
+type CssArtifactType = 'preflight' | 'tokens' | 'static' | 'global' | 'keyframes';
+/**
+ * Generates the CSS for a given artifact type
+ */
+declare function generateCssArtifactOfType(ctx: PandaContext, cssType: CssArtifactType, outfile: string): Promise<{
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
@@ -258,4 +285,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, CssArtifactType, PandaContext, analyzeTokens, bundleCss, bundleMinimalFilesCss, createContext, debugFiles, emitArtfifactsAndCssChunks, emitArtifacts, execCommand, extractFile, findConfig, generate, generateCssArtifactOfType, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON, writeAndBundleCssChunks };

package/dist/index.js

@@ -406,23 +406,25 @@ __export(src_exports, {
   Builder: () => Builder,
   analyzeTokens: () => analyzeTokens,
   bundleCss: () => bundleCss,
+  bundleMinimalFilesCss: () => bundleMinimalFilesCss,
   createContext: () => createContext,
   debugFiles: () => debugFiles,
   discardDuplicate: () => import_core3.discardDuplicate,
-  emitAndExtract: () => emitAndExtract,
+  emitArtfifactsAndCssChunks: () => emitArtfifactsAndCssChunks,
   emitArtifacts: () => emitArtifacts,
   execCommand: () => execCommand,
-  extractCss: () => extractCss,
   extractFile: () => extractFile,
   findConfig: () => findConfig,
   generate: () => generate,
+  generateCssArtifactOfType: () => generateCssArtifactOfType,
   loadConfigAndCreateContext: () => loadConfigAndCreateContext,
   parseDependency: () => parseDependency,
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
   shipFiles: () => shipFiles,
-  writeAnalyzeJSON: () => writeAnalyzeJSON
+  writeAnalyzeJSON: () => writeAnalyzeJSON,
+  writeAndBundleCssChunks: () => writeAndBundleCssChunks
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -2322,7 +2324,9 @@ var createBox = (options) => boxen(options.content, {
 
 // src/extract.ts
 var import_promises2 = require("fs/promises");
-async function bundleChunks(ctx) {
+var import_parser2 = require("@pandacss/parser");
+var import_ts_pattern = require("ts-pattern");
+async function bundleStyleChunksWithImports(ctx) {
   const files = ctx.chunks.getFiles();
   await ctx.output.write({
     dir: ctx.paths.root,
@@ -2361,7 +2365,7 @@ function extractFile(ctx, file) {
     import_lil_fp.Obj.get("css")
   );
 }
-function extractFiles(ctx) {
+function writeChunks(ctx) {
   return Promise.allSettled(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
@@ -2379,23 +2383,54 @@ async function emitArtifacts(ctx) {
     msg: ctx.messages.artifactsGenerated()
   };
 }
-async function emitAndExtract(ctx) {
+async function emitArtfifactsAndCssChunks(ctx) {
   await emitArtifacts(ctx);
   if (ctx.config.emitTokensOnly) {
     return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
   }
-  return extractCss(ctx);
+  return writeAndBundleCssChunks(ctx);
 }
-async function extractCss(ctx) {
-  await extractFiles(ctx);
-  return bundleChunks(ctx);
+async function writeAndBundleCssChunks(ctx) {
+  await writeChunks(ctx);
+  return bundleStyleChunksWithImports(ctx);
 }
 async function bundleCss(ctx, outfile) {
-  const extracted = await extractFiles(ctx);
+  const extracted = await writeChunks(ctx);
   const files = ctx.chunks.getFiles();
   await (0, import_promises2.writeFile)(outfile, ctx.getCss({ files, resolve: true }));
   return { files, msg: ctx.messages.buildComplete(extracted.length) };
 }
+async function bundleMinimalFilesCss(ctx, outfile) {
+  const files = ctx.getFiles();
+  const filesWithCss = [];
+  const collector = (0, import_parser2.createParserResult)();
+  files.forEach((file) => {
+    const measure = import_logger3.logger.time.debug(`Parsed ${file}`);
+    const result = ctx.project.parseSourceFile(file);
+    measure();
+    if (!result)
+      return;
+    collector.merge(result);
+    filesWithCss.push(file);
+  });
+  const css = ctx.getParserCss(collector);
+  if (!css)
+    return { files, msg: ctx.messages.buildComplete(files.length) };
+  await (0, import_promises2.writeFile)(outfile, css);
+  return { files, msg: ctx.messages.buildComplete(files.length) };
+}
+async function generateCssArtifactOfType(ctx, cssType, outfile) {
+  let notFound = false;
+  const css = (0, import_ts_pattern.match)(cssType).with("preflight", () => ctx.getResetCss(ctx)).with("tokens", () => ctx.getTokenCss(ctx)).with("static", () => ctx.getStaticCss(ctx)).with("global", () => ctx.getGlobalCss(ctx)).with("keyframes", () => ctx.getKeyframeCss(ctx)).otherwise(() => {
+    notFound = true;
+  });
+  if (notFound)
+    return { msg: `No css artifact of type <${cssType}> was found` };
+  if (!css)
+    return { msg: `No css to generate for type <${cssType}>` };
+  await (0, import_promises2.writeFile)(outfile, css);
+  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+}
 
 // src/parse-dependency.ts
 init_cjs_shims();
@@ -2681,7 +2716,7 @@ async function execCommand(cmd, cwd) {
 // src/generate.ts
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
-var import_ts_pattern = require("ts-pattern");
+var import_ts_pattern2 = require("ts-pattern");
 
 // src/load-context.ts
 init_cjs_shims();
@@ -2697,7 +2732,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const { msg } = await emitAndExtract(ctx);
+  const { msg } = await emitArtfifactsAndCssChunks(ctx);
   import_logger7.logger.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2720,16 +2755,16 @@ async function generate(config, configPath) {
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
       import_logger7.logger.info(`file:${event}`, file);
-      (0, import_ts_pattern.match)(event).with("unlink", () => {
+      (0, import_ts_pattern2.match)(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         await writeFileChunk(ctxRef.current, file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).with("add", async () => {
         ctx.project.createSourceFile(file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).otherwise(() => {
       });
     });
@@ -2832,12 +2867,12 @@ module.exports = {
 // src/ship-files.ts
 init_cjs_shims();
 var import_logger9 = require("@pandacss/logger");
-var import_parser2 = require("@pandacss/parser");
+var import_parser3 = require("@pandacss/parser");
 var import_promises3 = require("fs/promises");
 var path = __toESM(require("path"));
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
-  const extractResult = (0, import_parser2.createParserResult)();
+  const extractResult = (0, import_parser3.createParserResult)();
   const filesWithCss = [];
   files.forEach(async (file) => {
     const result = ctx.project.parseSourceFile(file);
@@ -2861,21 +2896,23 @@ async function shipFiles(ctx, outfile) {
   Builder,
   analyzeTokens,
   bundleCss,
+  bundleMinimalFilesCss,
   createContext,
   debugFiles,
   discardDuplicate,
-  emitAndExtract,
+  emitArtfifactsAndCssChunks,
   emitArtifacts,
   execCommand,
-  extractCss,
   extractFile,
   findConfig,
   generate,
+  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON
+  writeAnalyzeJSON,
+  writeAndBundleCssChunks
 });

package/dist/index.mjs

@@ -2308,7 +2308,9 @@ var createBox = (options) => boxen(options.content, {
 
 // src/extract.ts
 import { writeFile as writeFile3 } from "fs/promises";
-async function bundleChunks(ctx) {
+import { createParserResult } from "@pandacss/parser";
+import { match } from "ts-pattern";
+async function bundleStyleChunksWithImports(ctx) {
   const files = ctx.chunks.getFiles();
   await ctx.output.write({
     dir: ctx.paths.root,
@@ -2347,7 +2349,7 @@ function extractFile(ctx, file) {
     Obj.get("css")
   );
 }
-function extractFiles(ctx) {
+function writeChunks(ctx) {
   return Promise.allSettled(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
@@ -2365,23 +2367,54 @@ async function emitArtifacts(ctx) {
     msg: ctx.messages.artifactsGenerated()
   };
 }
-async function emitAndExtract(ctx) {
+async function emitArtfifactsAndCssChunks(ctx) {
   await emitArtifacts(ctx);
   if (ctx.config.emitTokensOnly) {
     return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
   }
-  return extractCss(ctx);
+  return writeAndBundleCssChunks(ctx);
 }
-async function extractCss(ctx) {
-  await extractFiles(ctx);
-  return bundleChunks(ctx);
+async function writeAndBundleCssChunks(ctx) {
+  await writeChunks(ctx);
+  return bundleStyleChunksWithImports(ctx);
 }
 async function bundleCss(ctx, outfile) {
-  const extracted = await extractFiles(ctx);
+  const extracted = await writeChunks(ctx);
   const files = ctx.chunks.getFiles();
   await writeFile3(outfile, ctx.getCss({ files, resolve: true }));
   return { files, msg: ctx.messages.buildComplete(extracted.length) };
 }
+async function bundleMinimalFilesCss(ctx, outfile) {
+  const files = ctx.getFiles();
+  const filesWithCss = [];
+  const collector = createParserResult();
+  files.forEach((file) => {
+    const measure = logger3.time.debug(`Parsed ${file}`);
+    const result = ctx.project.parseSourceFile(file);
+    measure();
+    if (!result)
+      return;
+    collector.merge(result);
+    filesWithCss.push(file);
+  });
+  const css = ctx.getParserCss(collector);
+  if (!css)
+    return { files, msg: ctx.messages.buildComplete(files.length) };
+  await writeFile3(outfile, css);
+  return { files, msg: ctx.messages.buildComplete(files.length) };
+}
+async function generateCssArtifactOfType(ctx, cssType, outfile) {
+  let notFound = false;
+  const css = match(cssType).with("preflight", () => ctx.getResetCss(ctx)).with("tokens", () => ctx.getTokenCss(ctx)).with("static", () => ctx.getStaticCss(ctx)).with("global", () => ctx.getGlobalCss(ctx)).with("keyframes", () => ctx.getKeyframeCss(ctx)).otherwise(() => {
+    notFound = true;
+  });
+  if (notFound)
+    return { msg: `No css artifact of type <${cssType}> was found` };
+  if (!css)
+    return { msg: `No css to generate for type <${cssType}>` };
+  await writeFile3(outfile, css);
+  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+}
 
 // src/parse-dependency.ts
 init_esm_shims();
@@ -2667,7 +2700,7 @@ async function execCommand(cmd, cwd) {
 // src/generate.ts
 init_esm_shims();
 import { logger as logger7 } from "@pandacss/logger";
-import { match } from "ts-pattern";
+import { match as match2 } from "ts-pattern";
 
 // src/load-context.ts
 init_esm_shims();
@@ -2683,7 +2716,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const { msg } = await emitAndExtract(ctx);
+  const { msg } = await emitArtfifactsAndCssChunks(ctx);
   logger7.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2706,16 +2739,16 @@ async function generate(config, configPath) {
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
       logger7.info(`file:${event}`, file);
-      match(event).with("unlink", () => {
+      match2(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         await writeFileChunk(ctxRef.current, file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).with("add", async () => {
         ctx.project.createSourceFile(file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).otherwise(() => {
       });
     });
@@ -2818,12 +2851,12 @@ module.exports = {
 // src/ship-files.ts
 init_esm_shims();
 import { colors as colors2, logger as logger9 } from "@pandacss/logger";
-import { createParserResult } from "@pandacss/parser";
+import { createParserResult as createParserResult2 } from "@pandacss/parser";
 import { writeFile as writeFile5 } from "fs/promises";
 import * as path from "path";
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
-  const extractResult = createParserResult();
+  const extractResult = createParserResult2();
   const filesWithCss = [];
   files.forEach(async (file) => {
     const result = ctx.project.parseSourceFile(file);
@@ -2846,21 +2879,23 @@ export {
   Builder,
   analyzeTokens,
   bundleCss,
+  bundleMinimalFilesCss,
   createContext,
   debugFiles,
   discardDuplicate2 as discardDuplicate,
-  emitAndExtract,
+  emitArtfifactsAndCssChunks,
   emitArtifacts,
   execCommand,
-  extractCss,
   extractFile,
   findConfig,
   generate,
+  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON
+  writeAnalyzeJSON,
+  writeAndBundleCssChunks
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20231010194422",
+  "version": "0.0.0-dev-20231010202758",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -34,17 +34,17 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.0.0-dev-20231010194422",
-    "@pandacss/core": "0.0.0-dev-20231010194422",
-    "@pandacss/error": "0.0.0-dev-20231010194422",
-    "@pandacss/extractor": "0.0.0-dev-20231010194422",
-    "@pandacss/generator": "0.0.0-dev-20231010194422",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20231010194422",
-    "@pandacss/logger": "0.0.0-dev-20231010194422",
-    "@pandacss/parser": "0.0.0-dev-20231010194422",
-    "@pandacss/shared": "0.0.0-dev-20231010194422",
-    "@pandacss/token-dictionary": "0.0.0-dev-20231010194422",
-    "@pandacss/types": "0.0.0-dev-20231010194422"
+    "@pandacss/config": "0.0.0-dev-20231010202758",
+    "@pandacss/core": "0.0.0-dev-20231010202758",
+    "@pandacss/error": "0.0.0-dev-20231010202758",
+    "@pandacss/extractor": "0.0.0-dev-20231010202758",
+    "@pandacss/generator": "0.0.0-dev-20231010202758",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20231010202758",
+    "@pandacss/logger": "0.0.0-dev-20231010202758",
+    "@pandacss/parser": "0.0.0-dev-20231010202758",
+    "@pandacss/shared": "0.0.0-dev-20231010202758",
+    "@pandacss/token-dictionary": "0.0.0-dev-20231010202758",
+    "@pandacss/types": "0.0.0-dev-20231010202758"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.2",
@@ -53,7 +53,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.30",
     "boxen": "^7.1.1",
-    "@pandacss/fixture": "0.0.0-dev-20231010194422"
+    "@pandacss/fixture": "0.0.0-dev-20231010202758"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",