\n \n \n \n",[],[136,180],"fa453530-bbd3-457e-b1af-668ba5dd2f15","favicon.svg","20146660-7a51-11f1-bc8e-1607ee4eb77e",8,["D",1783462427221],"\n",[],[136,188],"f7bce7c4-45ba-4192-a2d9-6c500b7d239f","PasswordGate.tsx","1e758d16-7a51-11f1-884d-1607ee4eb77e","a9e390d3-598b-46c4-afac-f6f44d8f9e54",["D",1783462424698],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Props {\n onUnlock: () => void;\n}\n\nexport function PasswordGate({ onUnlock }: Props) {\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n\n const handleSubmit = (e: Event) => {\n e.preventDefault();\n if (password.trim() === \"\") {\n setError(\"Password is required\");\n return;\n }\n if (password !== \"my-notes-are-mine\") {\n setError(\"Incorrect password\");\n return;\n }\n setError(\"\");\n onUnlock();\n };\n\n return (\n

Notes

\n \n

\n \n Enter password to unlock\n \n {\n setPassword((e.target as HTMLInputElement).value);\n if (error) setError(\"\");\n }}\n placeholder=\"Password\"\n class=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n autofocus\n />\n

\n {error && (\n

{error}

\n )}\n \n Unlock\n \n \n

\n );\n}",[],[136,203,196],"components","502d7113-f2da-477e-b2b6-017f8b1c7cd9","NotesList.tsx","1e88dd9e-7a51-11f1-a33f-1607ee4eb77e",3,["D",1783462424819],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Note } from \"./App.tsx\";\n\ninterface Props {\n notes: Note[];\n loading: boolean;\n onRefresh: () => void;\n onSelectNote: (noteId: string) => void;\n onNoteDeleted: () => void;\n}\n\nfunction formatTimestamp(iso: string): string {\n const d = new Date(iso);\n const y = d.getUTCFullYear();\n const mo = String(d.getUTCMonth() + 1).padStart(2, \"0\");\n const day = String(d.getUTCDate()).padStart(2, \"0\");\n const h = String(d.getUTCHours()).padStart(2, \"0\");\n const mi = String(d.getUTCMinutes()).padStart(2, \"0\");\n return `${y}-${mo}-${day} ${h}:${mi}`;\n}\n\nfunction getTitle(body: string): string {\n const firstLine = body.split(\"\\n\")[0]?.trim();\n return firstLine || \"New Note\";\n}\n\nfunction getPreview(body: string): string {\n const lines = body.split(\"\\n\");\n // skip the first line (title)\n if (lines.length <= 1) return \"\";\n const secondLine = lines.slice(1).join(\" \").trim();\n if (!secondLine) return \"\";\n return secondLine.length > 80\n ? secondLine.slice(0, 80) + \"…\"\n : secondLine;\n}\n\nasync function createNote(): Promise {\n const res = await fetch(\"/api/notes\", { method: \"POST\" });\n if (!res.ok) return null;\n return res.json();\n}\n\nasync function deleteNoteById(id: string): Promise {\n const res = await fetch(`/api/notes/${id}`, { method: \"DELETE\" });\n return res.ok;\n}\n\nexport function NotesList({ notes, loading, onRefresh, onSelectNote, onNoteDeleted }: Props) {\n const [search, setSearch] = useState(\"\");\n const [deletingId, setDeletingId] = useState(null);\n\n const filteredNotes = notes.filter((note) => {\n if (!search.trim()) return true;\n const q = search.toLowerCase();\n return (\n note.body.toLowerCase().includes(q)\n );\n });\n\n const handleNewNote = async () => {\n const note = await createNote();\n if (note) {\n onRefresh();\n onSelectNote(note.id);\n }\n };\n\n const handleDelete = (e: MouseEvent, noteId: string) => {\n e.stopPropagation();\n setDeletingId(noteId);\n };\n\n const confirmDelete = async () => {\n if (!deletingId) return;\n const ok = await deleteNoteById(deletingId);\n if (ok) onNoteDeleted();\n setDeletingId(null);\n };\n\n const cancelDelete = () => setDeletingId(null);\n\n return (\n

