Zon File Gallery

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_228":229,"_230":231},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_172":-5,"_20":173,"_22":174,"_175":176,"_177":178,"_26":179,"_24":180,"_181":182,"_183":184,"_185":51,"_186":187,"_188":68,"_189":-5,"_190":-5,"_191":192},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","dinavinter","name","registry-vals","branchName","main","version","path","zon","project",{"_36":129,"_13":14,"_38":130,"_49":-5,"_131":51,"_52":53,"_132":53,"_133":-5,"_134":-5,"_135":136,"_137":107,"_138":68,"_139":68,"_140":-5,"_141":101,"_55":56,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":147,"_148":147,"_149":150,"_151":150,"_152":150,"_153":147,"_154":147,"_155":156,"_157":158,"_159":160,"_50":51},"tree",[79,80,81,82,83,84],"file",{"_36":59,"_13":19,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_38":69,"_17":70,"_71":72,"_73":74,"_75":51,"_76":77,"_18":78},"contents",[],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"pull","ahead",1,"behind",100,"envVars","id","11ccc098-4389-11f0-8ad2-76b3cceeab13","createdAt",["D",1749291643665],"updatedAt",["D",1774379880053],"projectId","11cc7534-4389-11f0-8ad2-76b3cceeab13",249,"forkedBranchId","forkedBranchVersion","lockfileKey","1782750619429-esm.town_v_dinavinter_registry@249-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","b636164b-34c9-4e0c-9d39-dd3dc6f25436","projectName","registry","f01a2916-439e-11f0-932b-76b3cceeab13","fileId","2f0b5fba-fe86-4187-a1f0-750f8e887925","parentId","branchId","005d992c-4398-11f0-af40-76b3cceeab13","branchVersion",5,"latest",true,["D",1749301036051],2,"fileType","http","content","/** @jsxImportSource npm:hono@latest/jsx */\n\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport ValTown from \"npm:@valtown/sdk\";\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 \n \n \n \n {children}\n \n \n \n \n \n \n

{children}