Zon File Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_229":230,"_231":232},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_172":-5,"_20":173,"_22":174,"_175":176,"_177":178,"_25":179,"_19":180,"_181":182,"_183":184,"_185":50,"_186":187,"_188":86,"_189":-5,"_190":-5,"_191":192},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_19":24,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","dinavinter","name","registry-vals","branchName","main","version","path","file","project",{"_35":129,"_13":14,"_37":130,"_48":-5,"_131":50,"_51":52,"_132":52,"_133":-5,"_134":-5,"_135":136,"_137":62,"_138":86,"_139":86,"_140":-5,"_141":106,"_54":55,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":156,"_157":158,"_159":160,"_49":50},"tree",[75,76,77,78,79,80],{"_35":58,"_59":60,"_61":62,"_13":19,"_63":64,"_65":66,"_17":67,"_68":-5,"_37":69,"_70":71,"_72":73,"_18":74},"contents",[],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":12,"_54":55,"_56":57},"pull","ahead",1,"behind",100,"envVars","id","11ccc098-4389-11f0-8ad2-76b3cceeab13","createdAt",["D",1749291643665],"updatedAt",["D",1774379880053],"projectId","11cc7534-4389-11f0-8ad2-76b3cceeab13",249,"forkedBranchId","forkedBranchVersion","lockfileKey","1782750619429-esm.town_v_dinavinter_registry@249-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","b636164b-34c9-4e0c-9d39-dd3dc6f25436","projectName","registry","a18de5b4-43a1-11f0-a132-76b3cceeab13","branchId","005d992c-4398-11f0-af40-76b3cceeab13","fileId","43f22260-4399-11f0-9b6d-76b3cceeab13","content","/** @jsxImportSource npm:hono@latest/jsx */\n\nimport { Hono } from \"npm:hono\";\nimport { Context } from \"npm:hono\";\nimport { createMiddleware } from \"npm:hono/factory\";\nimport { PropsWithChildren } from \"npm:hono/jsx\";\nimport { jsxRenderer } from \"npm:hono/jsx-renderer\";\nimport config from \"./config.json\" with { type: \"json\" };\n\nimport ValTown from \"npm:@valtown/sdk\";\n\nconst app = new Hono();\n\n// File type definitions from config\ninterface FileType {\n name: string;\n extension: string;\n icon: string;\n color: string;\n description: string;\n template: string;\n}\n\nconst FILE_TYPES: Record = config.fileTypes || {};\n\n// Helper function to detect file type\nfunction detectFileType(filename: string, valType?: string): FileType {\n if (valType && FILE_TYPES[valType]) {\n return FILE_TYPES[valType];\n }\n\n const extension = filename.split(\".\").pop()?.toLowerCase();\n\n // Check by extension\n for (const [key, type] of Object.entries(FILE_TYPES)) {\n if (type.extension === extension) {\n return type;\n }\n }\n\n // Default to TypeScript if available, otherwise first available type\n return FILE_TYPES.ts || Object.values(FILE_TYPES)[0] || {\n name: \"File\",\n extension: \"txt\",\n icon: \"file\",\n color: \"gray\",\n description: \"Generic file\",\n template: \"\",\n };\n}\n\n// JSX renderer setup\napp.use(\n \"*\",\n jsxRenderer(({ children }: PropsWithChildren) => {\n return (\n \n \n Zon File Editor\n \n \n \n \n \n \n \n \n

{children}

\n \n \n \n \n {children}\n \n \n \n \n {children}\n