Notes

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_200":201,"_202":203},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_120":-5,"_19":121,"_122":123,"_124":125,"_126":127,"_128":129,"_21":130,"_131":-5,"_132":-5,"_133":24,"_134":135,"_136":137,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","vibench","name","notes-openai-gpt-5-5-e1c22c2c","branchName","main","path","index.html","project",{"_32":69,"_13":14,"_36":70,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":100,"_101":102,"_103":104,"_105":24},"file",{"_61":62,"_13":18,"_63":21,"_64":24,"_68":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","c2a736a7-23f8-46f5-a41b-e2e2f4ab958e","branchId","4495235c-da8d-41ab-9552-d42a9cd29640","createdAt",["D",1783428971992],"version",2,"orgId","019f3c8e-4c18-7004-b524-3ee59b13853d","parentId","2cb625d4-f804-452e-91d4-3b84a08aa971","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":65,"_40":41,"_11":12,"_66":67},{"_61":62,"_13":18,"_63":21,"_64":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","3b188cc8-7a03-11f1-9452-1607ee4eb77e","fileType","deleted","1cb5e0c6-ae85-4bcd-999e-4394b4ef8d27","avatar","","deletedAtVersion","8b54c1b8-7533-48ce-99fd-a78609948d8f",["D",1783428926591],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ViBench-VT: notes built by openai/gpt-5.5","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","8b54c1b8753348ce99fda78609948d8f","tursoHostname","8b54c1b8753348ce99fda78609948d8f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_119":67},"org",{"_11":12,"_115":67,"_66":67,"_30":65,"_116":117,"_118":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":69,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",9,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":69,"_13":14,"_36":195,"_71":-5,"_72":24,"_73":74,"_75":74,"_76":77,"_78":-5,"_30":65,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":85,"_86":87,"_88":196,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":197,"_101":198,"_103":199,"_105":24},"tree",[161,162,163,164],"files",[161,162,163,164],"counts",{"_150":26,"_151":152,"_153":26,"_154":155,"_156":157},"contents",[],{"_32":142,"_13":18,"_61":62,"_42":-5,"_34":35,"_143":39,"_144":137,"_36":145,"_38":26,"_63":21,"_146":147,"_64":24,"_148":-5,"_17":149},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"74a124b1-a6b6-4137-a4e6-bb9549608d1a","branchVersion","latest",["D",1783428971992],"content","\n\n \n \n \n Notes\n \n \n \n \n

