\n \n\n",[],[180,186],{"_106":194,"_98":195,"_150":196,"_152":181,"_153":137,"_154":136,"_156":157,"_108":197,"_103":198,"_159":199,"_161":200,"_162":27,"_163":-5,"_164":201,"_101":202},"4cd14b90-3b33-11f0-a3f6-9e149126039e","index.tsx","26521d82-3b33-11f0-a834-9e149126039e",["D",1748375196655],1,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [zodCode, setZodCode] = useState(\"\");\n const [jsonSchema, setJsonSchema] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const convertSchema = async () => {\n if (!zodCode.trim()) {\n setError(\"Please enter some Zod code\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n \n try {\n const response = await fetch(\"/api/convert\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ zodCode }),\n });\n\n const result = await response.json();\n \n if (!response.ok) {\n throw new Error(result.error || \"Conversion failed\");\n }\n\n setJsonSchema(JSON.stringify(result.schema, null, 2));\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An error occurred\");\n } finally {\n setLoading(false);\n }\n };\n\n const copyToClipboard = async () => {\n try {\n await navigator.clipboard.writeText(jsonSchema);\n // Simple feedback - could be enhanced with a toast\n const button = document.getElementById('copy-btn');\n if (button) {\n const originalText = button.textContent;\n button.textContent = 'Copied!';\n setTimeout(() => {\n button.textContent = originalText;\n }, 2000);\n }\n } catch (err) {\n console.error('Failed to copy:', err);\n }\n };\n\n return (\n

\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();",[],[180,195],[180],{"_106":205,"_98":206,"_150":207,"_152":-5,"_153":137,"_154":198,"_156":157,"_108":208,"_103":31,"_159":189,"_161":209,"_162":27,"_163":-5,"_164":210,"_101":211},"18bcc4c4-3b33-11f0-a038-9e149126039e","README.md","18bcc578-3b33-11f0-a038-9e149126039e",["D",1748375109282],"# Zod to JSON Schema Converter\n\nA simple web application that converts Zod TypeScript schemas to JSON schemas.\n\n## Features\n\n- Paste Zod TypeScript code\n- Get equivalent JSON schema output\n- Simple, clean interface\n\n## Structure\n\n- `frontend/` - Client-side React application\n- `backend/` - Hono API server for conversion logic\n\n## Usage\n\n1. Paste your Zod schema code in the input area\n2. Click \"Convert\" to generate the JSON schema\n3. Copy the resulting JSON schema",[],[206],"files",[147,166,178,184,193,204],"counts",{"_216":31,"_217":198,"_218":31,"_219":31},"pulls","branches","forks","envVars","contents",[],{"_106":167,"_98":168,"_150":169,"_152":151,"_153":137,"_154":170,"_156":157,"_108":223,"_103":172,"_159":173,"_161":174,"_162":27,"_163":-5,"_101":224},["D",1748375181066],[149,168],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_96":97,"_98":99,"_100":42,"_101":102,"_104":230,"_189":234,"_237":238,"_249":250,"_255":-7,"_256":31,"_257":27},{"_106":107,"_98":99,"_108":231,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":-5,"_118":27,"_119":-5,"_120":31,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":27,"_21":232,"_134":233},["D",1748375088806],{"_96":97,"_132":133},{"_103":136,"_98":42,"_106":137,"_138":107,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":99,"_144":97},{"_106":167,"_98":168,"_150":169,"_152":151,"_153":137,"_154":170,"_156":157,"_108":235,"_103":172,"_159":173,"_161":174,"_162":27,"_163":-5,"_101":236},["D",1748375181066],[149,168],"history",[239,241,246],{"_106":167,"_153":137,"_150":169,"_98":168,"_161":174,"_159":173,"_103":172,"_152":151,"_108":240,"_154":170,"_163":-5},["D",1748375181066],{"_106":242,"_153":137,"_150":169,"_98":168,"_161":243,"_159":173,"_103":198,"_152":151,"_108":244,"_154":245,"_163":-5},"329194e2-3b33-11f0-bcd4-9e149126039e","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API endpoint to convert Zod to JSON Schema\napp.post(\"/api/convert\", async c => {\n try {\n const { zodCode } = await c.req.json();\n \n if (!zodCode || typeof zodCode !== 'string') {\n return c.json({ error: \"Invalid input: zodCode is required\" }, 400);\n }\n\n // Convert Zod code to JSON schema\n const schema = await convertZodToJsonSchema(zodCode);\n \n return c.json({ schema });\n } catch (error) {\n console.error(\"Conversion error:\", error);\n return c.json({ \n error: error instanceof Error ? error.message : \"Conversion failed\" \n }, 400);\n }\n});\n\nasync function convertZodToJsonSchema(zodCode: string) {\n // Import zod and zod-to-json-schema\n const { z } = await import(\"https://esm.sh/zod@3.22.4\");\n const { zodToJsonSchema } = await import(\"https://esm.sh/zod-to-json-schema@3.22.4\");\n \n // Create a safe execution context\n const context = {\n z,\n zodToJsonSchema,\n console: {\n log: () => {}, // Disable console.log in user code\n error: () => {},\n warn: () => {},\n }\n };\n \n // Extract schema variable names from the code\n const schemaMatches = zodCode.match(/(?:const|let|var)\\s+(\\w+)\\s*=\\s*z\\./g);\n if (!schemaMatches) {\n throw new Error(\"No Zod schema found. Make sure to define a schema like 'const MySchema = z.object(...)'\");\n }\n \n // Get the last schema name (most likely the main one)\n const lastMatch = schemaMatches[schemaMatches.length - 1];\n const schemaName = lastMatch.match(/(?:const|let|var)\\s+(\\w+)/)?.[1];\n \n if (!schemaName) {\n throw new Error(\"Could not extract schema name\");\n }\n \n try {\n // Create a function that executes the user code and returns the schema\n const codeToExecute = `\n ${zodCode}\n return ${schemaName};\n `;\n \n const func = new Function('z', 'console', codeToExecute);\n const zodSchema = func(z, context.console);\n \n if (!zodSchema || typeof zodSchema._def === 'undefined') {\n throw new Error(`${schemaName} is not a valid Zod schema`);\n }\n \n // Convert to JSON schema\n const jsonSchema = zodToJsonSchema(zodSchema, schemaName);\n \n return jsonSchema;\n } catch (error) {\n if (error instanceof SyntaxError) {\n throw new Error(`Syntax error in Zod code: ${error.message}`);\n }\n throw new Error(`Error processing Zod schema: ${error instanceof Error ? error.message : 'Unknown error'}`);\n }\n}\n\nexport default app.fetch;",["D",1748375152617],5,{"_106":247,"_153":137,"_150":169,"_98":168,"_161":243,"_159":199,"_103":31,"_152":151,"_108":248,"_154":155,"_163":-5},"313564e8-3b33-11f0-bf8f-9e149126039e",["D",1748375150331],"versions",[251,253,254],{"_189":239,"_252":241},"previous",{"_189":241,"_252":246},{"_189":246,"_252":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for index.ts