fix: reflect outdir in generated panda config

chakra-ui · May 29, 2024 · 48ff2b8 · 48ff2b8
1 parent d790711
commit 48ff2b8
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/.changeset/late-dodos-itch.md b/.changeset/late-dodos-itch.md
@@ -0,0 +1,6 @@
+---
+'@pandacss/node': patch
+'@pandacss/dev': patch
+---
+
+Improve `panda init --outdir=<x>` command to reflect `outdir` in generated panda config file.
diff --git a/packages/cli/src/cli-main.ts b/packages/cli/src/cli-main.ts
@@ -83,7 +83,16 @@ export async function main() {
         await setupPostcss(cwd)
       }
 
-      await setupConfig(cwd, { force, outExtension, jsxFramework, syntax })
+      await setupConfig(
+        cwd,
+        compact({
+          force,
+          outExtension,
+          jsxFramework,
+          syntax,
+          outdir: flags.outdir,
+        }),
+      )
 
       const ctx = await loadConfigAndCreateContext({
         cwd,

diff --git a/packages/node/src/setup-config.ts b/packages/node/src/setup-config.ts
@@ -15,9 +15,10 @@ type SetupOptions = Partial<Config> & {
 }
 
 export async function setupConfig(cwd: string, opts: SetupOptions = {}) {
-  const { force, outExtension, jsxFramework, syntax } = opts
+  const { force, outExtension, jsxFramework, syntax, outdir = 'styled-system' } = opts
 
   let configFile: string | undefined
+
   try {
     configFile = findConfig({ cwd })
   } catch (err) {
@@ -58,7 +59,7 @@ export default defineConfig({
     },
 
     // The output directory for your css system
-    outdir: "styled-system",
+    outdir: ${JSON.stringify(outdir)},
     ${jsxFramework ? `\n // The JSX framework to use\njsxFramework: '${jsxFramework}',` : ''}
     ${syntax ? `\n // The CSS Syntax to use to use\nsyntax: '${syntax}'` : ''}
 })