Zon File Gallery

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",99,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","zon","latestPath","fileId","11ce74ec-4389-11f0-8ad2-76b3cceeab13","name","fileType","http","content","/** @jsxImportSource npm:hono@latest/jsx */\nimport ValTown from \"npm:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport { PropsWithChildren } from \"npm:hono/jsx\";\nimport { jsxRenderer } from \"npm:hono/jsx-renderer\";\n\nconst app = new Hono();\n\n// File type definitions\ntype TypeInfo = {\n icon: string;\n color: string;\n name: string;\n};\nconst FILE_TYPE_CONFIG = {\n http: { icon: \"globe\", color: \"green\", name: \"HTTP\" },\n cron: { icon: \"clock\", color: \"blue\", name: \"Cron\" },\n interval: { icon: \"clock\", color: \"blue\", name: \"Cron\" },\n\n email: { icon: \"mail\", color: \"purple\", name: \"Email\" },\n json: { icon: \"file-json\", color: \"yellow\", name: \"JSON\" },\n ts: { icon: \"file-code\", color: \"blue\", name: \"TypeScript\" },\n js: { icon: \"file-code\", color: \"yellow\", name: \"JavaScript\" },\n md: { icon: \"file-text\", color: \"gray\", name: \"Markdown\" },\n default: { icon: \"file\", color: \"gray\", name: \"File\" },\n} as Record;\n\ntype File = {\n name: string;\n type: string;\n description: string;\n path: string;\n likeCount: number;\n referenceCount: number;\n fileName: string;\n};\n\nfunction getFileTypeInfo(file: File): TypeInfo {\n const fileName = file.name || file.path || file.fileName;\n const extension = fileName?.split(\".\").pop()?.toLowerCase();\n const type: keyof typeof FILE_TYPE_CONFIG = file.type === \"file\" ? extension ?? \"default\" : file.type ?? \"default\";\n\n console.log({ type, fileName, extension, config: FILE_TYPE_CONFIG[type] });\n\n // Check by val type first\n return FILE_TYPE_CONFIG[type] || FILE_TYPE_CONFIG.default;\n}\n\napp.use(\n \"/*\",\n jsxRenderer(({ children }: PropsWithChildren) => {\n return (\n \n \n \n \n Zon File Gallery\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}

Diff · v99