\n \n \n \n",[],[136,182],"ab1f918e-d4e3-40f6-bfc1-e38689453b5a","favicon.svg","fed12c96-7a40-11f1-b956-1607ee4eb77e",9,["D",1783455499663],"\n",[],[136,190],"f5131df0-5d23-4f06-ba48-6664b33328da","note.ts","fd7d03b0-7a40-11f1-a04d-1607ee4eb77e","c0ee617e-0ec1-4b45-9755-76e6c1993a91",3,["D",1783455497436],"export type Note = {\n id: string;\n body: string;\n updated_at: number;\n};\n\nexport function getTitle(body: string): string {\n for (const line of body.split(/\\r?\\n/)) {\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(/\\r?\\n/);\n let foundTitle = false;\n for (const line of lines) {\n const trimmed = line.trim();\n if (!trimmed) continue;\n if (!foundTitle) {\n foundTitle = true;\n continue;\n }\n if (trimmed.length > 100) return trimmed.slice(0, 100) + \"…\";\n return trimmed;\n }\n return \"\";\n}\n\nexport function formatTimestamp(ts: number): string {\n const d = new Date(ts);\n const year = d.getUTCFullYear();\n const month = String(d.getUTCMonth() + 1).padStart(2, \"0\");\n const day = String(d.getUTCDate()).padStart(2, \"0\");\n const hours = String(d.getUTCHours()).padStart(2, \"0\");\n const minutes = String(d.getUTCMinutes()).padStart(2, \"0\");\n return `${year}-${month}-${day} ${hours}:${minutes}`;\n}\n\nexport function matchesSearch(note: Note, query: string): boolean {\n const q = query.trim().toLowerCase();\n if (!q) return true;\n const title = getTitle(note.body).toLowerCase();\n const body = note.body.toLowerCase();\n return title.includes(q) || body.includes(q);\n}\n",[],[136,206,198],"utils","a2c283c8-411a-4ac5-969f-2a213524d97c",["D",1783455497436],[159],[136,206],"fb010318-2939-40b7-93bb-bd03864dcc89","PasswordGate.tsx","fd4f67a2-7a40-11f1-a668-1607ee4eb77e","9dbb9798-4e47-4774-bb8c-d9332881ba9d",["D",1783455497141],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\nexport function PasswordGate({\n onUnlock,\n error,\n}: {\n onUnlock: (password: string) => void;\n error: string | null;\n}) {\n const [password, setPassword] = useState(\"\");\n const inputRef = useRef(null);\n\n useEffect(() => {\n inputRef.current?.focus();\n }, []);\n\n const submit = (e: React.FormEvent) => {\n e.preventDefault();\n onUnlock(password);\n };\n\n return (\n

Notes

Enter the password to unlock.

\n );\n}\n",[],[136,219,212],"components","a9c568b7-16fa-4e8f-961d-983873025be3","NotesList.tsx","fda5554a-7a40-11f1-a04d-1607ee4eb77e",4,["D",1783455497659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { Note, getTitle, getPreview, formatTimestamp, matchesSearch } from \"../utils/note.ts\";\n\nexport function NotesList({\n notes,\n onCreate,\n onDelete,\n}: {\n notes: Note[];\n onCreate: () => void;\n onDelete: (id: string) => void;\n}) {\n const [query, setQuery] = useState(\"\");\n\n const filtered = useMemo(\n () => notes.filter((n) => matchesSearch(n, query)).sort((a, b) => b.updated_at - a.updated_at),\n [notes, query]\n );\n\n return (\n

Notes

\n \n New Note\n \n

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

\n {query ? \"No notes match your search.\" : \"No notes yet. Click New Note to create one.\"}\n

\n ) : (\n

\n \n

\n {getTitle(note.body)}\n

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

\n {getPreview(note.body)}\n

\n \n {\n e.preventDefault();\n onDelete(note.id);\n }}\n class=\"text-red-500 hover:text-red-700 text-sm font-medium shrink-0 cursor-pointer\"\n title=\"Delete note\"\n >\n Delete\n \n \n ))}\n

\n )}\n\n

\n View source\n

\n );\n}\n",[],[136,219,221],"f70d80cf-37fa-4bd7-afca-6a66ce78aa9a","NoteEditor.tsx","fdbde092-7a40-11f1-ae8e-1607ee4eb77e",5,["D",1783455497858],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Note, getTitle } from \"../utils/note.ts\";\n\nexport function NoteEditor({\n noteId,\n password,\n onSave,\n onDelete,\n onBack,\n}: {\n noteId: string;\n password: string;\n onSave: (id: string, body: string) => Promise;\n onDelete: (id: string) => void;\n onBack: () => void;\n}) {\n const [note, setNote] = useState(null);\n const [body, setBody] = useState(\"\");\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const textareaRef = useRef(null);\n const saveTimer = useRef(null);\n const bodyRef = useRef(body);\n const isDirty = useRef(false);\n\n useEffect(() => {\n bodyRef.current = body;\n }, [body]);\n\n useEffect(() => {\n let cancelled = false;\n const fetchNote = async () => {\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(`/api/notes/${noteId}`, {\n headers: { \"X-Password\": password },\n });\n if (res.status === 401) {\n setError(\"Session expired. Please refresh and unlock again.\");\n return;\n }\n if (res.status === 404) {\n setError(\"Note not found.\");\n return;\n }\n if (!res.ok) throw new Error(\"Failed to load note\");\n const data = await res.json();\n if (!cancelled) {\n setNote(data);\n setBody(data.body);\n isDirty.current = false;\n }\n } catch (err) {\n if (!cancelled) setError(\"Failed to load note.\");\n } finally {\n if (!cancelled) setLoading(false);\n }\n };\n fetchNote();\n return () => {\n cancelled = true;\n };\n }, [noteId]);\n\n useEffect(() => {\n if (!loading && textareaRef.current) {\n textareaRef.current.focus();\n textareaRef.current.selectionStart = textareaRef.current.value.length;\n textareaRef.current.selectionEnd = textareaRef.current.value.length;\n }\n }, [loading]);\n\n const flushSave = async () => {\n if (saveTimer.current) {\n clearTimeout(saveTimer.current);\n saveTimer.current = null;\n }\n if (isDirty.current && note) {\n await onSave(note.id, bodyRef.current);\n isDirty.current = false;\n }\n };\n\n const scheduleSave = () => {\n isDirty.current = true;\n if (saveTimer.current) clearTimeout(saveTimer.current);\n saveTimer.current = window.setTimeout(() => {\n flushSave();\n }, 500);\n };\n\n const handleChange = (e: React.ChangeEvent) => {\n setBody(e.target.value);\n scheduleSave();\n };\n\n const handleBlur = () => {\n flushSave();\n };\n\n const handleBack = async () => {\n await flushSave();\n onBack();\n };\n\n const handleDelete = async () => {\n await flushSave();\n onDelete(noteId);\n };\n\n useEffect(() => {\n return () => {\n if (saveTimer.current) {\n clearTimeout(saveTimer.current);\n saveTimer.current = null;\n }\n // Flush any pending save on unmount\n if (isDirty.current && note) {\n onSave(note.id, bodyRef.current);\n }\n };\n }, [note, onSave]);\n\n if (loading) return