\n \n \n\n","label",[18],"pulls","branches",1,"forks","envVars",{"_158":26,"_160":26},"connections",{"_158":26,"_159":26},"count","unfilledCount","emptyCount",{"_32":186,"_13":187,"_61":188,"_42":-5,"_34":35,"_143":106,"_144":137,"_36":189,"_38":190,"_63":191,"_146":192,"_64":24,"_148":-5,"_171":193,"_17":194},{"_32":142,"_13":18,"_61":62,"_42":-5,"_34":35,"_143":39,"_144":137,"_36":183,"_38":26,"_63":21,"_146":147,"_64":24,"_148":-5,"_171":184,"_17":185},{"_32":174,"_13":175,"_61":176,"_42":-5,"_34":35,"_143":177,"_144":137,"_36":178,"_38":152,"_63":179,"_146":180,"_64":24,"_148":-5,"_171":181,"_17":182},{"_32":165,"_13":166,"_61":167,"_42":-5,"_34":35,"_143":168,"_144":137,"_36":169,"_38":152,"_63":21,"_146":170,"_64":24,"_148":-5,"_171":172,"_17":173},"4906edf9-4290-4323-9a20-4b211f6d359e","style.css","3b2d04dc-7a03-11f1-b315-1607ee4eb77e",6,["D",1783429038416],":root {\n color-scheme: light;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n background: #f4f1ea;\n color: #1f2933;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n min-height: 100vh;\n background: radial-gradient(circle at top left, #fff8dc 0, #f4f1ea 34%, #e9edf5 100%);\n}\n\nbutton, input, textarea { font: inherit; }\n\nbutton {\n cursor: pointer;\n border: 0;\n border-radius: 12px;\n padding: 10px 14px;\n font-weight: 700;\n background: #23395b;\n color: #fff;\n box-shadow: 0 8px 20px rgba(35, 57, 91, 0.16);\n}\n\nbutton:hover { background: #17243a; }\nbutton.secondary { background: #ffffff; color: #23395b; border: 1px solid #cbd5e1; box-shadow: none; }\nbutton.danger { background: #b42318; }\nbutton.danger:hover { background: #8f1d15; }\nbutton.linkish { background: transparent; color: #475569; box-shadow: none; padding: 6px 8px; }\n\n.app-shell { max-width: 1040px; margin: 0 auto; padding: 32px 18px; }\n.card { background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(148, 163, 184, 0.35); border-radius: 24px; box-shadow: 0 20px 60px rgba(30, 41, 59, 0.12); }\n.gate { max-width: 420px; margin: 12vh auto 0; padding: 32px; }\n.gate h1, .list-header h1 { margin: 0 0 8px; font-size: 32px; letter-spacing: -0.04em; }\n.muted { color: #64748b; }\n.error { color: #b42318; margin: 8px 0 0; font-weight: 700; }\n.field { width: 100%; padding: 13px 14px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; outline: none; }\n.field:focus, textarea:focus { border-color: #23395b; box-shadow: 0 0 0 3px rgba(35, 57, 91, 0.15); }\n.gate-form { display: grid; gap: 12px; margin-top: 22px; }\n.list-card { overflow: hidden; }\n.list-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 26px; border-bottom: 1px solid #e2e8f0; }\n.search-wrap { padding: 18px 26px; border-bottom: 1px solid #e2e8f0; }\n.notes-list { display: grid; }\n.note-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: stretch; border-bottom: 1px solid #e2e8f0; }\n.note-row:hover { background: #f8fafc; }\n.row-open { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 18px 0 18px 26px; background: transparent; color: inherit; text-align: left; box-shadow: none; border-radius: 0; width: 100%; }\n.row-delete { align-self: center; margin-right: 26px; }\n.note-title { font-size: 18px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.note-preview { margin-top: 4px; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }\n.note-time { color: #475569; font-variant-numeric: tabular-nums; white-space: nowrap; font-size: 14px; }\n.empty { padding: 54px 26px; text-align: center; color: #64748b; }\n.editor-card { min-height: calc(100vh - 64px); display: flex; flex-direction: column; }\n.editor-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px; border-bottom: 1px solid #e2e8f0; }\n.editor-actions { display: flex; gap: 10px; align-items: center; }\n.editor-title { min-width: 0; font-weight: 800; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\ntextarea { flex: 1; width: 100%; min-height: 60vh; resize: none; border: 0; outline: none; padding: 26px; background: rgba(255,255,255,0.72); border-radius: 0 0 24px 24px; line-height: 1.6; font-size: 17px; color: #1e293b; }\n.source-link { display: inline-block; margin-top: 16px; color: #64748b; font-size: 13px; }\n@media (max-width: 720px) {\n .list-header { align-items: flex-start; flex-direction: column; }\n .note-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }\n .editor-bar { align-items: flex-start; flex-direction: column; }\n}\n","children",[],[166],"a8ed0e11-ff65-4426-ad0d-779592728ce7","main.tsx","2011f752-7a03-11f1-adeb-1607ee4eb77e",5,["D",1783429023239],"http","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst PASSWORD = \"my-notes-are-mine\";\n\nlet initialized = false;\n\nasync function init() {\n if (initialized) return;\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS notes_mvp (\n id TEXT PRIMARY KEY,\n body TEXT NOT NULL DEFAULT '',\n updated_at TEXT NOT NULL\n )`);\n initialized = true;\n}\n\nfunction json(data: unknown, status = 200) {\n return Response.json(data, { status });\n}\n\nfunction authorized(req: Request) {\n return req.headers.get(\"x-notes-password\") === PASSWORD;\n}\n\nfunction nowIso() {\n return new Date().toISOString();\n}\n\nasync function serveTextFile(path: string, contentType: string) {\n const body = await readFile(path);\n return new Response(body, { headers: { \"content-type\": contentType } });\n}\n\nasync function handleApi(req: Request, url: URL) {\n if (!authorized(req)) return json({ error: \"Unauthorized\" }, 401);\n await init();\n\n if (url.pathname === \"/api/notes\" && req.method === \"GET\") {\n const result = await sqlite.execute(\"SELECT id, body, updated_at FROM notes_mvp ORDER BY updated_at DESC\");\n return json({ notes: result.rows });\n }\n\n if (url.pathname === \"/api/notes\" && req.method === \"POST\") {\n const id = crypto.randomUUID();\n const updatedAt = nowIso();\n await sqlite.execute({\n sql: \"INSERT INTO notes_mvp (id, body, updated_at) VALUES (?, '', ?)\",\n args: [id, updatedAt],\n });\n return json({ note: { id, body: \"\", updated_at: updatedAt } }, 201);\n }\n\n const match = url.pathname.match(/^\\/api\\/notes\\/([^/]+)$/);\n if (match) {\n const id = decodeURIComponent(match[1]);\n\n if (req.method === \"GET\") {\n const result = await sqlite.execute({\n sql: \"SELECT id, body, updated_at FROM notes_mvp WHERE id = ?\",\n args: [id],\n });\n const note = result.rows[0];\n return note ? json({ note }) : json({ error: \"Not found\" }, 404);\n }\n\n if (req.method === \"PUT\") {\n let body = \"\";\n try {\n const payload = await req.json();\n body = typeof payload.body === \"string\" ? payload.body : \"\";\n } catch (_) {\n return json({ error: \"Invalid JSON\" }, 400);\n }\n const updatedAt = nowIso();\n await sqlite.execute({\n sql: \"UPDATE notes_mvp SET body = ?, updated_at = ? WHERE id = ?\",\n args: [body, updatedAt, id],\n });\n const result = await sqlite.execute({\n sql: \"SELECT id, body, updated_at FROM notes_mvp WHERE id = ?\",\n args: [id],\n });\n const note = result.rows[0];\n return note ? json({ note }) : json({ error: \"Not found\" }, 404);\n }\n\n if (req.method === \"DELETE\") {\n await sqlite.execute({ sql: \"DELETE FROM notes_mvp WHERE id = ?\", args: [id] });\n return new Response(null, { status: 204 });\n }\n }\n\n return json({ error: \"Not found\" }, 404);\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n try {\n if (url.pathname.startsWith(\"/api/\")) return await handleApi(req, url);\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { location: parseVal().links.self.val } });\n }\n if (url.pathname === \"/app.js\") return await serveTextFile(\"app.js\", \"text/javascript; charset=utf-8\");\n if (url.pathname === \"/style.css\") return await serveTextFile(\"style.css\", \"text/css; charset=utf-8\");\n return await serveTextFile(\"index.html\", \"text/html; charset=utf-8\");\n } catch (error) {\n console.error(error);\n return json({ error: error instanceof Error ? error.message : \"Server error\" }, 500);\n }\n}\n",[],[175],["D",1783428971992],[],[18],"60309a51-80c4-48ca-b009-e1a766f238c4","app.js","51aa580e-7a03-11f1-8fc6-1607ee4eb77e",["D",1783429058090],3,"script","const PASSWORD = \"my-notes-are-mine\";\n\nconst state = {\n unlocked: false,\n notes: [],\n loading: false,\n error: \"\",\n currentNoteId: null,\n currentBody: \"\",\n lastSavedBody: \"\",\n saveTimer: null,\n saving: false,\n savePromise: null,\n};\n\nconst app = document.getElementById(\"app\");\n\nfunction el(tag, attrs = {}, children = []) {\n const node = document.createElement(tag);\n for (const [key, value] of Object.entries(attrs)) {\n if (key === \"class\") node.className = value;\n else if (key === \"text\") node.textContent = value;\n else if (key.startsWith(\"on\") && typeof value === \"function\") node.addEventListener(key.slice(2).toLowerCase(), value);\n else if (value !== false && value !== null && value !== undefined) node.setAttribute(key, value === true ? \"\" : String(value));\n }\n for (const child of children) node.append(child);\n return node;\n}\n\nfunction api(path, options = {}) {\n const headers = new Headers(options.headers || {});\n headers.set(\"x-notes-password\", PASSWORD);\n if (options.body && !headers.has(\"content-type\")) headers.set(\"content-type\", \"application/json\");\n return fetch(path, { ...options, headers }).then(async (res) => {\n if (!res.ok) {\n let message = \"Request failed\";\n try { message = (await res.json()).error || message; } catch (_) {}\n throw new Error(message);\n }\n if (res.status === 204) return null;\n return res.json();\n });\n}\n\nfunction noteParts(body) {\n const lines = String(body || \"\").split(/\\r?\\n/);\n const index = lines.findIndex((line) => line.trim().length > 0);\n if (index === -1) return { title: \"New Note\", preview: \"\" };\n const title = lines[index].trim() || \"New Note\";\n const preview = lines.slice(index + 1).join(\" \").replace(/\\s+/g, \" \").trim();\n return { title, preview };\n}\n\nfunction formatUtc(value) {\n const date = new Date(value);\n const pad = (number) => String(number).padStart(2, \"0\");\n return `${date.getUTCFullYear()}-${pad(date.getUTCMonth() + 1)}-${pad(date.getUTCDate())} ${pad(date.getUTCHours())}:${pad(date.getUTCMinutes())}`;\n}\n\nfunction sortedNotes(notes) {\n return [...notes].sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());\n}\n\nasync function loadNotes() {\n state.loading = true;\n renderUnlockedShell();\n try {\n const data = await api(\"/api/notes\");\n state.notes = sortedNotes(data.notes || []);\n state.error = \"\";\n } catch (error) {\n state.error = error.message;\n } finally {\n state.loading = false;\n renderRoute();\n }\n}\n\nasync function saveCurrentNote() {\n if (!state.currentNoteId || state.currentBody === state.lastSavedBody) return;\n if (state.saving && state.savePromise) {\n await state.savePromise;\n return saveCurrentNote();\n }\n const id = state.currentNoteId;\n const body = state.currentBody;\n state.saving = true;\n state.savePromise = (async () => {\n const data = await api(`/api/notes/${encodeURIComponent(id)}`, {\n method: \"PUT\",\n body: JSON.stringify({ body }),\n });\n const note = data.note;\n state.notes = sortedNotes(state.notes.map((item) => item.id === id ? note : item));\n state.lastSavedBody = body;\n })();\n try {\n await state.savePromise;\n } finally {\n state.saving = false;\n state.savePromise = null;\n }\n}\n\nfunction scheduleSave() {\n if (state.saveTimer) clearTimeout(state.saveTimer);\n state.saveTimer = setTimeout(() => {\n state.saveTimer = null;\n saveCurrentNote().catch((error) => console.error(error));\n }, 450);\n}\n\nasync function flushSave() {\n if (state.saveTimer) {\n clearTimeout(state.saveTimer);\n state.saveTimer = null;\n }\n await saveCurrentNote();\n}\n\nasync function navigateTo(path) {\n try { await flushSave(); } catch (error) { console.error(error); }\n history.pushState(null, \"\", path);\n renderRoute();\n}\n\nfunction renderGate() {\n state.currentNoteId = null;\n app.replaceChildren();\n const password = el(\"input\", {\n class: \"field\",\n type: \"password\",\n autocomplete: \"current-password\",\n autofocus: true,\n \"aria-label\": \"Password\",\n placeholder: \"Password\",\n });\n const error = el(\"p\", { class: \"error\", role: \"alert\" });\n const form = el(\"form\", { class: \"gate-form\" }, [\n password,\n el(\"button\", { type: \"submit\", text: \"Unlock notes\" }),\n error,\n ]);\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const value = password.value;\n if (!value) {\n error.textContent = \"Password is required\";\n return;\n }\n if (value !== PASSWORD) {\n error.textContent = \"Incorrect password\";\n password.select();\n return;\n }\n state.unlocked = true;\n await loadNotes();\n });\n const card = el(\"main\", { class: \"card gate\" }, [\n el(\"h1\", { text: \"Notes\" }),\n el(\"p\", { class: \"muted\", text: \"Enter the shared password to open your private notes for this tab.\" }),\n form,\n el(\"a\", { class: \"source-link\", href: \"/source\", text: \"view source\" }),\n ]);\n app.append(el(\"div\", { class: \"app-shell\" }, [card]));\n password.focus();\n}\n\nfunction renderUnlockedShell() {\n app.replaceChildren(el(\"div\", { class: \"app-shell\" }, [el(\"main\", { class: \"card list-card\" }, [el(\"div\", { class: \"empty\", text: \"Loading notes…\" })])]));\n}\n\nfunction renderRoute() {\n if (!state.unlocked) {\n renderGate();\n return;\n }\n const match = location.pathname.match(/^\\/notes\\/([^/]+)$/);\n if (match) renderEditor(decodeURIComponent(match[1]));\n else renderList();\n}\n\nfunction renderList() {\n state.currentNoteId = null;\n app.replaceChildren();\n const query = el(\"input\", { class: \"field\", type: \"search\", placeholder: \"Search notes\", \"aria-label\": \"Search notes\" });\n const list = el(\"div\", { class: \"notes-list\" });\n const renderRows = () => {\n const q = query.value.trim().toLowerCase();\n const notes = sortedNotes(state.notes).filter((note) => {\n const parts = noteParts(note.body);\n return !q || parts.title.toLowerCase().includes(q) || String(note.body || \"\").toLowerCase().includes(q);\n });\n list.replaceChildren();\n if (state.error) {\n list.append(el(\"div\", { class: \"empty\", text: state.error }));\n return;\n }\n if (!notes.length) {\n list.append(el(\"div\", { class: \"empty\", text: q ? \"No notes match your search.\" : \"No notes yet. Create your first note.\" }));\n return;\n }\n for (const note of notes) {\n const parts = noteParts(note.body);\n const row = el(\"div\", { class: \"note-row\" }, [\n el(\"button\", { class: \"row-open\", type: \"button\", onclick: () => navigateTo(`/notes/${encodeURIComponent(note.id)}`) }, [\n el(\"div\", {}, [\n el(\"div\", { class: \"note-title\", text: parts.title }),\n el(\"div\", { class: \"note-preview\", text: parts.preview }),\n ]),\n el(\"div\", { class: \"note-time\", text: formatUtc(note.updated_at) }),\n ]),\n el(\"button\", { class: \"danger row-delete\", type: \"button\", text: \"Delete\", onclick: async () => {\n if (!confirm(\"Permanently delete this note? This cannot be undone.\")) return;\n await deleteNote(note.id, false);\n renderRows();\n } }),\n ]);\n list.append(row);\n }\n };\n query.addEventListener(\"input\", renderRows);\n const newButton = el(\"button\", { type: \"button\", text: \"New Note\", onclick: async () => {\n await flushSave();\n const data = await api(\"/api/notes\", { method: \"POST\" });\n state.notes = sortedNotes([data.note, ...state.notes]);\n await navigateTo(`/notes/${encodeURIComponent(data.note.id)}`);\n } });\n const card = el(\"main\", { class: \"card list-card\" }, [\n el(\"div\", { class: \"list-header\" }, [\n el(\"div\", {}, [el(\"h1\", { text: \"Notes\" }), el(\"p\", { class: \"muted\", text: `${state.notes.length} note${state.notes.length === 1 ? \"\" : \"s\"}` })]),\n newButton,\n ]),\n el(\"div\", { class: \"search-wrap\" }, [query]),\n list,\n ]);\n app.append(el(\"div\", { class: \"app-shell\" }, [card, el(\"a\", { class: \"source-link\", href: \"/source\", text: \"view source\" })]));\n renderRows();\n}\n\nasync function deleteNote(id, fromEditor) {\n await api(`/api/notes/${encodeURIComponent(id)}`, { method: \"DELETE\" });\n state.notes = state.notes.filter((note) => note.id !== id);\n if (state.currentNoteId === id) {\n state.currentNoteId = null;\n state.currentBody = \"\";\n state.lastSavedBody = \"\";\n }\n if (fromEditor) await navigateTo(\"/\");\n}\n\nfunction renderEditor(id) {\n const note = state.notes.find((item) => item.id === id);\n app.replaceChildren();\n if (!note) {\n app.append(el(\"div\", { class: \"app-shell\" }, [\n el(\"main\", { class: \"card gate\" }, [\n el(\"h1\", { text: \"Note not found\" }),\n el(\"p\", { class: \"muted\", text: \"This note may have been deleted.\" }),\n el(\"button\", { type: \"button\", text: \"Back to notes\", onclick: () => navigateTo(\"/\") }),\n ]),\n ]));\n return;\n }\n state.currentNoteId = id;\n state.currentBody = note.body || \"\";\n state.lastSavedBody = note.body || \"\";\n const textarea = el(\"textarea\", { \"aria-label\": \"Note body\", placeholder: \"Start typing your note…\" });\n textarea.value = state.currentBody;\n textarea.addEventListener(\"input\", () => {\n state.currentBody = textarea.value;\n scheduleSave();\n });\n const parts = noteParts(note.body);\n const card = el(\"main\", { class: \"card editor-card\" }, [\n el(\"div\", { class: \"editor-bar\" }, [\n el(\"button\", { class: \"secondary\", type: \"button\", text: \"← Back to notes\", onclick: () => navigateTo(\"/\") }),\n el(\"div\", { class: \"editor-title\", text: parts.title }),\n el(\"div\", { class: \"editor-actions\" }, [\n el(\"span\", { class: \"note-time\", text: formatUtc(note.updated_at) }),\n el(\"button\", { class: \"danger\", type: \"button\", text: \"Delete\", onclick: async () => {\n if (!confirm(\"Permanently delete this note? This cannot be undone.\")) return;\n await deleteNote(id, true);\n } }),\n ]),\n ]),\n textarea,\n ]);\n app.append(el(\"div\", { class: \"app-shell\" }, [card]));\n setTimeout(() => textarea.focus(), 0);\n}\n\nwindow.addEventListener(\"popstate\", () => {\n flushSave().catch((error) => console.error(error)).finally(renderRoute);\n});\n\nwindow.addEventListener(\"beforeunload\", () => {\n if (!state.currentNoteId || state.currentBody === state.lastSavedBody) return;\n fetch(`/api/notes/${encodeURIComponent(state.currentNoteId)}`, {\n method: \"PUT\",\n headers: { \"content-type\": \"application/json\", \"x-notes-password\": PASSWORD },\n body: JSON.stringify({ body: state.currentBody }),\n keepalive: true,\n });\n});\n\nrenderRoute();\n",[],[187],["D",1783428926591],["D",1789521041830],{"_11":12,"_119":67},{"_11":12,"_115":67,"_66":67,"_30":65,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":69,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_51":-5,"_139":233,"_234":235,"_236":237,"_238":24,"_239":24,"_240":24,"_241":137,"_242":-5,"_243":-7,"_244":-7,"_245":26,"_246":24,"_247":24,"_248":-5,"_249":24,"_250":24,"_251":24,"_252":-5},"ENV",{"_204":205,"_206":207,"_208":16,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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