\n \n \n \n",[],[136,181],"1e56d502-c2d4-42cf-b485-3371da450efe","favicon.svg","330e6b76-7a3d-11f1-a466-1607ee4eb77e",5,["D",1783453869328],"\n",[],[136,189],"74c70d0e-20a7-4d1f-b202-4c2f02a9b572","utils.ts","54de8074-7a3d-11f1-8d40-1607ee4eb77e","7f306da3-26e1-4521-9634-fe226f5ca2c8",10,["D",1783453926058],"export interface Note {\n id: number;\n body: string;\n updated_at: number;\n}\n\nexport function getTitle(body: string): string {\n const lines = body.split(\"\\n\");\n for (const line of lines) {\n const trimmed = line.trim();\n if (trimmed) return trimmed;\n }\n return \"New Note\";\n}\n\nexport function getPreview(body: string): string {\n const lines = body.split(\"\\n\");\n let foundTitle = false;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!foundTitle) {\n if (trimmed) {\n foundTitle = true;\n }\n continue;\n }\n if (trimmed) return trimmed;\n }\n return \"\";\n}\n\n// Format as YYYY-MM-DD hh:mm in 24-hour UTC\nexport function formatTimestamp(ms: number): string {\n const d = new Date(ms);\n const pad = (n: number) => String(n).padStart(2, \"0\");\n const year = d.getUTCFullYear();\n const month = pad(d.getUTCMonth() + 1);\n const day = pad(d.getUTCDate());\n const hours = pad(d.getUTCHours());\n const minutes = pad(d.getUTCMinutes());\n return `${year}-${month}-${day} ${hours}:${minutes}`;\n}\n",[],[136,205,197],"components","d66511cc-db36-4b38-a717-6494ad7e0885","PasswordGate.tsx","5b53be6a-7a3d-11f1-967b-1607ee4eb77e",11,["D",1783453936878],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function PasswordGate({ onUnlock }: { onUnlock: () => void }) {\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const submit = async (e?: React.FormEvent) => {\n if (e) e.preventDefault();\n if (!password) {\n setError(\"Password is required\");\n return;\n }\n setLoading(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/login\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ password }),\n });\n if (res.ok) {\n onUnlock();\n } else {\n setError(\"Incorrect password\");\n }\n } catch {\n setError(\"Incorrect password\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n \n

🔒 Notes

\n Enter your password to unlock\n

\n setPassword(e.target.value)}\n placeholder=\"Password\"\n autoFocus\n aria-label=\"Password\"\n className=\"w-full border border-gray-300 rounded px-3 py-2 mb-3 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n {error && (\n

\n {error}\n

\n )}\n \n {loading ? \"Unlocking...\" : \"Unlock\"}\n \n \n

\n );\n}\n",[],[136,205,207],"c9b8aa1c-1424-49f5-8243-b0e516de1c7d","NotesList.tsx","63e3d63c-7a3d-11f1-99bb-1607ee4eb77e",12,["D",1783453951257],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { formatTimestamp, getPreview, getTitle, Note } from \"./utils.ts\";\n\nexport function NotesList({\n notes,\n onOpen,\n onNew,\n onDelete,\n}: {\n notes: Note[];\n onOpen: (id: number) => void;\n onNew: () => void;\n onDelete: (id: number) => void;\n}) {\n const [query, setQuery] = useState(\"\");\n\n const q = query.trim().toLowerCase();\n const filtered = q\n ? notes.filter((n) => {\n const title = getTitle(n.body).toLowerCase();\n return title.includes(q) || n.body.toLowerCase().includes(q);\n })\n : notes;\n\n return (\n

📝 Notes

\n \n + New Note\n \n

\n\n setQuery(e.target.value)}\n placeholder=\"Search notes...\"\n aria-label=\"Search notes\"\n className=\"w-full border border-gray-300 rounded px-3 py-2 mb-4 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n\n {filtered.length === 0\n ? (\n

\n {notes.length === 0\n ? \"No notes yet. Create your first note!\"\n : \"No notes match your search.\"}\n

\n )\n : (\n

onOpen(note.id)}\n className=\"p-4 hover:bg-gray-50 cursor-pointer flex justify-between items-start gap-3\"\n >\n

{title}

\n {preview && (\n

\n {preview}\n

\n )}\n

\n {formatTimestamp(note.updated_at)}\n

\n {\n e.stopPropagation();\n onDelete(note.id);\n }}\n aria-label=\"Delete note\"\n className=\"text-red-500 hover:text-red-700 text-sm px-2 py-1 shrink-0\"\n >\n Delete\n \n \n );\n })}\n

