Upload image to blob

\n \n\n

\n\n

\n List keys\n • \n Inspect logbook_bg.png\n • \n View logbook_bg.png\n

\n `));\n\napp.post(\"/\", async (c) => {\n const form = await c.req.formData();\n const file = form.get(\"file\");\n const key = String(form.get(\"key\") || \"logbook_bg.png\").trim();\n\n if (!(file instanceof File)) return c.text(\"Missing file\", 400);\n if (!key) return c.text(\"Missing key\", 400);\n\n // ✅ Store raw bytes (never pass Response/Object)\n const bytes = new Uint8Array(await file.arrayBuffer());\n\n // overwrite existing if present (ignore error if missing)\n try {\n await blob.delete(key);\n } catch {}\n\n await blob.set(key, bytes);\n\n return c.html(`\n

Uploaded ${key} (${bytes.byteLength} bytes)

Inspect
View
List

Back

\n `);\n});\n\napp.get(\"/list\", async (c) => {\n const keys = await blob.list();\n return c.json(keys);\n});\n\napp.get(\"/inspect/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.json({ ok: false, error: \"not found\" }, 404);\n\n const bytes = await blobToBytes(data);\n const first16 = bytesToHex(bytes, 16);\n\n return c.json({\n ok: true,\n key,\n byteLength: bytes.byteLength,\n first16,\n looksLikePng: isPng(bytes),\n contentType: contentTypeFor(key),\n });\n});\n\napp.get(\"/img/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.text(\"Not found\", 404);\n\n const bytes = await blobToBytes(data);\n\n return new Response(bytes, {\n headers: {\n \"Content-Type\": contentTypeFor(key),\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\nexport default app.fetch;",[128],"8346920a-ffde-11f0-aae8-42dde27851f2","main1.ts","712c3d40-ffde-11f0-b1d9-42dde27851f2",7,["D",1769999159860],3,"import { blob } from \"https://esm.town/v/std/blob\";\n\nexport default async function () {\n const keys = [\"logbook_bg.png\", \"logbook_bg/.png\"];\n\n const results = {};\n for (const key of keys) {\n try {\n await blob.delete(key);\n results[key] = \"deleted\";\n } catch (e) {\n results[key] = `error: ${e?.message ?? String(e)}`;\n }\n }\n\n // Return remaining keys that start with \"logbook_bg\"\n let remaining = [];\n try {\n const listed = await blob.list();\n remaining = (listed || [])\n .map((x) => (typeof x === \"string\" ? x : x.key))\n .filter((k) => k.startsWith(\"logbook_bg\"));\n } catch {\n // ignore list errors\n }\n\n return { ok: true, results, remaining };\n}",[135],"0860366c-ffe4-11f0-952d-42dde27851f2","main.ts","5dc2c1ee-ffb5-11f0-bf74-42dde27851f2",13,["D",1770001530650],8,"import { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst app = new Hono();\n\nfunction hex(u8: Uint8Array, n = 16) {\n return Array.from(u8.slice(0, n))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\" \");\n}\n\napp.get(\"/\", (c) =>\n c.html(`\n

Upload logbook background PNG

\n \n `));\n\napp.post(\"/\", async (c) => {\n const form = await c.req.formData();\n const file = form.get(\"file\");\n const key = String(form.get(\"key\") || \"logbook_bg.png\");\n\n if (!(file instanceof File)) {\n return c.text(`Missing file (got ${typeof file})`, 400);\n }\n\n const buf = await file.arrayBuffer();\n\n // Best-effort delete old key (ignore failures)\n try {\n await blob.delete({ key });\n } catch {}\n\n // ✅ Object form (most compatible): stores real bytes\n await blob.set({ key, value: buf });\n\n return c.html(`\n

Uploaded as ${key}

View image
Debug (check PNG signature)

Upload another

\n `);\n});\n\napp.get(\"/images_debug/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.json({ ok: false, error: \"not found\" }, 404);\n\n const bytes = new Uint8Array(await new Response(data).arrayBuffer());\n const sig8 = hex(bytes, 8);\n\n return c.json({\n ok: true,\n key,\n byteLength: bytes.byteLength,\n first8: sig8,\n looksLikePng: sig8 === \"89 50 4e 47 0d 0a 1a 0a\",\n pngSignature: \"89 50 4e 47 0d 0a 1a 0a\",\n });\n});\n\napp.get(\"/images/:key\", async (c) => {\n const key = c.req.param(\"key\");\n const data = await blob.get(key);\n if (!data) return c.text(\"Not found\", 404);\n\n const bytes = new Uint8Array(await new Response(data).arrayBuffer());\n\n return new Response(bytes, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\nexport default app.fetch;",[143],"pulls","branches",1,"forks","envVars",{"_158":39,"_160":39},"connections",{"_158":39,"_159":39},"count","unfilledCount","emptyCount",{"_18":142,"_20":143,"_111":144,"_113":-5,"_114":65,"_115":145,"_117":100,"_22":175,"_62":147,"_120":121,"_122":148,"_124":26,"_125":-5,"_166":176,"_82":177},{"_18":134,"_20":135,"_111":136,"_113":-5,"_114":65,"_115":137,"_117":100,"_22":172,"_62":139,"_120":121,"_122":140,"_124":26,"_125":-5,"_166":173,"_82":174},{"_18":127,"_20":128,"_111":129,"_113":-5,"_114":65,"_115":63,"_117":100,"_22":169,"_62":131,"_120":121,"_122":132,"_124":26,"_125":-5,"_166":170,"_82":171},{"_18":109,"_20":110,"_111":112,"_113":-5,"_114":65,"_115":116,"_117":100,"_22":165,"_62":119,"_120":121,"_122":123,"_124":26,"_125":-5,"_166":167,"_82":168},["D",1770001981714],"children",[],[110],["D",1770006964703],[],[128],["D",1769999159860],[],[135],["D",1770001530650],[],[143],["D",1769981487541],{"_16":17,"_80":76},{"_16":17,"_74":-5,"_75":76,"_32":33,"_77":78,"_79":26},{"_62":63,"_20":64,"_18":65,"_66":19,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":21,"_73":17},"ctx",{"_55":-5,"_102":215,"_216":217,"_218":219,"_220":26,"_221":26,"_222":26,"_223":100,"_224":-5,"_225":-7,"_226":-7,"_227":39,"_228":26,"_229":26,"_230":-5,"_231":26,"_232":26,"_233":26,"_234":-5},"ENV",{"_186":187,"_188":189,"_190":64,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214},"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"]

Search