@betterstart/cli 0.1.47 → 0.1.48

package/dist/cli.js

@@ -2643,13 +2643,28 @@ function escapeQuotes(str) {
   return str.replace(/'/g, "\\'");
 }
 function buildComponentSource(p7) {
+  const queryClientImport = p7.hasFileUpload ? `
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'` : "";
+  const queryClientSetup = p7.hasFileUpload ? `
+const queryClient = new QueryClient()
+` : "";
+  const formComponentDecl = p7.hasFileUpload ? `function ${p7.pascal}FormInner` : `export function ${p7.pascal}Form`;
+  const exportWrapper = p7.hasFileUpload ? `
+export function ${p7.pascal}Form() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <${p7.pascal}FormInner />
+    </QueryClientProvider>
+  )
+}
+` : "";
   return `'use client'
 
 import { zodResolver } from '@hookform/resolvers/zod'
 import { Check, ChevronLeft, ChevronRight } from 'lucide-react'
 import { useState } from 'react'
 ${p7.rhfImport}
-import { z } from 'zod/v3'
+import { z } from 'zod/v3'${queryClientImport}
 import { create${p7.pascal}Submission } from '@cms/actions/${p7.kebab}-form'
 import { Button } from '${p7.buttonImport}'
 import {
@@ -2679,10 +2694,10 @@ ${p7.zodFields}
 })
 
 type FormValues = z.infer<typeof formSchema>
-
+${queryClientSetup}
 ${p7.stepsConst}
 
-export function ${p7.pascal}Form() {
+${formComponentDecl}() {
   const [currentStep, setCurrentStep] = useState(0)
   const [completedSteps, setCompletedSteps] = useState<Set<number>>(new Set())
   const [submitted, setSubmitted] = useState(false)
@@ -2829,7 +2844,7 @@ ${p7.stepContentBlocks}
     </Form>
   )
 }
-`;
+${exportWrapper}`;
 }
 
 // src/generators/form-pipeline/form-component-single.ts
@@ -2868,12 +2883,27 @@ ${buildFieldArrayDecls(listFields)}
   const selectImport = resolveUiImport(cwd, "select");
   const radioGroupImport = resolveUiImport(cwd, "radio-group");
   const mediaUploadImport = resolveUiImport(cwd, "media-upload-field");
+  const queryClientImport = hasFileUpload ? `
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'` : "";
+  const queryClientSetup = hasFileUpload ? `
+const queryClient = new QueryClient()
+` : "";
+  const formComponentDecl = hasFileUpload ? `function ${pascal}FormInner` : `export function ${pascal}Form`;
+  const exportWrapper = hasFileUpload ? `
+export function ${pascal}Form() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <${pascal}FormInner />
+    </QueryClientProvider>
+  )
+}
+` : "";
   const content = `'use client'
 
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useState } from 'react'
 ${rhfImport}
-import { z } from 'zod/v3'
+import { z } from 'zod/v3'${queryClientImport}
 import { create${pascal}Submission } from '@cms/actions/${kebab}-form'
 import { Button } from '${buttonImport}'
 import {
@@ -2902,8 +2932,8 @@ ${zodFields}
 })
 
 type FormValues = z.infer<typeof formSchema>
-
-export function ${pascal}Form() {
+${queryClientSetup}
+${formComponentDecl}() {
   const [submitted, setSubmitted] = useState(false)
   const [submitting, setSubmitting] = useState(false)
 
@@ -2955,7 +2985,7 @@ ${fieldJSX}
     </Form>
   )
 }
-`;
+${exportWrapper}`;
   fs9.writeFileSync(filePath, content, "utf-8");
   return { files: [path9.relative(cwd, filePath)] };
 }