Zon File Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_14":17,"_18":19,"_20":-5},"handle","dinavinter","name","registry-vals","path","file","project",{"_21":45,"_11":12,"_32":46,"_47":-5,"_48":41,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":24,"_57":31,"_58":31,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":41},{"_21":22,"_11":14,"_23":24,"_25":-5,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_13":44},"permalink","https://www.val.town/x/dinavinter/registry-vals/code/file","extension","id","a18de5b4-43a1-11f0-a132-76b3cceeab13","fileId","43f22260-4399-11f0-9b6d-76b3cceeab13","parentId","branchId","005d992c-4398-11f0-af40-76b3cceeab13","branchVersion",7,"latest",true,"createdAt",["D",1749302192760],"version",2,"fileType","http","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}