\n \n\n",[],[173,179],{"_102":187,"_95":188,"_143":189,"_145":174,"_146":132,"_147":131,"_149":150,"_104":190,"_99":191,"_152":192,"_154":193,"_155":27,"_156":-5,"_157":194,"_98":195},"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();",[],[173,188],[173],{"_102":198,"_95":199,"_143":200,"_145":-5,"_146":132,"_147":191,"_149":150,"_104":201,"_99":31,"_152":182,"_154":202,"_155":27,"_156":-5,"_157":203,"_98":204},"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",[],[199],"files",[140,159,171,177,186,197],"counts",{"_209":31,"_210":191,"_211":31,"_212":31},"pulls","branches","forks","envVars","contents",[215,218,221],{"_102":141,"_95":142,"_143":144,"_145":-5,"_146":132,"_147":148,"_149":150,"_104":216,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_98":217},["D",1748375150331],[142],{"_102":172,"_95":173,"_143":174,"_145":-5,"_146":132,"_147":165,"_149":150,"_104":219,"_99":31,"_152":153,"_154":-5,"_155":27,"_156":-5,"_98":220},["D",1748375113532],[173],{"_102":198,"_95":199,"_143":200,"_145":-5,"_146":132,"_147":191,"_149":150,"_104":222,"_99":31,"_152":182,"_154":202,"_155":27,"_156":-5,"_98":223},["D",1748375109282],[199],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history",{"_93":94,"_95":96,"_97":41,"_100":229,"_233":234,"_283":31,"_284":27},{"_102":103,"_95":96,"_104":230,"_106":-5,"_107":27,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":27,"_115":-5,"_116":31,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":27,"_21":231,"_129":232},["D",1748375088806],{"_93":94,"_127":128},{"_99":131,"_95":41,"_102":132,"_133":103,"_134":-5,"_135":-5,"_136":-5,"_137":-5},"history",[235,240,245,253,262,270,278],{"_143":189,"_99":131,"_104":236,"_146":132,"_205":237},["D",1748375196655],[238],{"_102":187,"_146":132,"_143":189,"_95":188,"_154":193,"_152":192,"_99":191,"_145":174,"_104":236,"_147":131,"_156":-5,"_149":150,"_155":27,"_98":239},[173,188],{"_143":162,"_99":163,"_104":241,"_146":132,"_205":242},["D",1748375181066],[243],{"_102":160,"_146":132,"_143":162,"_95":161,"_154":167,"_152":166,"_99":165,"_145":144,"_104":241,"_147":163,"_156":-5,"_149":150,"_155":27,"_98":244},[142,161],{"_143":162,"_99":246,"_104":247,"_146":132,"_205":248},5,["D",1748375152617],[249],{"_102":250,"_146":132,"_143":162,"_95":161,"_154":251,"_152":166,"_99":191,"_145":144,"_104":247,"_147":246,"_156":-5,"_149":27,"_155":27,"_98":252},"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;",[142,161],{"_143":144,"_99":148,"_104":254,"_146":132,"_205":255},["D",1748375150331],[256,258],{"_102":141,"_146":132,"_143":144,"_95":142,"_154":-5,"_152":153,"_99":31,"_145":-5,"_104":254,"_147":148,"_156":-5,"_149":150,"_155":27,"_98":257},[142],{"_102":259,"_146":132,"_143":162,"_95":161,"_154":251,"_152":192,"_99":31,"_145":144,"_104":260,"_147":148,"_156":-5,"_149":27,"_155":27,"_98":261},"313564e8-3b33-11f0-bf8f-9e149126039e",["D",1748375150331],[142,161],{"_143":189,"_99":263,"_104":264,"_146":132,"_205":265},3,["D",1748375132069],[266],{"_102":267,"_146":132,"_143":189,"_95":188,"_154":268,"_152":192,"_99":31,"_145":174,"_104":264,"_147":263,"_156":-5,"_149":27,"_155":27,"_98":269},"26521cba-3b33-11f0-a834-9e149126039e","/** @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\nimport { z } from 'zod';\n\nconst UserSchema = z.object({\n name: z.string(),\n age: z.number(),\n email: z.string().email()\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();",[173,188],{"_143":180,"_99":165,"_104":271,"_146":132,"_205":272},["D",1748375113532],[273,275],{"_102":178,"_146":132,"_143":180,"_95":179,"_154":183,"_152":182,"_99":31,"_145":174,"_104":271,"_147":165,"_156":-5,"_149":150,"_155":27,"_98":274},[173,179],{"_102":172,"_146":132,"_143":174,"_95":173,"_154":-5,"_152":153,"_99":31,"_145":-5,"_104":276,"_147":165,"_156":-5,"_149":150,"_155":27,"_98":277},["D",1748375113532],[173],{"_143":200,"_99":191,"_104":279,"_146":132,"_205":280},["D",1748375109282],[281],{"_102":198,"_146":132,"_143":200,"_95":199,"_154":202,"_152":182,"_99":31,"_145":-5,"_104":279,"_147":191,"_156":-5,"_149":150,"_155":27,"_98":282},[199],"page","hasNext","routes/_app","actionData","errors"]

History