\n \n \n \n",[],[133,179],"f8aaeb36-30ad-45b1-8d2b-c79b23972a0d","favicon.svg","f69dada2-7a4e-11f1-a7d7-1607ee4eb77e",8,["D",1783461498867],"\n",[],[133,187],"be16309f-02a3-4295-92e3-5c73279fd9bb","utils.ts","f5432892-7a4e-11f1-b828-1607ee4eb77e","4b6e1357-bb58-43f6-b124-087b47ef999b",["D",1783461496580],"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",[],[133,202,195],"components","ceb389e5-1046-4409-a159-d8be37d0df82","PasswordGate.tsx","f598dad0-7a4e-11f1-91a5-1607ee4eb77e",3,["D",1783461497114],"/** @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",[],[133,202,204],"4aaf5092-7c3d-4c76-b06f-e79f33c68ea5","NotesList.tsx","f5e617aa-7a4e-11f1-a7d7-1607ee4eb77e",4,["D",1783461497662],"/** @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",[],[133,202,212],"91b7c602-815c-466b-a169-ec4f924cc2b9","Editor.tsx","f6ca1a40-7a4e-11f1-b52c-1607ee4eb77e",9,["D",1783461499155],"/** @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",[],[133,202,220],"5784171e-12ba-42f5-833d-576e25cb62fc","ConfirmDialog.tsx","f6ee9f28-7a4e-11f1-9568-1607ee4eb77e",10,["D",1783461499397],"/** @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",[],[133,202,228],"9a0aed37-c9f2-4292-8772-b5a7a2312ab4","App.tsx","f720700c-7a4e-11f1-80b4-1607ee4eb77e",["D",1783461499694],"/** @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",[],[133,202,236],"03708411-30de-459b-a0bd-f57645abf230",["D",1783461496580],[151,152,153,154,155,156],[133,202],["D",1783461496580],[150,157,158,159],[133],["D",1783461496352],{"_16":17,"_81":76},{"_16":17,"_75":76,"_77":76,"_33":34,"_78":79,"_80":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_56":-5,"_102":286,"_287":288,"_289":290,"_291":26,"_292":26,"_293":26,"_294":100,"_295":-5,"_296":-7,"_297":-7,"_298":40,"_299":26,"_300":26,"_301":-5,"_302":26,"_303":26,"_304":26,"_305":-5},"ENV",{"_257":258,"_259":260,"_261":65,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285},"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"]