Zon File Gallery

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_102":103,"_104":105},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","dinavinter","name","registry","path","zon","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":-5,"_53":-5,"_54":55,"_56":57,"_58":32,"_59":32,"_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":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":14,"_13":44},"permalink","https://www.val.town/x/dinavinter/registry/code/zon","extension","id","1f80af46-43a8-11f0-9029-76b3cceeab13","fileId","11ce74ec-4389-11f0-8ad2-76b3cceeab13","parentId","branchId","11ccc098-4389-11f0-8ad2-76b3cceeab13","branchVersion",192,"latest",true,"createdAt",["D",1749304981049],"version",73,"fileType","http","content","/** @jsxImportSource npm:hono@latest/jsx */\n\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { openKv } from \"https://esm.town/v/pomdtr/kv\";\nimport { Hono } from \"npm:hono\";\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\ntype TypeInfo = {\n icon: string;\n color: string;\n name: string;\n};\n\nconst FILE_TYPE_CONFIG = config.fileTypes 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