File Upload Dashboard

📁 File Upload Dashboard

\n\n

\n \n

Upload File

\n\n \n

Uploaded Files

\n\n

\n\n \n \n \n","label",[18],"pulls","branches","forks","envVars",{"_189":26,"_191":26},"connections",{"_189":26,"_190":26},"count","unfilledCount","emptyCount",{"_36":217,"_13":109,"_64":211,"_46":-5,"_38":39,"_175":218,"_176":169,"_40":219,"_42":43,"_67":220,"_178":-5,"_69":24,"_180":-5,"_202":221,"_17":222},{"_36":208,"_13":209,"_64":210,"_46":211,"_38":39,"_175":212,"_176":169,"_40":213,"_42":83,"_67":21,"_178":214,"_69":24,"_180":-5,"_202":215,"_17":216},{"_36":174,"_13":18,"_64":65,"_46":-5,"_38":39,"_175":97,"_176":169,"_40":205,"_42":90,"_67":21,"_178":179,"_69":24,"_180":-5,"_202":206,"_17":207},{"_36":196,"_13":197,"_64":198,"_46":-5,"_38":39,"_175":138,"_176":169,"_40":199,"_42":97,"_67":200,"_178":201,"_69":24,"_180":14,"_202":203,"_17":204},"7933326a-6c06-4802-aee9-021099496b9d","index.tsx","cae17a6a-7a7e-11f1-b5d9-1607ee4eb77e",["D",1783485257288],"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"./index.html\"));\n\n// Serve static files\napp.get(\"/public/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/api/blobs\", async (c) => {\n const prefix = \"k_\";\n\n const limit = parseInt(c.req.query(\"limit\")) || 10;\n const page = parseInt(c.req.query(\"page\")) || 1;\n\n const blobs = await blob.list(prefix);\n const subset = blobs.slice((page - 1) * limit, page * limit);\n const items = subset.map((b) => ({\n id: b.key,\n title: b.key,\n description: \"TBD\",\n }));\n console.log(items);\n return c.json(items);\n});\n\napp.get(\"/api/blobs/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const kblob = await blob.get(key);\n\n const text = await kblob.text();\n\n return c.text(text);\n});\n\napp.post(\"/api/blobs/upload\", async (c) => {\n try {\n const body = await c.req.parseBody();\n const file = body.file;\n const title = body.title;\n const description = body.description;\n\n if (!file || !(file instanceof File)) {\n return c.json({ error: \"No file provided\" }, 400);\n }\n if (!title || typeof title !== \"string\") {\n return c.json({ error: \"Title is required\" }, 400);\n }\n\n console.log(`📂 Processing file: ${file.name} (${file.size} bytes)`);\n\n // Load file bytes into an in-memory buffer\n //const arrayBuffer = await file.arrayBuffer();\n //const fileBytes = new Uint8Array(arrayBuffer);\n //const readableStream = new Blob([fileBytes]).stream();\n await blob.set(\"k_\" + title, file.stream());\n\n return c.json({\n success: true,\n });\n } catch (err: any) {\n console.error(\"File upload failed:\", err);\n return c.json({\n error: \"File upload failed\",\n details: err.message,\n }, 500);\n }\n});\n\nexport default app.fetch;","children",[],[197],["D",1783482276704],[],[18],"f0b5d3e5-f3c7-4070-94e5-9e6d7fa38a2c","kblob.html","fd70eee6-7a85-11f1-a2b8-1607ee4eb77e","efbe2368-7a85-11f1-932a-1607ee4eb77e",19,["D",1783485143510],"\n\n \n \n \n Markdown Fetcher\n\n \n \n\n \n \n \n \n \n

Loading markdown...

\n\n \n \n",[],[109,209],"42be247d-39f5-45f5-8c0e-61082e86d596",15,["D",1783485112311],"directory",[193],[109],["D",1783479887074],{"_11":12,"_151":72},{"_11":12,"_147":-5,"_71":72,"_30":70,"_148":149,"_150":24},{"_42":138,"_13":16,"_36":39,"_139":104,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":14,"_146":12},"ctx",{"_54":-5,"_171":260,"_261":262,"_263":264,"_265":24,"_266":24,"_267":24,"_268":169,"_269":-5,"_270":-7,"_271":-7,"_272":26,"_273":24,"_274":24,"_275":-5,"_276":24,"_277":24,"_278":24,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":16,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · index.html