\n \n \n \n",[],[138,182],"4b551f3d-bfb8-4a77-98dd-e6221da35065","favicon.svg","2d6c5712-7a3f-11f1-a218-1607ee4eb77e",5,["D",1783454718827],"\n",[],[138,190],"030ddba5-1261-4900-b6f0-fbadf42ea230","note.ts","4f34b380-7a3f-11f1-b333-1607ee4eb77e","c0f3d0f2-94ac-41be-b060-a3e722079f4d",10,["D",1783454775546],"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",[],[138,206,198],"utils","6db22656-903d-4891-bb49-c4fc8323840e",["D",1783454775546],[160],[138,206],"700baf1c-0a0f-45e6-b3d5-9ce8bfa405f9","PasswordGate.tsx","50ea2fb6-7a3f-11f1-a1ac-1607ee4eb77e","bfe3af84-9b96-41a9-bd1a-bc44842cf5d1",11,["D",1783454778397],"/** @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",[],[138,220,212],"components","909e8262-877f-4137-8457-0f421f6f0f9c","NotesList.tsx","539755ea-7a3f-11f1-b301-1607ee4eb77e",12,["D",1783454782854],"/** @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",[],[138,220,222],"36fa78ec-df31-427f-9056-95d2ac2bb04f","NoteEditor.tsx","57702e26-7a3f-11f1-b093-1607ee4eb77e",15,["D",1783454793910],"/** @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",[],[138,220,230],"a51bfcdb-f49d-4903-92a7-99866af2cd80","App.tsx","2e1a1b04-7a3f-11f1-905a-1607ee4eb77e",["D",1783455401580],"/** @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",[],[138,220,238],"93adc552-ca0e-4701-845e-34884a5b36ba",6,["D",1783454719371],[155,156,157,158],[138,220],["D",1783454717858],[154,159,161,162,163],[138],["D",1783454717230],["D",1789524636084],{"_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":290,"_291":292,"_293":294,"_295":26,"_296":26,"_297":26,"_298":103,"_299":-5,"_300":-7,"_301":-7,"_302":40,"_303":26,"_304":26,"_305":-5,"_306":26,"_307":26,"_308":26,"_309":-5},"ENV",{"_261":262,"_263":264,"_265":68,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289},"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"]