Zon File Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_258":259,"_260":261},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_197":-5,"_20":198,"_22":199,"_200":201,"_202":203,"_25":204,"_19":205,"_206":-5,"_207":-5,"_208":51,"_209":210,"_211":42,"_212":-5,"_213":-5,"_214":215},"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":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","dinavinter","name","registry","branchName","main","version","path","file","project",{"_32":143,"_13":14,"_43":144,"_145":-5,"_146":51,"_147":148,"_149":148,"_150":-5,"_151":-5,"_152":153,"_154":35,"_155":42,"_156":42,"_157":-5,"_158":159,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":176,"_177":178,"_179":180,"_181":51},"tree",[55,56,57,58,59,60,61,62,63],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":53,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","ab28ee44-43af-11f0-8d50-76b3cceeab13","fileId","49e0cbdc-4389-11f0-b3d1-76b3cceeab13","parentId","branchId","11ccc098-4389-11f0-8ad2-76b3cceeab13","branchVersion",244,"latest",true,"createdAt",["D",1749308221832],78,"fileType","http","content","/** @jsxImportSource npm:hono@latest/jsx */\n\nimport { openKv } from \"https://esm.town/v/pomdtr/kv\";\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\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 \n \n \n \n \n \n

{children}

\n \n \n \n \n \n \n

{children}

\n \n \n \n \n \n \n

{children}