Notes

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_193":194,"_195":196},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":88,"_27":100,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"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":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",7,"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","app.js","latestPath","fileId","51aa580e-7a03-11f1-8fc6-1607ee4eb77e","name","fileType","script","content","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};\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 || state.saving) return;\n const id = state.currentNoteId;\n const body = state.currentBody;\n state.saving = true;\n try {\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 } finally {\n state.saving = false;\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 open = el(\"button\", { class: \"note-row\", 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 el(\"button\", { class: \"danger\", type: \"button\", text: \"Delete\", onclick: async (event) => {\n event.stopPropagation();\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(open);\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","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};\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 || state.saving) return;\n const id = state.currentNoteId;\n const body = state.currentBody;\n state.saving = true;\n try {\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 } finally {\n state.saving = false;\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","createdAt",["D",1783429043458],"branchVersion","branchId","4495235c-da8d-41ab-9552-d42a9cd29640","id","8b54c1b8-7533-48ce-99fd-a78609948d8f","notes-openai-gpt-5-5-e1c22c2c",["D",1783428926591],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ViBench-VT: notes built by openai/gpt-5.5","imageUrl","1cb5e0c6-ae85-4bcd-999e-4394b4ef8d27","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3c8e-4c18-7004-b524-3ee59b13853d","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","user",{"_98":97,"_105":100},"org",{"_98":97,"_99":100,"_101":100,"_18":55,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vibench","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":188,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":189,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":190,"_82":191,"_84":192,"_86":25},"tree",[171,172,173,174],"files",[171,172,173,174],"counts",{"_161":61,"_162":139,"_163":61,"_164":165,"_166":167},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":158,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":159,"_13":139,"_33":34,"_35":37,"_24":25,"_141":-5,"_27":160},{"_43":151,"_32":152,"_30":153,"_135":-5,"_41":42,"_40":154,"_137":123,"_38":155,"_13":61,"_33":20,"_35":156,"_24":25,"_141":-5,"_27":157},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":123,"_38":147,"_13":139,"_33":148,"_35":149,"_24":25,"_141":-5,"_27":150},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":123,"_38":138,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_27":142},"4906edf9-4290-4323-9a20-4b211f6d359e","style.css","3b2d04dc-7a03-11f1-b315-1607ee4eb77e","parentId",6,"latest",["D",1783429038416],1,":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","label",[133],"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",[144],"74a124b1-a6b6-4137-a4e6-bb9549608d1a","index.html","3b188cc8-7a03-11f1-9452-1607ee4eb77e",2,["D",1783428971992],"\n\n \n \n \n Notes\n \n \n \n \n

\n \n \n\n",[152],"82f07a90-74b8-42bc-8972-8d48a806e258",["D",1783429043458],[28],"pulls","branches","forks","envVars",{"_168":61,"_170":61},"connections",{"_168":61,"_169":61},"count","unfilledCount","emptyCount",{"_43":158,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":185,"_13":139,"_33":34,"_35":37,"_24":25,"_141":-5,"_176":186,"_27":187},{"_43":151,"_32":152,"_30":153,"_135":-5,"_41":42,"_40":154,"_137":123,"_38":182,"_13":61,"_33":20,"_35":156,"_24":25,"_141":-5,"_176":183,"_27":184},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":123,"_38":179,"_13":139,"_33":148,"_35":149,"_24":25,"_141":-5,"_176":180,"_27":181},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":123,"_38":175,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_176":177,"_27":178},["D",1783429038416],"children",[],[133],["D",1783429023239],[],[144],["D",1783428971992],[],[152],["D",1783429043458],[],[28],["D",1783428926591],["D",1789521041830],{"_98":97,"_105":100},{"_98":97,"_99":100,"_101":100,"_18":55,"_102":103,"_104":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_125":226,"_227":228,"_229":230,"_231":25,"_232":25,"_233":25,"_234":123,"_235":-5,"_236":-7,"_237":-7,"_238":61,"_239":25,"_240":25,"_241":-5,"_242":25,"_243":25,"_244":25,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":88,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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 · v7