JSON Schema Viewer

\n \n\n",[],[93,103],"9b615a28-3419-11f0-80de-9e149126039e","app.jsx","689e25c6-3419-11f0-8330-9e149126039e",26,["D",1747594503410],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\n\n// Import Material UI components\nimport { \n ThemeProvider, \n createTheme, \n CssBaseline \n} from 'https://esm.sh/@material-ui/core@4.12.4?deps=react@18.2.0,react-dom@18.2.0';\n\n// Import the Material UI JSON Schema Viewer\nimport SchemaViewer from 'https://esm.sh/material-ui-json-schema-viewer@2.0.0?deps=react@18.2.0,react-dom@18.2.0,@material-ui/core@4.12.4';\n\n// Get the initial data from the window\nconst initialData = window.__INITIAL_DATA__ || { schemaUrl: null };\n\n// Create a theme\nconst theme = createTheme({\n palette: {\n type: 'light',\n background: {\n default: '#f8f9fa',\n paper: '#fff',\n },\n },\n});\n\n// Error component\nconst ErrorMessage = ({ message }) => (\n

Error

{message}

\n);\n\n// Loading component\nconst Loading = () => (\n

\n Loading schema...\n

\n);\n\n// Main App component\nconst App = () => {\n const [schema, setSchema] = useState(null);\n const [references, setReferences] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n \n useEffect(() => {\n const fetchSchema = async () => {\n if (!initialData.schemaUrl) {\n setError('No schema URL provided. Use ?url=https://example.com/schema.json');\n return;\n }\n \n setLoading(true);\n try {\n const response = await fetch(`/api/schema?url=${encodeURIComponent(initialData.schemaUrl)}`);\n const data = await response.json();\n \n if (data.error) {\n throw new Error(data.error);\n }\n \n setSchema(data.schema);\n // If the schema has an $id, add it to references\n if (data.schema.$id) {\n setReferences([data.schema]);\n }\n } catch (err) {\n setError(err.message || 'Failed to load schema');\n } finally {\n setLoading(false);\n }\n };\n \n fetchSchema();\n }, []);\n \n if (error) {\n return ;\n }\n \n if (loading) {\n return ;\n }\n \n if (!schema) {\n return ;\n }\n \n return (\n \n \n

\n 0 ? references : undefined} \n />\n