Notes

\n \n New Note\n \n

\n\n

\n setSearch((e.target as HTMLInputElement).value)}\n class=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n\n {loading &&

}\n\n {!loading && filteredNotes.length === 0 && (\n

\n {search.trim() ? \"No notes match your search.\" : \"No notes yet. Create your first note!\"}\n

\n )}\n\n {!loading && filteredNotes.length > 0 && (\n

\n {filteredNotes.map((note) => (\n onSelectNote(note.id)}\n class=\"bg-white rounded-lg shadow-sm border border-gray-200 p-4 cursor-pointer hover:shadow-md transition-shadow group\"\n >\n

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

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

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

\n )}\n

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

\n handleDelete(e, note.id)}\n class=\"ml-2 text-red-500 hover:text-red-700 opacity-0 group-hover:opacity-100 focus:opacity-100 cursor-pointer transition-opacity text-sm\"\n title=\"Delete note\"\n >\n Delete\n \n

\n ))}\n

\n )}\n\n {/* Delete confirmation dialog */}\n {deletingId && (\n

Delete Note

\n Are you sure you want to permanently delete this note? This action cannot be undone.\n

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

\n )}\n \n );\n}",[],[136,203,205],"f9fc5ce0-0cdb-4625-8e29-286c2efa0539","NoteEditor.tsx","1f12e7b4-7a51-11f1-93d5-1607ee4eb77e",4,["D",1783462425602],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Note } from \"./App.tsx\";\n\ninterface Props {\n note: Note | null;\n noteId: string;\n onBack: () => void;\n onNoteUpdated: () => void;\n onNavigateToNote: (noteId: string) => void;\n onDeleted: () => void;\n}\n\nasync function saveNote(id: string, body: string): Promise {\n const res = await fetch(`/api/notes/${id}`, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ body }),\n });\n return res.ok;\n}\n\nasync function deleteNoteById(id: string): Promise {\n const res = await fetch(`/api/notes/${id}`, { method: \"DELETE\" });\n return res.ok;\n}\n\nexport function NoteEditor({ note, noteId, onBack, onNoteUpdated, onDeleted }: Props) {\n const [body, setBody] = useState(note?.body ?? \"\");\n const [saving, setSaving] = useState(false);\n const [showDelete, setShowDelete] = useState(false);\n const bodyRef = useRef(body);\n const savedRef = useRef(false);\n\n // Keep bodyRef in sync\n bodyRef.current = body;\n\n // When note loads from server or changes, set body\n useEffect(() => {\n if (note && !savedRef.current) {\n setBody(note.body);\n bodyRef.current = note.body;\n }\n }, [note?.id]);\n\n // When noteId changes, load the new note\n useEffect(() => {\n if (note) {\n setBody(note.body);\n bodyRef.current = note.body;\n } else if (noteId) {\n fetch(`/api/notes/${noteId}`)\n .then((res) => {\n if (res.ok) return res.json();\n throw new Error(\"Not found\");\n })\n .then((n: Note) => {\n setBody(n.body);\n bodyRef.current = n.body;\n })\n .catch(() => {\n onBack();\n });\n }\n }, [noteId]);\n\n // Autosave on unmount (navigating away)\n useEffect(() => {\n return () => {\n if (!savedRef.current && bodyRef.current !== (note?.body ?? \"\")) {\n saveNote(noteId, bodyRef.current).then(() => {\n onNoteUpdated();\n });\n }\n };\n }, [noteId]);\n\n const handleBack = async () => {\n setSaving(true);\n await saveNote(noteId, body);\n savedRef.current = true;\n onNoteUpdated();\n onBack();\n };\n\n const handleDelete = async () => {\n const ok = await deleteNoteById(noteId);\n if (ok) {\n onDeleted();\n }\n setShowDelete(false);\n };\n\n return (\n

