[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":120,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",24,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","new-file-2488.ts","latestPath","fileId","1ea9b960-ffe5-11f0-9583-42dde27851f2","name","fileType","http","content","import { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst app = new Hono();\n\napp.onError((err, c) => {\n console.error(err);\n return c.text(String(err?.stack ?? err?.message ?? err), 500);\n});\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\nasync function blobToBytes(data: unknown): Promise {\n // In Val Town, blob.get(...) can return a Response (stream)\n if (data instanceof Response) {\n return new Uint8Array(await data.arrayBuffer());\n }\n // Otherwise, treat it as BodyInit-ish\n return new Uint8Array(await new Response(data as BodyInit).arrayBuffer());\n}\n\nfunction contentTypeFor(key: string) {\n if (key.endsWith(\".png\")) return \"image/png\";\n if (key.endsWith(\".jpg\") || key.endsWith(\".jpeg\")) return \"image/jpeg\";\n if (key.endsWith(\".webp\")) return \"image/webp\";\n return \"application/octet-stream\";\n}\n\napp.get(\"/\", (c) =>\n c.html(`\n

Upload logbook background

\n \n

Inspect logbook_bg.png

List keys

\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 // ✅ Force raw bytes; never pass File/Response/Object into blob.set\n const bytes = new Uint8Array(await file.arrayBuffer());\n\n // overwrite\n try {\n await blob.delete(key);\n } catch {}\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\n const first16 = Array.from(bytes.slice(0, 16))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\" \");\n\n const looksLikePng = first16.startsWith(\"89 50 4e 47 0d 0a 1a 0a\");\n\n return c.json({\n ok: true,\n key,\n byteLength: bytes.byteLength,\n first16,\n looksLikePng,\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\": \"image/png\",\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\nexport default app.fetch;","/**\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;","createdAt",["D",1770004806160],"branchVersion","branchId","5dbfbf44-ffb5-11f0-bf74-42dde27851f2","id","5dbf5266-ffb5-11f0-bf74-42dde27851f2","uploadScenepng",["D",1769981487541],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019bcfa3-cdfc-70ea-9450-feb48ee938e5","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019bcfa3-cdfc-70ea-9451-0150afac3039","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",26,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","emdu_07","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOFB4bUFwaHpVUVhxVUM2Z3ZTN3lEMFRzNGQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":187,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":188,"_78":189,"_80":190,"_82":25},"tree",[170,171,172,173],"files",[170,171,172,173],"counts",{"_159":60,"_160":161,"_162":60,"_163":164,"_165":166},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":151,"_32":152,"_30":153,"_132":-5,"_41":42,"_40":154,"_134":120,"_38":155,"_13":156,"_33":34,"_35":157,"_24":25,"_138":-5,"_27":158},{"_43":144,"_32":145,"_30":146,"_132":-5,"_41":42,"_40":142,"_134":120,"_38":147,"_13":148,"_33":34,"_35":149,"_24":25,"_138":-5,"_27":150},{"_43":140,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":25,"_38":141,"_13":142,"_33":34,"_35":37,"_24":25,"_138":-5,"_27":143},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":120,"_38":135,"_13":136,"_33":34,"_35":137,"_24":25,"_138":-5,"_27":139},"153c3574-ffe5-11f0-a501-42dde27851f2","new-file-2549.ts","11416d9a-ffe5-11f0-8183-42dde27851f2","parentId",16,"latest",["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}","label",[130],"a8bd5a7a-ffeb-11f0-bb84-42dde27851f2",["D",1770004806160],7,[28],"8346920a-ffde-11f0-aae8-42dde27851f2","main1.ts","712c3d40-ffde-11f0-b1d9-42dde27851f2",["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}",[145],"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;",[152],"pulls","branches",1,"forks","envVars",{"_167":60,"_169":60},"connections",{"_167":60,"_168":60},"count","unfilledCount","emptyCount",{"_43":151,"_32":152,"_30":153,"_132":-5,"_41":42,"_40":154,"_134":120,"_38":184,"_13":156,"_33":34,"_35":157,"_24":25,"_138":-5,"_175":185,"_27":186},{"_43":144,"_32":145,"_30":146,"_132":-5,"_41":42,"_40":142,"_134":120,"_38":181,"_13":148,"_33":34,"_35":149,"_24":25,"_138":-5,"_175":182,"_27":183},{"_43":140,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_134":25,"_38":178,"_13":142,"_33":34,"_35":37,"_24":25,"_138":-5,"_175":179,"_27":180},{"_43":129,"_32":130,"_30":131,"_132":-5,"_41":42,"_40":133,"_134":120,"_38":174,"_13":136,"_33":34,"_35":137,"_24":25,"_138":-5,"_175":176,"_27":177},["D",1770001981714],"children",[],[130],["D",1770004806160],[],[28],["D",1769999159860],[],[145],["D",1770001530650],[],[152],["D",1769981487541],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_122":224,"_225":226,"_227":228,"_229":25,"_230":25,"_231":25,"_232":120,"_233":-5,"_234":-7,"_235":-7,"_236":60,"_237":25,"_238":25,"_239":-5,"_240":25,"_241":25,"_242":25,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":84,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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"]

Diff · v24