\n \n );\n};\n\n// Render the app\nconst root = createRoot(document.getElementById('root'));\nroot.render();",[],[93,112],"5d03411a-3419-11f0-b369-9e149126039e","backend","e29d1567-ea4a-4842-b929-df67bb7a2212",20,["D",1747594398775],[127],[121],{"_33":128,"_13":61,"_35":129,"_37":122,"_38":39,"_40":123,"_42":43,"_44":130,"_17":46,"_47":116,"_48":131,"_50":51,"_52":-5,"_69":132,"_18":133},"5d031fbe-3419-11f0-b369-9e149126039e","5d032068-3419-11f0-b369-9e149126039e",["D",1747594398775],"import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/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 from the frontend directory\napp.get('/frontend/*', c => serveFile(c.req.path, import.meta.url));\n\n// API endpoint to fetch a JSON schema\napp.get('/api/schema', async c => {\n const url = c.req.query('url');\n \n if (!url) {\n return c.json({ error: 'No URL provided' }, 400);\n }\n \n try {\n const response = await fetch(url);\n if (!response.ok) {\n throw new Error(`Failed to fetch schema: ${response.status} ${response.statusText}`);\n }\n const schema = await response.json();\n return c.json({ schema });\n } catch (error) {\n console.error(\"Error fetching schema:\", error);\n return c.json({ error: `Failed to fetch schema: ${error.message}` }, 500);\n }\n});\n\n// Main route to serve the HTML\napp.get('/', async c => {\n const schemaUrl = c.req.query('url');\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject the schema URL into the HTML\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n \n return c.html(html);\n});\n\nexport default app.fetch;",[],[121,61],"03689be2-3418-11f0-83d4-9e149126039e",["D",1747593818950],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_186":182},"org",{"_11":12,"_180":-5,"_181":182,"_143":144,"_183":184,"_185":51},"branch",{"_17":63,"_13":16,"_33":39,"_172":134,"_173":-5,"_174":-5,"_175":-5,"_176":-5,"_177":-5,"_178":14,"_179":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":134,"_13":14,"_44":244,"_136":-5,"_137":51,"_138":139,"_140":139,"_141":-5,"_142":-5,"_143":144,"_145":62,"_146":43,"_147":43,"_148":-5,"_149":46,"_150":151,"_152":-5,"_153":-5,"_154":-5,"_155":-5,"_156":157,"_158":157,"_159":160,"_161":160,"_162":160,"_163":157,"_164":157,"_165":245,"_167":246,"_169":247,"_171":51},[217,219,222,223,224,225],"files",[217,218,219,220,221,222,223,224,225],"counts",{"_208":46,"_209":107,"_210":46,"_32":211,"_212":213},[],{"_33":34,"_38":39,"_35":36,"_13":19,"_48":49,"_47":24,"_17":46,"_37":-5,"_44":206,"_40":41,"_52":-5,"_18":207},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747711224260],[19],"pulls","branches","forks",{"_214":46,"_216":46},"connections",{"_214":46,"_215":46},"count","unfilledCount","emptyCount",{"_33":120,"_13":121,"_35":122,"_37":-5,"_38":39,"_40":123,"_42":43,"_44":124,"_17":46,"_47":97,"_48":-5,"_50":51,"_52":-5,"_69":242,"_18":243},{"_33":128,"_13":61,"_35":129,"_37":122,"_38":39,"_40":123,"_42":43,"_44":130,"_17":46,"_47":116,"_48":131,"_50":51,"_52":-5,"_69":240,"_18":241},{"_33":92,"_13":93,"_35":94,"_37":-5,"_38":39,"_40":95,"_42":43,"_44":96,"_17":46,"_47":97,"_48":-5,"_50":51,"_52":-5,"_69":238,"_18":239},{"_33":111,"_13":112,"_35":113,"_37":94,"_38":39,"_40":114,"_42":43,"_44":115,"_17":107,"_47":116,"_48":117,"_50":51,"_52":-5,"_69":236,"_18":237},{"_33":102,"_13":103,"_35":104,"_37":94,"_38":39,"_40":105,"_42":43,"_44":106,"_17":107,"_47":24,"_48":108,"_50":51,"_52":-5,"_69":234,"_18":235},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":89,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_69":232,"_18":233},{"_33":80,"_13":81,"_35":82,"_37":-5,"_38":39,"_40":83,"_42":43,"_44":84,"_17":85,"_47":24,"_48":86,"_50":51,"_52":-5,"_69":230,"_18":231},{"_33":72,"_13":73,"_35":74,"_37":-5,"_38":39,"_40":75,"_42":43,"_44":76,"_17":46,"_47":24,"_48":77,"_50":51,"_52":-5,"_69":228,"_18":229},{"_33":60,"_13":61,"_35":62,"_37":-5,"_38":39,"_40":63,"_42":43,"_44":64,"_17":65,"_47":66,"_48":67,"_50":51,"_52":68,"_69":226,"_18":227},[],[61],[],[73],[],[81],[],[19],[],[93,103],[],[93,112],[220,221],[93],[],[121,61],[218],[121],["D",1747593818950],{"_11":12,"_186":182},{"_11":12,"_180":-5,"_181":182,"_143":144,"_183":184,"_185":51},{"_17":63,"_13":16,"_33":39,"_172":134,"_173":-5,"_174":-5,"_175":-5,"_176":-5,"_177":-5,"_178":14,"_179":12},"ctx",{"_165":-5,"_203":281,"_282":283,"_284":285,"_286":51,"_287":51,"_288":51,"_289":43,"_290":-5,"_291":-7,"_292":-7,"_293":46,"_294":51,"_295":51,"_296":-5,"_297":51,"_298":51,"_299":51,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":16,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]