@pandacss/node 0.0.0-dev-20230119102953 → 0.0.0-dev-20230122144203

package/dist/index.d.ts

@@ -88,6 +88,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     }>) => Promise<void[]>;
     writeOutput: (output: Output) => Promise<void[]>;
     cleanOutdir: () => Promise<void>;
+    getJsFile: (file: string) => string;
     cssVarRoot: string;
     tokens: TokenDictionary;
     hasTokens: boolean;
@@ -159,6 +160,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     globalCss?: _pandacss_types.GlobalStyleObject | undefined;
     jsxFramework?: "solid" | "react" | "preact" | undefined;
     strictTokens?: boolean | undefined;
+    outExtension?: "mjs" | "js" | undefined;
     include: string[];
     outdir: string;
 };
@@ -240,6 +242,7 @@ declare class Builder {
         }[]) => Promise<void[]>;
         writeOutput: (output: Output) => Promise<void[]>;
         cleanOutdir: () => Promise<void>;
+        getJsFile: (file: string) => string;
         cssVarRoot: string;
         tokens: _pandacss_token_dictionary.TokenDictionary;
         hasTokens: boolean;
@@ -311,6 +314,7 @@ declare class Builder {
         globalCss?: _pandacss_types.GlobalStyleObject | undefined;
         jsxFramework?: "solid" | "react" | "preact" | undefined;
         strictTokens?: boolean | undefined;
+        outExtension?: "mjs" | "js" | undefined;
         include: string[];
         outdir: string;
     };
@@ -385,6 +389,7 @@ declare function loadConfigAndCreateContext(options?: {
     }[]) => Promise<void[]>;
     writeOutput: (output: Output) => Promise<void[]>;
     cleanOutdir: () => Promise<void>;
+    getJsFile: (file: string) => string;
     cssVarRoot: string;
     tokens: _pandacss_token_dictionary.TokenDictionary;
     hasTokens: boolean;
@@ -456,6 +461,7 @@ declare function loadConfigAndCreateContext(options?: {
     globalCss?: _pandacss_types.GlobalStyleObject | undefined;
     jsxFramework?: "solid" | "react" | "preact" | undefined;
     strictTokens?: boolean | undefined;
+    outExtension?: "mjs" | "js" | undefined;
     include: string[];
     outdir: string;
 }>;

package/dist/index.js

@@ -1441,7 +1441,7 @@ function setupHelpers(ctx) {
   const code = (0, import_fs2.readFileSync)(sharedMjs, "utf-8");
   return {
     dir: ctx.outdir,
-    files: [{ file: "helpers.mjs", code }]
+    files: [{ file: ctx.getJsFile("helpers"), code }]
   };
 }
 function setupKeyframes(ctx) {
@@ -1462,7 +1462,7 @@ function setupDesignTokens(ctx) {
     files: [
       { file: "index.css", code: css2 },
       { file: "index.d.ts", code: code.dts },
-      { file: "index.mjs", code: code.js }
+      { file: ctx.getJsFile("index"), code: code.js }
     ]
   };
 }
@@ -1492,8 +1492,8 @@ function setupCss(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "conditions.mjs", code: conditions.js },
-      { file: "css.mjs", code: code.js },
+      { file: ctx.getJsFile("conditions"), code: conditions.js },
+      { file: ctx.getJsFile("css"), code: code.js },
       { file: "css.d.ts", code: code.dts }
     ]
   };
@@ -1503,7 +1503,7 @@ function setupCva(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "cva.mjs", code: code.js },
+      { file: ctx.getJsFile("cva"), code: code.js },
       { file: "cva.d.ts", code: code.dts }
     ]
   };
@@ -1513,7 +1513,7 @@ function setupCx(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "cx.mjs", code: code.js },
+      { file: ctx.getJsFile("cx"), code: code.js },
       { file: "cx.d.ts", code: code.dts }
     ]
   };
