File Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_280":281,"_282":283},"routes/_app.x.$handle.$name",{"_93":92,"_32":43,"_101":83,"_27":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":26,"_116":117,"_118":24,"_119":-5,"_120":-5,"_121":122},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":26,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":54,"_55":24,"_56":24,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":26},"version",212,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":26},"previous","deleted",true,"deletedHere",false,"path","file.default","latestPath","fileId","45a29966-43ab-11f0-ad29-76b3cceeab13","name","fileType","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 { openKv } from \"https://esm.town/v/pomdtr/kv\";\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// Helper function to check if file should be handled by specialized handlers\nfunction isSpecializedFile(filename: string, valType?: string): boolean {\n // HTTP files\n if (valType === \"http\" || valType === \"script\") return true;\n \n // Cron files\n if (valType === \"interval\" || valType === \"cron\") return true;\n \n // Email files\n if (valType === \"email\") return true;\n \n // README/Markdown files\n const lowerFilename = filename.toLowerCase();\n if (lowerFilename.includes(\"readme\") || lowerFilename.endsWith(\".md\") || valType === \"md\") return true;\n \n return false;\n}\n\n// JSX renderer setup\napp.use(\n \"*\",\n jsxRenderer(({ children }: PropsWithChildren) => {\n return (\n \n \n 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}

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

{children}

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

{children}

Diff · v212