;\n if (error) return

{error}

;\n\n return (\n

\n \n ← Back to notes\n \n \n Delete\n \n

\n\n

\n {getTitle(body) || \"New Note\"}\n

\n \n

\n );\n}\n",[],[136,219,229],"920c0cd3-2bae-4069-81b1-ad03a94600c7","App.tsx","ff11fc8a-7a40-11f1-a64a-1607ee4eb77e",["D",1783455500012],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { PasswordGate } from \"./PasswordGate.tsx\";\nimport { NotesList } from \"./NotesList.tsx\";\nimport { NoteEditor } from \"./NoteEditor.tsx\";\nimport { Note } from \"../utils/note.ts\";\n\nconst PASSWORD = \"my-notes-are-mine\";\n\nexport function App() {\n const [unlocked, setUnlocked] = useState(false);\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(null);\n const [notes, setNotes] = useState([]);\n const [view, setView] = useState<\"list\" | \"edit\">(\"list\");\n const [noteId, setNoteId] = useState(null);\n\n useEffect(() => {\n const parseHash = () => {\n const hash = window.location.hash.replace(/^#/, \"\");\n if (hash.startsWith(\"/note/\")) {\n const id = hash.slice(6);\n if (id) {\n setView(\"edit\");\n setNoteId(id);\n return;\n }\n }\n setView(\"list\");\n setNoteId(null);\n };\n parseHash();\n window.addEventListener(\"hashchange\", parseHash);\n return () => window.removeEventListener(\"hashchange\", parseHash);\n }, []);\n\n const api = useCallback(async (path: string, options?: RequestInit) => {\n return fetch(path, {\n ...options,\n headers: {\n \"X-Password\": password,\n ...(options?.headers || {}),\n },\n });\n }, [password]);\n\n const fetchNotes = useCallback(async () => {\n const res = await api(\"/api/notes\");\n if (res.ok) {\n const data = await res.json();\n setNotes(data.notes);\n }\n }, [api]);\n\n useEffect(() => {\n if (!unlocked) return;\n fetchNotes();\n }, [unlocked, fetchNotes]);\n\n const handleUnlock = (pwd: string) => {\n if (!pwd.trim()) {\n setError(\"Password is required\");\n return;\n }\n if (pwd !== PASSWORD) {\n setError(\"Incorrect password\");\n return;\n }\n setPassword(pwd);\n setUnlocked(true);\n setError(null);\n };\n\n const handleCreateNote = async () => {\n const res = await api(\"/api/notes\", { method: \"POST\" });\n if (res.ok) {\n const note = await res.json();\n setNotes((prev) => [note, ...prev]);\n window.location.hash = `#/note/${note.id}`;\n }\n };\n\n const handleSaveNote = useCallback(async (id: string, body: string) => {\n const res = await api(`/api/notes/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ body }),\n });\n if (res.ok) {\n const updated = await res.json();\n setNotes((prev) =>\n prev\n .map((n) => (n.id === id ? updated : n))\n .sort((a, b) => b.updated_at - a.updated_at)\n );\n }\n }, [api]);\n\n const handleDeleteNote = async (id: string) => {\n if (!confirm(\"This note will be permanently deleted. Are you sure?\")) return;\n const res = await api(`/api/notes/${id}`, { method: \"DELETE\" });\n if (res.ok) {\n setNotes((prev) => prev.filter((n) => n.id !== id));\n window.location.hash = \"#/\";\n }\n };\n\n if (!unlocked) {\n return ;\n }\n\n return (\n

\n {view === \"list\" && (\n \n )}\n {view === \"edit\" && noteId && (\n {\n window.location.hash = \"#/\";\n }}\n />\n )}\n

\n );\n}\n",[],[136,219,237],"8d1a42f2-9da6-484f-ad22-396a6a004365",["D",1783455497141],[154,155,156,157],[136,219],["D",1783455497141],[153,158,160,161,162],[136],["D",1783455496781],["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":288,"_289":290,"_291":292,"_293":26,"_294":26,"_295":26,"_296":103,"_297":-5,"_298":-7,"_299":-7,"_300":40,"_301":26,"_302":26,"_303":-5,"_304":26,"_305":26,"_306":26,"_307":-5},"ENV",{"_259":260,"_261":262,"_263":68,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287},"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"]