\n \n ← Back to Notes\n \n setShowDelete(true)}\n class=\"text-red-500 hover:text-red-700 cursor-pointer text-sm\"\n >\n Delete\n \n

\n\n setBody((e.target as HTMLTextAreaElement).value)}\n placeholder=\"Start writing...\"\n class=\"w-full min-h-[60vh] p-4 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 resize-y text-base leading-relaxed\"\n autofocus\n />\n\n {showDelete && (\n

Delete Note

\n Are you sure you want to permanently delete this note? This action cannot be undone.\n

\n setShowDelete(false)}\n class=\"px-4 py-2 text-sm text-gray-700 bg-gray-100 rounded-md hover:bg-gray-200 cursor-pointer transition-colors\"\n >\n Cancel\n \n \n Delete\n \n

\n )}\n

\n );\n}",[],[136,203,213],"b233c6c8-3697-4d5a-9ceb-e7afcc2d67a3","App.tsx","2053ca76-7a51-11f1-a173-1607ee4eb77e",["D",1783462427833],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { PasswordGate } from \"./PasswordGate.tsx\";\nimport { NotesList } from \"./NotesList.tsx\";\nimport { NoteEditor } from \"./NoteEditor.tsx\";\n\nexport interface Note {\n id: string;\n body: string;\n updated_at: string;\n}\n\ntype View =\n | { name: \"list\" }\n | { name: \"editor\"; noteId: string };\n\nfunction getViewFromHash(): View {\n const hash = window.location.hash;\n const m = hash.match(/^#\\/note\\/(.+)$/);\n if (m) return { name: \"editor\", noteId: m[1] };\n return { name: \"list\" };\n}\n\nexport function App() {\n const [unlocked, setUnlocked] = useState(\n () => sessionStorage.getItem(\"notes_unlocked\") === \"true\"\n );\n const [view, setView] = useState(getViewFromHash);\n const [notes, setNotes] = useState([]);\n const [loading, setLoading] = useState(false);\n\n // Listen to hash changes\n useEffect(() => {\n const onHashChange = () => setView(getViewFromHash());\n window.addEventListener(\"hashchange\", onHashChange);\n return () => window.removeEventListener(\"hashchange\", onHashChange);\n }, []);\n\n const fetchNotes = useCallback(async () => {\n setLoading(true);\n try {\n const res = await fetch(\"/api/notes\");\n if (res.ok) {\n const data: Note[] = await res.json();\n setNotes(data);\n }\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n if (unlocked) fetchNotes();\n }, [unlocked, fetchNotes]);\n\n const handleUnlock = () => {\n sessionStorage.setItem(\"notes_unlocked\", \"true\");\n setUnlocked(true);\n };\n\n const navigateToList = () => {\n window.location.hash = \"#/\";\n };\n\n const navigateToNote = (noteId: string) => {\n window.location.hash = `#/note/${noteId}`;\n };\n\n if (!unlocked) {\n return ;\n }\n\n if (view.name === \"editor\") {\n const note = notes.find((n) => n.id === view.noteId);\n return (\n {\n fetchNotes();\n navigateToList();\n }}\n />\n );\n }\n\n return (\n \n );\n}",[],[136,203,221],"a3dbf0e1-4c3c-42c8-8a66-4022527ad742",["D",1783462424698],[154,155,156,157],[136,203],["D",1783462424698],[153,158,159,160],[136],["D",1783462424327],["D",1789525245864],{"_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":272,"_273":274,"_275":276,"_277":26,"_278":26,"_279":26,"_280":103,"_281":-5,"_282":-7,"_283":-7,"_284":40,"_285":26,"_286":26,"_287":-5,"_288":26,"_289":26,"_290":26,"_291":-5},"ENV",{"_243":244,"_245":246,"_247":68,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271},"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"]