Notes

\n \n \n\n",[138],"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",[145],"pulls","branches","forks","envVars",{"_159":40,"_161":40},"connections",{"_159":40,"_160":40},"count","unfilledCount","emptyCount",{"_18":144,"_20":145,"_114":146,"_116":-5,"_117":69,"_118":67,"_120":103,"_22":176,"_66":148,"_123":149,"_124":150,"_126":26,"_127":-5,"_167":177,"_86":178},{"_18":137,"_20":138,"_114":139,"_116":-5,"_117":69,"_118":140,"_120":103,"_22":173,"_66":40,"_123":96,"_124":142,"_126":26,"_127":-5,"_167":174,"_86":175},{"_18":129,"_20":130,"_114":131,"_116":-5,"_117":69,"_118":132,"_120":103,"_22":170,"_66":122,"_123":134,"_124":135,"_126":26,"_127":-5,"_167":171,"_86":172},{"_18":112,"_20":113,"_114":115,"_116":-5,"_117":69,"_118":119,"_120":103,"_22":166,"_66":122,"_123":96,"_124":125,"_126":26,"_127":-5,"_167":168,"_86":169},["D",1783429038416],"children",[],[113],["D",1783429023239],[],[130],["D",1783428971992],[],[138],["D",1783429058090],[],[145],["D",1783428926591],["D",1789521041830],{"_16":17,"_84":79},{"_16":17,"_78":79,"_80":79,"_33":34,"_81":82,"_83":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"ctx",{"_59":-5,"_105":217,"_218":219,"_220":221,"_222":26,"_223":26,"_224":26,"_225":103,"_226":-5,"_227":-7,"_228":-7,"_229":40,"_230":26,"_231":26,"_232":-5,"_233":26,"_234":26,"_235":26,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":68,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"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"]