@@ -1526,7 +1526,7 @@ function setupRecipes(ctx) {
   return {
     dir: ctx.paths.recipe,
     files: [
-      { file: "index.mjs", code: code.js },
+      { file: ctx.getJsFile("index"), code: code.js },
       { file: "index.d.ts", code: code.dts }
     ]
   };
@@ -1540,9 +1540,9 @@ function setupPatterns(ctx) {
   return {
     dir: ctx.paths.pattern,
     files: [
-      ...files.map((file) => ({ file: `${file.name}.mjs`, code: file.js })),
+      ...files.map((file) => ({ file: ctx.getJsFile(file.name), code: file.js })),
       ...files.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
-      { file: "index.mjs", code: indexCode },
+      { file: ctx.getJsFile("index"), code: indexCode },
       { file: "index.d.ts", code: indexCode }
     ]
   };
@@ -1567,7 +1567,7 @@ function setupJsx(ctx) {
       ...patterns.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
       { file: "layout-grid.jsx", code: layoutGrid.js },
       { file: "layout-grid.d.ts", code: layoutGrid.dts },
-      { file: "is-valid-prop.mjs", code: isValidProp.js },
+      { file: ctx.getJsFile("is-valid-prop"), code: isValidProp.js },
       { file: "factory.d.ts", code: types.jsxFactory },
       { file: "factory.jsx", code: factory.js },
       {
@@ -1590,7 +1590,7 @@ function setupCssIndex(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "index.mjs", code },
+      { file: ctx.getJsFile("index"), code },
       { file: "index.d.ts", code }
     ]
   };
@@ -1775,7 +1775,8 @@ function createContext(conf, io = fileSystem) {
     jsxFramework,
     globalCss,
     separator,
-    static: staticCss
+    static: staticCss,
+    outExtension = "mjs"
   } = config;
   const {
     breakpoints = {},
@@ -1923,6 +1924,9 @@ function createContext(conf, io = fileSystem) {
     const { dir = outdir, files: files2 } = output;
     return write(dir, files2);
   }
+  function getJsFile(file) {
+    return `${file}.${outExtension}`;
+  }
   const chunks = {
     dir: paths.chunk,
     readFile(file) {
@@ -2127,6 +2131,7 @@ function createContext(conf, io = fileSystem) {
     write,
     writeOutput,
     cleanOutdir,
+    getJsFile,
     cssVarRoot,
     tokens,
     hasTokens,

package/dist/index.mjs

@@ -1395,7 +1395,7 @@ function setupHelpers(ctx) {
   const code = readFileSync3(sharedMjs, "utf-8");
   return {
     dir: ctx.outdir,
-    files: [{ file: "helpers.mjs", code }]
+    files: [{ file: ctx.getJsFile("helpers"), code }]
   };
 }
 function setupKeyframes(ctx) {
@@ -1416,7 +1416,7 @@ function setupDesignTokens(ctx) {
     files: [
       { file: "index.css", code: css2 },
       { file: "index.d.ts", code: code.dts },
-      { file: "index.mjs", code: code.js }
+      { file: ctx.getJsFile("index"), code: code.js }
     ]
   };
 }
@@ -1446,8 +1446,8 @@ function setupCss(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "conditions.mjs", code: conditions.js },
-      { file: "css.mjs", code: code.js },
+      { file: ctx.getJsFile("conditions"), code: conditions.js },
+      { file: ctx.getJsFile("css"), code: code.js },
       { file: "css.d.ts", code: code.dts }
     ]
   };
@@ -1457,7 +1457,7 @@ function setupCva(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "cva.mjs", code: code.js },
+      { file: ctx.getJsFile("cva"), code: code.js },
       { file: "cva.d.ts", code: code.dts }
     ]
   };
@@ -1467,7 +1467,7 @@ function setupCx(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "cx.mjs", code: code.js },
+      { file: ctx.getJsFile("cx"), code: code.js },
       { file: "cx.d.ts", code: code.dts }
     ]
   };
