Zon File Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_98":97,"_33":45,"_106":85,"_28":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":27,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_33":45,"_38":46,"_47":-5,"_48":27,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":25,"_58":25,"_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":27},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":29,"_35":37,"_38":39,"_40":14,"_41":42,"_24":27},"previous",{"_31":32,"_33":29,"_34":29,"_35":36},"deleted",true,"deletedHere",false,"path","http","latestPath","fileId","521b1e39-8f4a-4f0f-8269-f7819b90943a","name","fileType","content","/** @jsxImportSource npm:hono@latest/jsx */\n\nimport { Hono } from \"npm:hono\";\nimport { Context } from \"npm:hono\";\nimport { PropsWithChildren } from \"npm:hono/jsx\";\nimport { jsxRenderer } from \"npm:hono/jsx-renderer\";\n\nimport ValTown from \"npm:@valtown/sdk\";\n\nconst app = new Hono();\n\n// File type definitions\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 = {\n http: {\n name: \"HTTP\",\n extension: \"ts\",\n icon: \"globe\",\n color: \"green\",\n description: \"HTTP endpoint handler\",\n template: `export default async function(req: Request): Promise {\n return new Response(\"Hello World\", {\n headers: { \"Content-Type\": \"text/plain\" }\n });\n}`,\n },\n cron: {\n name: \"Cron\",\n extension: \"ts\",\n icon: \"clock\",\n color: \"blue\",\n description: \"Scheduled task handler\",\n template: `export default async function(interval: Interval) {\n console.log(\"Cron job executed at:\", new Date().toISOString());\n // Your scheduled task logic here\n}`,\n },\n email: {\n name: \"Email\",\n extension: \"ts\",\n icon: \"mail\",\n color: \"purple\",\n description: \"Email handler\",\n template: `export default async function(email: Email) {\n console.log(\"Received email from:\", email.from);\n console.log(\"Subject:\", email.subject);\n console.log(\"Body:\", email.text);\n // Your email processing logic here\n}`,\n },\n json: {\n name: \"JSON\",\n extension: \"json\",\n icon: \"file-json\",\n color: \"yellow\",\n description: \"JSON configuration file\",\n template: `{\n \"name\": \"example\",\n \"version\": \"1.0.0\",\n \"description\": \"JSON configuration file\"\n}`,\n },\n ts: {\n name: \"TypeScript\",\n extension: \"ts\",\n icon: \"file-code\",\n color: \"blue\",\n description: \"TypeScript file\",\n template: `// TypeScript file\nexport function example(): string {\n return \"Hello from TypeScript!\";\n}`,\n },\n js: {\n name: \"JavaScript\",\n extension: \"js\",\n icon: \"file-code\",\n color: \"yellow\",\n description: \"JavaScript file\",\n template: `// JavaScript file\nexport function example() {\n return \"Hello from JavaScript!\";\n}`,\n },\n md: {\n name: \"Markdown\",\n extension: \"md\",\n icon: \"file-text\",\n color: \"gray\",\n description: \"Markdown documentation\",\n template: `# Title\n\nThis is a markdown file.\n\n## Features\n\n- Feature 1\n- Feature 2\n- Feature 3`,\n },\n};\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\n return FILE_TYPES.ts;\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 \n \n

{children}

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

Diff · v3