\n )}\n\n

\n \n view source\n \n

\n );\n}\n",[],[136,205,215],"abba1dda-5624-4053-961a-155dfd3b450c","Editor.tsx","6a0b3b40-7a3d-11f1-9261-1607ee4eb77e",13,["D",1783453961579],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Note } from \"./utils.ts\";\n\nexport function Editor({\n note,\n onBack,\n onDelete,\n bodyRef,\n}: {\n note: Note;\n onBack: () => void;\n onDelete: (id: number) => void;\n bodyRef: { current: string };\n}) {\n const [body, setBody] = useState(note.body);\n const textareaRef = useRef(null);\n\n useEffect(() => {\n setBody(note.body);\n bodyRef.current = note.body;\n // focus body on mount / note change\n if (textareaRef.current) {\n textareaRef.current.focus();\n const len = textareaRef.current.value.length;\n textareaRef.current.setSelectionRange(len, len);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [note.id]);\n\n return (\n

\n \n ← Back\n \n onDelete(note.id)}\n aria-label=\"Delete note\"\n className=\"text-red-500 hover:text-red-700 font-medium\"\n >\n Delete\n \n

\n\n {\n setBody(e.target.value);\n bodyRef.current = e.target.value;\n }}\n placeholder=\"Start typing your note...\"\n aria-label=\"Note body\"\n className=\"w-full h-[70vh] border border-gray-300 rounded-lg p-4 font-sans text-base resize-none focus:outline-none focus:ring-2 focus:ring-blue-400 bg-white\"\n />\n

\n );\n}\n",[],[136,205,223],"6f7f8564-820f-4bda-9a90-300f69d13789","ConfirmDialog.tsx","6ee9f98a-7a3d-11f1-8034-1607ee4eb77e",14,["D",1783453969751],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport function ConfirmDialog({\n onConfirm,\n onCancel,\n}: {\n onConfirm: () => void;\n onCancel: () => void;\n}) {\n return (\n

\n \n

Delete note?

\n This note will be permanently deleted. This action cannot be undone.\n

\n \n Cancel\n \n \n Delete\n \n

