Zon File Gallery

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_259":260,"_261":262},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_197":-5,"_20":198,"_22":199,"_200":201,"_202":203,"_26":204,"_24":205,"_206":-5,"_207":-5,"_208":70,"_209":210,"_211":65,"_212":-5,"_213":-5,"_214":215},"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":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dinavinter","name","registry","branchName","main","version","path","zon","project",{"_33":143,"_13":14,"_45":144,"_145":-5,"_146":70,"_147":148,"_149":148,"_150":-5,"_151":-5,"_152":153,"_154":118,"_155":65,"_156":65,"_157":-5,"_158":159,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":176,"_177":178,"_179":180,"_181":70},"tree",[51,52,53,54,55,56,57,58,59],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":42,"_17":43,"_44":-5,"_45":46,"_47":48,"_49":19,"_18":50},"contents",[],"upstream","pull","ahead","behind","envVars","id","1f80af46-43a8-11f0-9029-76b3cceeab13","branchId","11ccc098-4389-11f0-8ad2-76b3cceeab13","fileId","11ce74ec-4389-11f0-8ad2-76b3cceeab13","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 \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}