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;",[134],"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}",[141],"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;",[149],"pulls",1,"forks","envVars",{"_163":51,"_165":51},"connections",{"_163":51,"_164":51},"count","unfilledCount","emptyCount",{"_20":148,"_13":149,"_117":150,"_119":-5,"_120":21,"_121":151,"_123":106,"_22":180,"_29":153,"_126":127,"_128":154,"_130":38,"_131":-5,"_171":181,"_87":182},{"_20":140,"_13":141,"_117":142,"_119":-5,"_120":21,"_121":143,"_123":106,"_22":177,"_29":145,"_126":127,"_128":146,"_130":38,"_131":-5,"_171":178,"_87":179},{"_20":133,"_13":134,"_117":135,"_119":-5,"_120":21,"_121":30,"_123":106,"_22":174,"_29":137,"_126":127,"_128":138,"_130":38,"_131":-5,"_171":175,"_87":176},{"_20":115,"_13":116,"_117":118,"_119":-5,"_120":21,"_121":122,"_123":106,"_22":170,"_29":125,"_126":127,"_128":129,"_130":38,"_131":-5,"_171":172,"_87":173},["D",1770001981714],"children",[],[116],["D",1770006964703],[],[134],["D",1769999159860],[],[141],["D",1770001530650],[],[149],["D",1769981487541],{"_11":12,"_85":81},{"_11":12,"_79":-5,"_80":81,"_44":45,"_82":83,"_84":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_74":-5,"_75":-5,"_76":-5,"_77":14,"_78":12},"ctx",{"_67":-5,"_108":220,"_221":222,"_223":224,"_225":38,"_226":38,"_227":38,"_228":106,"_229":-5,"_230":-7,"_231":-7,"_232":51,"_233":38,"_234":38,"_235":-5,"_236":38,"_237":38,"_238":38,"_239":-5},"ENV",{"_191":192,"_193":194,"_195":26,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219},"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"]

Branches1

Branches
1