\n \n );\n}\n",[],[136,205,231],"07facdb4-5158-48c6-a84b-207db34a2d42","App.tsx","334104a0-7a3d-11f1-87a8-1607ee4eb77e",15,["D",1783454017542],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Note } from \"./utils.ts\";\nimport { PasswordGate } from \"./PasswordGate.tsx\";\nimport { NotesList } from \"./NotesList.tsx\";\nimport { Editor } from \"./Editor.tsx\";\nimport { ConfirmDialog } from \"./ConfirmDialog.tsx\";\n\nfunction parseRoute(): { view: \"list\" | \"editor\"; id: number | null } {\n const m = window.location.pathname.match(/^\\/note\\/(\\d+)$/);\n if (m) return { view: \"editor\", id: Number(m[1]) };\n return { view: \"list\", id: null };\n}\n\nexport function App() {\n // Unlock persists within the tab session only (sessionStorage)\n const [unlocked, setUnlocked] = useState(\n () => sessionStorage.getItem(\"notes_unlocked\") === \"1\",\n );\n\n const [notes, setNotes] = useState([]);\n const [route, setRoute] = useState(() => parseRoute());\n const [current, setCurrent] = useState(null);\n const [confirmDeleteId, setConfirmDeleteId] = useState(null);\n const [loading, setLoading] = useState(true);\n\n // ref holding latest editor body text, for autosave-on-navigate\n const bodyRef = useRef(\"\");\n const currentRef = useRef(null);\n currentRef.current = current;\n\n const loadNotes = useCallback(async () => {\n const res = await fetch(\"/api/notes\");\n const data = await res.json();\n setNotes(data.notes || []);\n return data.notes as Note[];\n }, []);\n\n // Save current editor content (if changed)\n const saveCurrent = useCallback(async () => {\n const c = currentRef.current;\n if (!c) return;\n const newBody = bodyRef.current;\n if (newBody === c.body) return; // no change\n await fetch(`/api/notes/${c.id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ body: newBody }),\n });\n c.body = newBody;\n }, []);\n\n const navigate = useCallback((view: \"list\" | \"editor\", id: number | null) => {\n const path = view === \"editor\" && id != null ? `/note/${id}` : \"/\";\n window.history.pushState({}, \"\", path);\n setRoute({ view, id });\n }, []);\n\n const loadNote = useCallback(async (id: number) => {\n const res = await fetch(`/api/notes/${id}`);\n if (!res.ok) {\n navigate(\"list\", null);\n return;\n }\n const data = await res.json();\n setCurrent(data.note);\n bodyRef.current = data.note.body;\n }, [navigate]);\n\n // Initial load after unlock\n useEffect(() => {\n if (!unlocked) return;\n (async () => {\n setLoading(true);\n await loadNotes();\n const r = parseRoute();\n if (r.view === \"editor\" && r.id != null) {\n await loadNote(r.id);\n }\n setRoute(r);\n setLoading(false);\n })();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [unlocked]);\n\n // React to route change (load note when entering editor)\n useEffect(() => {\n if (!unlocked) return;\n if (route.view === \"editor\" && route.id != null) {\n if (!current || current.id !== route.id) {\n loadNote(route.id);\n }\n } else {\n setCurrent(null);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [route, unlocked]);\n\n // Handle browser back/forward\n useEffect(() => {\n const onPop = async () => {\n await saveCurrent();\n await loadNotes();\n setRoute(parseRoute());\n };\n window.addEventListener(\"popstate\", onPop);\n return () => window.removeEventListener(\"popstate\", onPop);\n }, [saveCurrent, loadNotes]);\n\n // Save on tab close/hide\n useEffect(() => {\n const onHide = () => {\n const c = currentRef.current;\n if (!c) return;\n const newBody = bodyRef.current;\n if (newBody === c.body) return;\n const payload = JSON.stringify({ body: newBody });\n navigator.sendBeacon(\n `/api/notes/${c.id}`,\n new Blob([payload], { type: \"application/json\" }),\n );\n };\n window.addEventListener(\"pagehide\", onHide);\n return () => window.removeEventListener(\"pagehide\", onHide);\n }, []);\n\n const handleUnlock = () => {\n sessionStorage.setItem(\"notes_unlocked\", \"1\");\n setUnlocked(true);\n };\n\n const openNote = async (id: number) => {\n await saveCurrent();\n navigate(\"editor\", id);\n };\n\n const backToList = async () => {\n await saveCurrent();\n await loadNotes();\n navigate(\"list\", null);\n };\n\n const newNote = async () => {\n await saveCurrent();\n const res = await fetch(\"/api/notes\", { method: \"POST\" });\n const data = await res.json();\n await loadNotes();\n navigate(\"editor\", data.note.id);\n };\n\n const requestDelete = (id: number) => setConfirmDeleteId(id);\n\n const confirmDelete = async () => {\n const id = confirmDeleteId;\n if (id == null) return;\n setConfirmDeleteId(null);\n const wasEditingThis = currentRef.current && currentRef.current.id === id;\n if (wasEditingThis) {\n currentRef.current = null;\n setCurrent(null);\n }\n await fetch(`/api/notes/${id}`, { method: \"DELETE\" });\n await loadNotes();\n if (route.view === \"editor\" && route.id === id) {\n navigate(\"list\", null);\n }\n };\n\n if (!unlocked) {\n return ;\n }\n\n if (loading) {\n return

;\n }\n\n return (\n <>\n {route.view === \"editor\" && current\n ? (\n \n )\n : (\n \n )}\n\n {confirmDeleteId != null && (\n setConfirmDeleteId(null)}\n />\n )}\n \n );\n}\n",[],[136,205,239],"4122fe7c-b029-4fed-88a0-fdae4d9f70ae",6,["D",1783453869465],[154,155,156,157,158,159],[136,205],["D",1783453868417],[153,160,161,162],[136],["D",1783453868187],["D",1789523429989],{"_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":292,"_293":294,"_295":296,"_297":26,"_298":26,"_299":26,"_300":103,"_301":-5,"_302":-7,"_303":-7,"_304":40,"_305":26,"_306":26,"_307":-5,"_308":26,"_309":26,"_310":26,"_311":-5},"ENV",{"_263":264,"_265":266,"_267":68,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291},"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"]