@@ -1480,7 +1480,7 @@ function setupRecipes(ctx) {
   return {
     dir: ctx.paths.recipe,
     files: [
-      { file: "index.mjs", code: code.js },
+      { file: ctx.getJsFile("index"), code: code.js },
       { file: "index.d.ts", code: code.dts }
     ]
   };
@@ -1494,9 +1494,9 @@ function setupPatterns(ctx) {
   return {
     dir: ctx.paths.pattern,
     files: [
-      ...files.map((file) => ({ file: `${file.name}.mjs`, code: file.js })),
+      ...files.map((file) => ({ file: ctx.getJsFile(file.name), code: file.js })),
       ...files.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
-      { file: "index.mjs", code: indexCode },
+      { file: ctx.getJsFile("index"), code: indexCode },
       { file: "index.d.ts", code: indexCode }
     ]
   };
@@ -1521,7 +1521,7 @@ function setupJsx(ctx) {
       ...patterns.map((file) => ({ file: `${file.name}.d.ts`, code: file.dts })),
       { file: "layout-grid.jsx", code: layoutGrid.js },
       { file: "layout-grid.d.ts", code: layoutGrid.dts },
-      { file: "is-valid-prop.mjs", code: isValidProp.js },
+      { file: ctx.getJsFile("is-valid-prop"), code: isValidProp.js },
       { file: "factory.d.ts", code: types.jsxFactory },
       { file: "factory.jsx", code: factory.js },
       {
@@ -1544,7 +1544,7 @@ function setupCssIndex(ctx) {
   return {
     dir: ctx.paths.css,
     files: [
-      { file: "index.mjs", code },
+      { file: ctx.getJsFile("index"), code },
       { file: "index.d.ts", code }
     ]
   };
@@ -1736,7 +1736,8 @@ function createContext(conf, io = fileSystem) {
     jsxFramework,
     globalCss,
     separator,
-    static: staticCss
+    static: staticCss,
+    outExtension = "mjs"
   } = config;
   const {
     breakpoints = {},
@@ -1884,6 +1885,9 @@ function createContext(conf, io = fileSystem) {
     const { dir = outdir, files: files2 } = output;
     return write(dir, files2);
   }
+  function getJsFile(file) {
+    return `${file}.${outExtension}`;
+  }
   const chunks = {
     dir: paths.chunk,
     readFile(file) {
@@ -2088,6 +2092,7 @@ function createContext(conf, io = fileSystem) {
     write,
     writeOutput,
     cleanOutdir,
+    getJsFile,
     cssVarRoot,
     tokens,
     hasTokens,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20230119102953",
+  "version": "0.0.0-dev-20230122144203",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,15 +30,15 @@
     "javascript-stringify": "2.1.0",
     "ts-pattern": "4.1.3",
     "ts-morph": "17.0.1",
-    "@pandacss/types": "0.0.0-dev-20230119102953",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230119102953",
-    "@pandacss/error": "0.0.0-dev-20230119102953",
-    "@pandacss/parser": "0.0.0-dev-20230119102953",
-    "@pandacss/shared": "0.0.0-dev-20230119102953",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230119102953",
-    "@pandacss/logger": "0.0.0-dev-20230119102953",
-    "@pandacss/core": "0.0.0-dev-20230119102953",
-    "@pandacss/config": "0.0.0-dev-20230119102953"
+    "@pandacss/types": "0.0.0-dev-20230122144203",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230122144203",
+    "@pandacss/error": "0.0.0-dev-20230122144203",
+    "@pandacss/parser": "0.0.0-dev-20230122144203",
+    "@pandacss/shared": "0.0.0-dev-20230122144203",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230122144203",
+    "@pandacss/logger": "0.0.0-dev-20230122144203",
+    "@pandacss/core": "0.0.0-dev-20230122144203",
+    "@pandacss/config": "0.0.0-dev-20230122144203"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -46,7 +46,7 @@
     "@types/glob-parent": "^5.1.1",
     "@types/pluralize": "0.0.29",
     "@types/lodash.merge": "4.6.7",
-    "@pandacss/fixture": "0.0.0-dev-20230119102953"
+    "@pandacss/fixture": "0.0.0-dev-20230122144203"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",