\n Zod to JSON Schema Converter\n

\n \n

\n {/* Input Section */}\n

Zod TypeScript Code

\n setZodCode(e.target.value)}\n placeholder=\"Paste your Zod schema here, e.g.:\n\nconst UserSchema = z.object({\n name: z.string(),\n age: z.number(),\n email: z.string().email(),\n isActive: z.boolean().optional()\n});\n\n// Or with imports (they'll be automatically removed):\nimport { z } from 'zod';\n\nconst PersonSchema = z.object({\n firstName: z.string(),\n lastName: z.string(),\n age: z.number().min(0).max(120)\n});\"\n className=\"w-full h-96 p-4 border border-gray-300 rounded-lg font-mono text-sm resize-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n \n {loading ? \"Converting...\" : \"Convert to JSON Schema\"}\n \n \n {error && (\n

\n {error}\n

\n )}\n

\n\n {/* Output Section */}\n

JSON Schema Output

\n {jsonSchema && (\n \n Copy\n \n )}\n

\n \n \n

\n\n

\n Enter your Zod schema code on the left and get the equivalent JSON schema on the right.\n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();","deleted","label",[167,149],"frontend","permalink","https://www.val.town/x/wolf/ZodJsonSchema/code/frontend/index.tsx","extension","actionData","errors"]