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;","deleted","label","children",[],[159],{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":182,"_166":167,"_108":183,"_102":184,"_170":171,"_172":185,"_174":22,"_175":-5,"_176":186,"_100":187},"8346920a-ffde-11f0-aae8-42dde27851f2","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}",[],[101],{"_106":189,"_97":190,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":192,"_102":169,"_170":171,"_172":193,"_174":22,"_175":-5,"_176":194,"_100":195},"85d5daa8-ffed-11f0-afe0-42dde27851f2","new-file-2488.ts","1ea9b960-ffe5-11f0-9583-42dde27851f2",["D",1770005606608],"/**\n * Backend HTTP val (Hono) that:\n * - exposes /api/memories CRUD routes (SQLite via ./database/queries.js)\n * - serves the React frontend from / (index.html)\n * - serves frontend assets from /public/* (maps to /dashboard/frontend/*)\n */\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport {\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nimport {\n createMemory,\n deleteMemory,\n getAllMemories,\n updateMemory,\n} from \"./database/queries.js\";\n\nconst app = new Hono();\n\n// Better error output: if the browser wants HTML, return HTML; otherwise JSON.\napp.onError((err, c) => {\n console.error(\"Error in Hono route:\", err);\n\n const accept = c.req.header(\"accept\") ?? \"\";\n const wantsHtml = accept.includes(\"text/html\");\n\n if (wantsHtml) {\n const msg = String(err?.stack ?? err?.message ?? err);\n return c.html(\n `

${msg}

`,\n 500,\n );\n }\n\n return c.json(\n { error: \"Internal Server Error\", details: err?.message ?? String(err) },\n 500,\n );\n});\n\n// --- Helpers (Blob reading + content types) ---\n\nasync function blobToBytes(data) {\n // Val Town blob.get can return a Response (stream). If so, read it directly.\n if (data instanceof Response) {\n return new Uint8Array(await data.arrayBuffer());\n }\n // Otherwise treat as BodyInit-ish.\n return new Uint8Array(await new Response(data).arrayBuffer());\n}\n\nfunction contentTypeFor(filename) {\n const lower = String(filename).toLowerCase();\n if (lower.endsWith(\".png\")) return \"image/png\";\n if (lower.endsWith(\".jpg\") || lower.endsWith(\".jpeg\")) return \"image/jpeg\";\n if (lower.endsWith(\".gif\")) return \"image/gif\";\n if (lower.endsWith(\".svg\")) return \"image/svg+xml\";\n if (lower.endsWith(\".webp\")) return \"image/webp\";\n return \"application/octet-stream\";\n}\n\n// --- API Routes for Memories ---\n\napp.get(\"/api/memories\", async (c) => {\n const memories = await getAllMemories();\n return c.json(memories);\n});\n\napp.post(\"/api/memories\", async (c) => {\n /** @type {{date?: (string|null), text?: string, createdBy?: (string|null), createdDate?: (number|null), tags?: (string|null)}} */\n const body = await c.req.json();\n\n if (!body?.text) {\n return c.json({ error: \"Memory text cannot be empty\" }, 400);\n }\n\n const newMemory = await createMemory(body);\n return c.json(newMemory, 201);\n});\n\napp.put(\"/api/memories/:id\", async (c) => {\n const id = c.req.param(\"id\");\n\n /** @type {Partial<{date: (string|null), text: string, createdBy: (string|null), createdDate: (number|null), tags: (string|null)}>} */\n const body = await c.req.json();\n\n if (!body || Object.keys(body).length === 0) {\n return c.json({ error: \"No update fields provided\" }, 400);\n }\n\n await updateMemory(id, body);\n return c.json({ success: true });\n});\n\napp.delete(\"/api/memories/:id\", async (c) => {\n const id = c.req.param(\"id\");\n\n await deleteMemory(id);\n return c.json({ success: true });\n});\n\n// --- Blob Image Serving Routes ---\n\napp.get(\"/api/blob_keys\", async (c) => {\n const keys = await blob.list();\n return c.json({ keys });\n});\n\napp.get(\"/api/images/:filename\", async (c) => {\n const filename = c.req.param(\"filename\");\n\n let data;\n try {\n data = await blob.get(filename);\n } catch {\n // blob.get can throw ValTownBlobNotFoundError; return a clean 404\n return c.json({ error: \"Image not found\" }, 404);\n }\n if (!data) return c.json({ error: \"Image not found\" }, 404);\n\n const bytes = await blobToBytes(data);\n\n return new Response(bytes, {\n headers: {\n \"Content-Type\": contentTypeFor(filename),\n // Turn off caching while you’re iterating\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\napp.get(\"/api/images_debug/:filename\", async (c) => {\n const filename = c.req.param(\"filename\");\n\n let data;\n try {\n data = await blob.get(filename);\n } catch {\n return c.json({ ok: false, error: \"not found\" }, 404);\n }\n if (!data) return c.json({ ok: false, error: \"not found\" }, 404);\n\n const bytes = await blobToBytes(data);\n\n // Magic bytes checks (no string formatting edge cases)\n const isPng = bytes.length >= 8 &&\n bytes[0] === 0x89 &&\n bytes[1] === 0x50 &&\n bytes[2] === 0x4e &&\n bytes[3] === 0x47 &&\n bytes[4] === 0x0d &&\n bytes[5] === 0x0a &&\n bytes[6] === 0x1a &&\n bytes[7] === 0x0a;\n\n const isJpeg = bytes.length >= 3 && bytes[0] === 0xff && bytes[1] === 0xd8 &&\n bytes[2] === 0xff;\n\n // WEBP starts with \"RIFF....WEBP\"\n const isWebp = bytes.length >= 12 &&\n bytes[0] === 0x52 &&\n bytes[1] === 0x49 &&\n bytes[2] === 0x46 &&\n bytes[3] === 0x46 &&\n bytes[8] === 0x57 &&\n bytes[9] === 0x45 &&\n bytes[10] === 0x42 &&\n bytes[11] === 0x50;\n\n let detected = \"unknown\";\n if (isPng) detected = \"png\";\n else if (isJpeg) detected = \"jpeg\";\n else if (isWebp) detected = \"webp\";\n\n const first16 = Array.from(bytes.slice(0, 16))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\" \");\n\n return c.json({\n ok: true,\n filename,\n byteLength: bytes.byteLength,\n first16,\n detected,\n looksLikePng: isPng,\n contentType: contentTypeFor(filename),\n });\n});\n\n// --- (Optional) Debug route ---\n// Handy to confirm you’re hitting the correct HTTP val.\napp.get(\"/__debug\", (c) => {\n return c.json({\n ok: true,\n hint:\n \"Try /, /public/index.tsx, /public/components/App.tsx, /public/style.css\",\n url: c.req.url,\n });\n});\n\n// --- Static File Serving (Frontend) ---\n\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/dashboard/frontend/index.html\", import.meta.url);\n\n // OPTIONAL: bootstrap initial data like the Stevens demo template.\n // If your memories table is large, you might want to remove this and let the\n // frontend fetch instead.\n try {\n const memories = await getAllMemories();\n const initial = ``;\n html = html.replace(\"\", `${initial}`);\n } catch (e) {\n console.warn(\"Failed to bootstrap __INITIAL_DATA:\", e);\n }\n\n // Inject view source link\n const viewSourceLink = import.meta.url.replace(\"esm.town\", \"val.town\");\n const viewSourceTag =\n `View Source`;\n html = html.replace(\"\", `${viewSourceTag}`);\n\n return c.html(html);\n});\n\n// Serve all frontend files under /public/*\n// Maps /public/whatever -> /dashboard/frontend/whatever\napp.get(\"/public/*\", (c) => {\n const filePath = c.req.path.replace(/^\\/public/, \"/dashboard/frontend\");\n return serveFile(filePath, import.meta.url);\n});\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;",[],[190],{"_106":197,"_97":198,"_160":199,"_162":-5,"_163":145,"_164":200,"_166":167,"_108":201,"_102":202,"_170":171,"_172":203,"_174":22,"_175":-5,"_176":204,"_100":205},"153c3574-ffe5-11f0-a501-42dde27851f2","new-file-2549.ts","11416d9a-ffe5-11f0-8183-42dde27851f2",16,["D",1770001981714],2,"import { blob } from \"https://esm.town/v/std/blob\";\n\nexport default async function () {\n const keysToDelete = [\n \"[object Object]\",\n \"logbook_bg.png\",\n \"logbook_bg/.png\",\n ];\n\n const results = {};\n for (const k of keysToDelete) {\n try {\n await blob.delete(k);\n results[k] = \"deleted\";\n } catch (e) {\n results[k] = `not deleted: ${e?.name ?? \"error\"} ${\n e?.message ?? String(e)\n }`;\n }\n }\n\n const listed = await blob.list();\n return { ok: true, results, remaining: listed };\n}",[],[198],"files",[157,179,188,196],"counts",{"_210":33,"_211":212,"_213":33,"_214":215,"_218":219},"pulls","branches",1,"forks","envVars",{"_216":33,"_217":33},"count","emptyCount","connections",{"_216":33,"_220":33},"unfilledCount","contents",[],"file",{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":182,"_166":167,"_108":225,"_102":184,"_170":171,"_172":185,"_174":22,"_175":-5,"_100":226},["D",1769999159860],[101],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_95":96,"_97":98,"_99":45,"_102":103,"_100":101,"_104":235,"_155":240,"_206":253,"_223":254,"_221":257,"_258":-5,"_259":-5,"_260":-5,"_261":-5,"_262":263,"_214":-5},{"_106":107,"_97":98,"_108":236,"_110":-5,"_111":22,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":237,"_137":238,"_142":239,"_154":22},["D",1769981487541],{"_95":96,"_135":136},{"_95":96,"_139":136,"_14":116,"_140":141},{"_102":144,"_97":45,"_106":145,"_146":107,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":98,"_153":96},[241,244,247,250],{"_106":158,"_97":159,"_160":161,"_162":-5,"_163":145,"_164":165,"_166":167,"_108":168,"_102":169,"_170":171,"_172":173,"_174":22,"_175":-5,"_176":242,"_100":243},[],[159],{"_106":180,"_97":101,"_160":181,"_162":-5,"_163":145,"_164":182,"_166":167,"_108":183,"_102":184,"_170":171,"_172":185,"_174":22,"_175":-5,"_176":245,"_100":246},[],[101],{"_106":189,"_97":190,"_160":191,"_162":-5,"_163":145,"_164":103,"_166":22,"_108":192,"_102":169,"_170":171,"_172":193,"_174":22,"_175":-5,"_176":248,"_100":249},[],[190],{"_106":197,"_97":198,"_160":199,"_162":-5,"_163":145,"_164":200,"_166":167,"_108":201,"_102":202,"_170":171,"_172":203,"_174":22,"_175":-5,"_176":251,"_100":252},[],[198],[241,244,247,250],{"_106":180,"_163":145,"_160":181,"_97":101,"_172":185,"_170":171,"_102":184,"_162":-5,"_108":255,"_164":182,"_175":-5,"_100":256},["D",1769999159860],[101],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

emdu_07

uploadScenepng