happier rabbit

Author: eluce2

packages/typegen/package.json

@@ -36,8 +36,8 @@
     },
     "./api-app": {
       "import": {
-        "types": "./dist/esm/server/contract.d.ts",
-        "default": "./dist/esm/server/contract.js"
+        "types": "./dist/esm/server/app.d.ts",
+        "default": "./dist/esm/server/app.js"
       }
     },
     "./package.json": "./package.json"

packages/typegen/web/src/App.css

@@ -4,7 +4,6 @@ import { useForm, useFieldArray } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { client } from "./lib/api";
 import { ConfigEditor } from "./components/ConfigEditor";
-import "./App.css";
 import {
   Accordion,
   AccordionContent,

packages/typegen/web/src/App.tsx

@@ -33,6 +33,9 @@ export function ConfigEditor({ index }: ConfigEditorProps) {
     setValue,
   } = useFormContext<{ config: SingleConfig[] }>();
 
+  const baseId = useId();
+  const generateClientSwitchId = `${baseId}-generate-client`;
+
   const configErrors = errors.config?.[index];
   const webviewerScriptName = useWatch({
     control,
@@ -148,44 +151,41 @@ export function ConfigEditor({ index }: ConfigEditorProps) {
                 <FormField
                   control={control}
                   name={`config.${index}.generateClient` as const}
-                  render={({ field }) => {
-                    const switchId = useId();
-                    return (
-                      <FormItem>
-                        <FormLabel>Generate</FormLabel>
-                        <FormControl>
-                          <div className="flex w-full items-center">
-                            <SwitchWrapper
-                              permanent={true}
-                              className="w-full inline-grid"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Generate</FormLabel>
+                      <FormControl>
+                        <div className="flex w-full items-center">
+                          <SwitchWrapper
+                            permanent={true}
+                            className="w-full inline-grid"
+                          >
+                            <Switch
+                              id={generateClientSwitchId}
+                              size="xl"
+                              className="w-full rounded-md h-10"
+                              thumbClassName="rounded-md"
+                              checked={field.value || false}
+                              onCheckedChange={field.onChange}
+                            />
+                            <SwitchIndicator
+                              state="off"
+                              className="w-1/2 text-accent-foreground peer-data-[state=checked]:text-primary"
                             >
-                              <Switch
-                                id={switchId}
-                                size="xl"
-                                className="w-full rounded-md h-10"
-                                thumbClassName="rounded-md"
-                                checked={field.value || false}
-                                onCheckedChange={field.onChange}
-                              />
-                              <SwitchIndicator
-                                state="off"
-                                className="w-1/2 text-accent-foreground peer-data-[state=checked]:text-primary"
-                              >
-                                Full Client
-                              </SwitchIndicator>
-                              <SwitchIndicator
-                                state="on"
-                                className="w-1/2 text-accent-foreground peer-data-[state=unchecked]:text-primary"
-                              >
-                                Types Only
-                              </SwitchIndicator>
-                            </SwitchWrapper>
-                          </div>
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    );
-                  }}
+                              Full Client
+                            </SwitchIndicator>
+                            <SwitchIndicator
+                              state="on"
+                              className="w-1/2 text-accent-foreground peer-data-[state=unchecked]:text-primary"
+                            >
+                              Types Only
+                            </SwitchIndicator>
+                          </SwitchWrapper>
+                        </div>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
                 />
               </div>