[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_241":242,"_243":244},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_121":-5,"_19":122,"_123":124,"_125":126,"_127":128,"_129":130,"_21":131,"_132":-5,"_133":-5,"_134":24,"_135":136,"_137":138,"_139":-5,"_140":-5,"_141":142},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","vibench","name","notes-openai-gpt-5-5-b6709c85-t1-d024","branchName","main","path","frontend/index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_51":101,"_102":103,"_104":105,"_106":24},"file",{"_61":62,"_13":63,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","ee7436df-50c2-4417-aa42-03c49d6b794e","branchId","f0e6c8bd-bdb7-4a78-a615-5ba23641e657","createdAt",["D",1783453882097],"version",4,"orgId","019f3c8e-4c18-7004-b524-3ee59b13853d","parentId","b54e2816-7132-4751-81c5-e32b8ed9935e","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_61":62,"_13":63,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","3ab141fa-7a3d-11f1-8034-1607ee4eb77e","index.html","fileType","deleted","1cb5e0c6-ae85-4bcd-999e-4394b4ef8d27","avatar","","deletedAtVersion","48117f7d-15d1-4b9f-8567-1717e58308f6",["D",1783453881393],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ViBench-VT: fresh instance for test plan 1","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","48117f7d15d14b9f85671717e58308f6","tursoHostname","48117f7d15d14b9f85671717e58308f6-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789524636084],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_120":68},"org",{"_11":12,"_116":68,"_67":68,"_30":66,"_117":118,"_119":24},"branch",{"_38":107,"_13":16,"_32":35,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned",7,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":236,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":237,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_51":238,"_102":239,"_104":240,"_106":24},"tree",[164,171,172],"files",[164,165,166,167,168,169,170,171,172],"counts",{"_153":26,"_154":155,"_156":26,"_157":158,"_159":160},"contents",[],{"_32":143,"_13":63,"_61":62,"_42":144,"_34":35,"_145":39,"_146":138,"_36":147,"_38":26,"_64":21,"_148":149,"_65":24,"_150":-5,"_17":151},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"afe2836a-c8c9-4bf5-bd05-10f832c0ef99","579441be-bac5-449a-a9d9-43a2403143f2","branchVersion","latest",["D",1783453882097],"content","\n\n \n \n \n Notes\n \n \n \n \n

\n \n \n \n","label",[152,63],"frontend","pulls","branches",1,"forks","envVars",{"_161":26,"_163":26},"connections",{"_161":26,"_162":26},"count","unfilledCount","emptyCount",{"_32":232,"_13":152,"_61":144,"_42":-5,"_34":35,"_145":193,"_146":138,"_36":233,"_38":26,"_64":229,"_148":-5,"_65":24,"_150":-5,"_180":234,"_17":235},{"_32":227,"_13":219,"_61":213,"_42":144,"_34":35,"_145":214,"_146":138,"_36":228,"_38":26,"_64":229,"_148":-5,"_65":24,"_150":-5,"_180":230,"_17":231},{"_32":220,"_13":221,"_61":222,"_42":213,"_34":35,"_145":107,"_146":138,"_36":223,"_38":26,"_64":195,"_148":224,"_65":24,"_150":-5,"_180":225,"_17":226},{"_32":210,"_13":211,"_61":212,"_42":213,"_34":35,"_145":214,"_146":138,"_36":215,"_38":26,"_64":195,"_148":216,"_65":24,"_150":-5,"_180":217,"_17":218},{"_32":202,"_13":203,"_61":204,"_42":144,"_34":35,"_145":205,"_146":138,"_36":206,"_38":26,"_64":21,"_148":207,"_65":24,"_150":-5,"_180":208,"_17":209},{"_32":143,"_13":63,"_61":62,"_42":144,"_34":35,"_145":39,"_146":138,"_36":199,"_38":26,"_64":21,"_148":149,"_65":24,"_150":-5,"_180":200,"_17":201},{"_32":190,"_13":191,"_61":192,"_42":144,"_34":35,"_145":193,"_146":138,"_36":194,"_38":26,"_64":195,"_148":196,"_65":24,"_150":-5,"_180":197,"_17":198},{"_32":183,"_13":184,"_61":185,"_42":-5,"_34":35,"_145":155,"_146":138,"_36":186,"_38":26,"_64":21,"_148":187,"_65":24,"_150":-5,"_180":188,"_17":189},{"_32":173,"_13":174,"_61":175,"_42":-5,"_34":35,"_145":176,"_146":138,"_36":177,"_38":26,"_64":178,"_148":179,"_65":24,"_150":-5,"_180":181,"_17":182},"d6b3cfb4-fe89-42e2-8f9a-a61ab8952e7f","index.ts","3a8f4ffa-7a3d-11f1-b77b-1607ee4eb77e",3,["D",1783453881903],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst app = new Hono();\nconst PASSWORD = \"my-notes-are-mine\";\n\nasync function ensureSchema() {\n await sqlite.execute(\n \"CREATE TABLE IF NOT EXISTS notes (id TEXT PRIMARY KEY, body TEXT NOT NULL DEFAULT '', updated_at TEXT NOT NULL)\",\n );\n}\n\nfunction nowIso() {\n return new Date().toISOString();\n}\n\nfunction noteFromRow(row: Record) {\n return {\n id: String(row.id),\n body: String(row.body ?? \"\"),\n updatedAt: String(row.updated_at),\n };\n}\n\nfunction isAuthorized(c: any) {\n return c.req.header(\"x-notes-password\") === PASSWORD;\n}\n\napp.use(\"/api/notes/*\", async (c, next) => {\n if (!isAuthorized(c)) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n await ensureSchema();\n return next();\n});\n\napp.post(\"/api/unlock\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n if (body?.password === PASSWORD) {\n return c.json({ ok: true });\n }\n return c.json({ ok: false, error: \"Incorrect password\" }, 401);\n});\n\napp.get(\"/api/notes\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT id, body, updated_at FROM notes ORDER BY updated_at DESC\",\n );\n return c.json({ notes: result.rows.map(noteFromRow) });\n});\n\napp.post(\"/api/notes\", async (c) => {\n const id = crypto.randomUUID();\n const updatedAt = nowIso();\n await sqlite.execute({\n sql: \"INSERT INTO notes (id, body, updated_at) VALUES (?, ?, ?)\",\n args: [id, \"\", updatedAt],\n });\n return c.json({ note: { id, body: \"\", updatedAt } }, 201);\n});\n\napp.get(\"/api/notes/:id\", async (c) => {\n const result = await sqlite.execute({\n sql: \"SELECT id, body, updated_at FROM notes WHERE id = ?\",\n args: [c.req.param(\"id\")],\n });\n const row = result.rows[0];\n if (!row) {\n return c.json({ error: \"Note not found\" }, 404);\n }\n return c.json({ note: noteFromRow(row) });\n});\n\napp.put(\"/api/notes/:id\", async (c) => {\n const payload = await c.req.json().catch(() => ({}));\n const body = typeof payload?.body === \"string\" ? payload.body : \"\";\n const updatedAt = nowIso();\n const result = await sqlite.execute({\n sql: \"UPDATE notes SET body = ?, updated_at = ? WHERE id = ?\",\n args: [body, updatedAt, c.req.param(\"id\")],\n });\n if (result.rowsAffected === 0) {\n return c.json({ error: \"Note not found\" }, 404);\n }\n return c.json({ note: { id: c.req.param(\"id\"), body, updatedAt } });\n});\n\napp.delete(\"/api/notes/:id\", async (c) => {\n await sqlite.execute({\n sql: \"DELETE FROM notes WHERE id = ?\",\n args: [c.req.param(\"id\")],\n });\n return c.json({ ok: true });\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve the React app for root and client-side note URLs.\napp.get(\"*\", () => serveFile(\"/frontend/index.html\"));\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[174],"b10d2b6e-aa52-45d0-9b60-2bb325874ae0","README.md","3a5b74be-7a3d-11f1-a5de-1607ee4eb77e",["D",1783453881559],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[],[184],"fdab5848-36e1-424b-ab65-f7977d805f7d","index.tsx","3a7e38e6-7a3d-11f1-8c7d-1607ee4eb77e",2,["D",1783453881791],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[152,191],["D",1783453882097],[],[152,63],"8fb5022d-3239-4283-a7a6-508923e4d798","favicon.svg","3ad17baa-7a3d-11f1-95e8-1607ee4eb77e",5,["D",1783453882348],"\n",[],[152,203],"12830321-6a2e-48fc-a8b0-6429bf775c94","Counter.tsx","3aedcefe-7a3d-11f1-a1ee-1607ee4eb77e","fa61cad7-992e-41d5-9c1a-f847e924b625",6,["D",1783453882486],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[152,219,211],"components","0cad066f-d6b4-4888-90f0-8df0cd521f4b","App.tsx","3b24aef6-7a3d-11f1-9e71-1607ee4eb77e",["D",1783453882882],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FormEvent, useCallback, useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Note = {\n id: string;\n body: string;\n updatedAt: string;\n};\n\nfunction pad(value: number) {\n return String(value).padStart(2, \"0\");\n}\n\nfunction formatTimestamp(iso: string) {\n const date = new Date(iso);\n return date.getUTCFullYear() + \"-\" + pad(date.getUTCMonth() + 1) + \"-\" + pad(date.getUTCDate()) + \" \" + pad(date.getUTCHours()) + \":\" + pad(date.getUTCMinutes());\n}\n\nfunction detailsFor(note: Note) {\n const lines = note.body.split(/\\r?\\n/);\n const titleIndex = lines.findIndex((line) => line.trim().length > 0);\n const title = titleIndex === -1 ? \"New Note\" : lines[titleIndex].trim();\n const previewSource = titleIndex === -1 ? \"\" : lines.slice(titleIndex + 1).join(\" \").trim();\n const preview = previewSource.replace(/\\s+/g, \" \");\n return { title, preview };\n}\n\nfunction sortNotes(notes: Note[]) {\n return [...notes].sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n}\n\nfunction noteIdFromPath() {\n const match = window.location.pathname.match(/^\\/notes\\/([^/]+)$/);\n return match ? decodeURIComponent(match[1]) : null;\n}\n\nexport function App() {\n const [unlocked, setUnlocked] = useState(false);\n const [passwordInput, setPasswordInput] = useState(\"\");\n const [passwordError, setPasswordError] = useState(\"\");\n const apiPasswordRef = useRef(\"\");\n\n const [notes, setNotes] = useState([]);\n const notesRef = useRef([]);\n const [loading, setLoading] = useState(false);\n const [appError, setAppError] = useState(\"\");\n const [search, setSearch] = useState(\"\");\n const [path, setPath] = useState(window.location.pathname);\n const [editorBody, setEditorBody] = useState(\"\");\n const editorBodyRef = useRef(\"\");\n const textareaRef = useRef(null);\n const [saving, setSaving] = useState(false);\n\n const selectedId = useMemo(() => {\n const match = path.match(/^\\/notes\\/([^/]+)$/);\n return match ? decodeURIComponent(match[1]) : null;\n }, [path]);\n\n const selectedNote = selectedId ? notes.find((note) => note.id === selectedId) ?? null : null;\n\n useEffect(() => {\n notesRef.current = notes;\n }, [notes]);\n\n useEffect(() => {\n editorBodyRef.current = editorBody;\n }, [editorBody]);\n\n useEffect(() => {\n const onPopState = () => setPath(window.location.pathname);\n window.addEventListener(\"popstate\", onPopState);\n return () => window.removeEventListener(\"popstate\", onPopState);\n }, []);\n\n const apiFetch = useCallback(async (url: string, init: RequestInit = {}) => {\n const headers = new Headers(init.headers);\n headers.set(\"x-notes-password\", apiPasswordRef.current);\n if (init.body && !headers.has(\"content-type\")) {\n headers.set(\"content-type\", \"application/json\");\n }\n const response = await fetch(url, { ...init, headers });\n if (!response.ok) {\n throw new Error(\"Request failed\");\n }\n return response.json();\n }, []);\n\n const loadNotes = useCallback(async () => {\n setLoading(true);\n setAppError(\"\");\n try {\n const data = await apiFetch(\"/api/notes\");\n setNotes(sortNotes(data.notes ?? []));\n } catch (_error) {\n setAppError(\"Unable to load notes. Please try again.\");\n } finally {\n setLoading(false);\n }\n }, [apiFetch]);\n\n async function unlock(event: FormEvent) {\n event.preventDefault();\n setPasswordError(\"\");\n if (!passwordInput) {\n setPasswordError(\"Password is required\");\n return;\n }\n try {\n const response = await fetch(\"/api/unlock\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ password: passwordInput }),\n });\n if (!response.ok) {\n setPasswordError(\"Incorrect password\");\n return;\n }\n apiPasswordRef.current = passwordInput;\n setUnlocked(true);\n setPasswordInput(\"\");\n await loadNotes();\n } catch (_error) {\n setPasswordError(\"Unable to unlock notes right now\");\n }\n }\n\n const navigate = useCallback((nextPath: string) => {\n window.history.pushState({}, \"\", nextPath);\n setPath(nextPath);\n }, []);\n\n const saveCurrentNote = useCallback(async () => {\n if (!selectedId) return;\n const current = notesRef.current.find((note) => note.id === selectedId);\n const body = editorBodyRef.current;\n if (!current || current.body === body) return;\n setSaving(true);\n try {\n const data = await apiFetch(\"/api/notes/\" + encodeURIComponent(selectedId), {\n method: \"PUT\",\n body: JSON.stringify({ body }),\n });\n setNotes((existing) => sortNotes(existing.map((note) => note.id === selectedId ? data.note : note)));\n setAppError(\"\");\n } catch (_error) {\n setAppError(\"Unable to autosave this note. Please stay on this page and try again.\");\n throw _error;\n } finally {\n setSaving(false);\n }\n }, [apiFetch, selectedId]);\n\n useEffect(() => {\n const saveBeforeHistoryNavigation = () => {\n saveCurrentNote().catch(() => undefined);\n };\n window.addEventListener(\"popstate\", saveBeforeHistoryNavigation);\n return () => window.removeEventListener(\"popstate\", saveBeforeHistoryNavigation);\n }, [saveCurrentNote]);\n\n async function goToList() {\n try {\n await saveCurrentNote();\n navigate(\"/\");\n } catch (_error) {\n // Keep the user on the editor if the guaranteed navigation save failed.\n }\n }\n\n async function openNote(id: string) {\n try {\n await saveCurrentNote();\n navigate(\"/notes/\" + encodeURIComponent(id));\n } catch (_error) {\n // Keep current editor visible if autosave failed.\n }\n }\n\n async function createNote() {\n try {\n await saveCurrentNote();\n const data = await apiFetch(\"/api/notes\", { method: \"POST\" });\n setNotes((existing) => sortNotes([data.note, ...existing]));\n navigate(\"/notes/\" + encodeURIComponent(data.note.id));\n setTimeout(() => textareaRef.current?.focus(), 0);\n } catch (_error) {\n setAppError(\"Unable to create a new note. Please try again.\");\n }\n }\n\n async function deleteNote(id: string) {\n const confirmed = window.confirm(\"Permanently delete this note? This action cannot be undone.\");\n if (!confirmed) return;\n try {\n await apiFetch(\"/api/notes/\" + encodeURIComponent(id), { method: \"DELETE\" });\n setNotes((existing) => existing.filter((note) => note.id !== id));\n if (selectedId === id) {\n navigate(\"/\");\n }\n } catch (_error) {\n setAppError(\"Unable to delete the note. Please try again.\");\n }\n }\n\n useEffect(() => {\n if (!unlocked || !selectedNote) return;\n setEditorBody(selectedNote.body);\n setTimeout(() => textareaRef.current?.focus(), 0);\n }, [unlocked, selectedNote?.id]);\n\n useEffect(() => {\n if (!unlocked || !selectedId || !selectedNote || selectedNote.body === editorBody) return;\n const timer = window.setTimeout(() => {\n saveCurrentNote().catch(() => undefined);\n }, 700);\n return () => window.clearTimeout(timer);\n }, [editorBody, saveCurrentNote, selectedId, selectedNote, unlocked]);\n\n useEffect(() => {\n const onBeforeUnload = () => {\n const id = noteIdFromPath();\n if (!id || !apiPasswordRef.current) return;\n const current = notesRef.current.find((note) => note.id === id);\n const body = editorBodyRef.current;\n if (!current || current.body === body) return;\n fetch(\"/api/notes/\" + encodeURIComponent(id), {\n method: \"PUT\",\n keepalive: true,\n headers: {\n \"content-type\": \"application/json\",\n \"x-notes-password\": apiPasswordRef.current,\n },\n body: JSON.stringify({ body }),\n }).catch(() => undefined);\n };\n window.addEventListener(\"beforeunload\", onBeforeUnload);\n return () => window.removeEventListener(\"beforeunload\", onBeforeUnload);\n }, []);\n\n const filteredNotes = useMemo(() => {\n const normalized = search.trim().toLowerCase();\n const sorted = sortNotes(notes);\n if (!normalized) return sorted;\n return sorted.filter((note) => {\n const { title } = detailsFor(note);\n return title.toLowerCase().includes(normalized) || note.body.toLowerCase().includes(normalized);\n });\n }, [notes, search]);\n\n if (!unlocked) {\n return (\n

🔒

Private Notes

Enter the password to unlock this tab.

\n \n

\n );\n }\n\n const sourceLink = (\n View source\n );\n\n if (selectedId) {\n if (loading) {\n return

Loading notes…

;\n }\n if (!selectedNote) {\n return (\n \n

Note not found

This note may have been permanently deleted.

\n \n

\n \n );\n }\n return (\n \n

\n \n

\n {saving ? \"Autosaving…\" : \"Autosaved\"}\n \n

\n {appError &&

{appError}

}\n

\n Last edited {formatTimestamp(selectedNote.updatedAt)} UTC\n

\n setEditorBody(event.currentTarget.value)}\n placeholder=\"Start typing your note…\"\n className=\"block h-[65vh] w-full resize-none border-0 p-5 text-base leading-7 outline-none focus:ring-0\"\n />\n

\n \n );\n }\n\n return (\n \n

Notes

A single private space for plain text notes.

\n \n

\n Search notes\n setSearch(event.currentTarget.value)}\n placeholder=\"Search notes\"\n className=\"w-full rounded-xl border border-slate-300 bg-white px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n {appError &&

{appError}

}\n {loading ? (\n

Loading notes…

\n ) : filteredNotes.length === 0 ? (\n

📝

{search.trim() ? \"No matching notes\" : \"No notes yet\"}

{search.trim() ? \"Try a different search.\" : \"Create your first note to get started.\"}

\n ) : (\n

\n \n

\n )}\n \n );\n}\n\nfunction Shell({ children, sourceLink }: { children: unknown; sourceLink: unknown }) {\n return (\n

\n {children}\n \n

\n );\n}\n",[],[152,219,221],"15b0f963-311e-4d86-a737-967908637952",["D",1783453882486],"directory",[166,167],[152,219],"10ef8e22-9dd0-4dbd-804a-86820ef5c58c",["D",1783453881791],[165,168,169,170],[152],["D",1783453881393],["D",1789524636084],{"_11":12,"_120":68},{"_11":12,"_116":68,"_67":68,"_30":66,"_117":118,"_119":24},{"_38":107,"_13":16,"_32":35,"_108":70,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_51":-5,"_140":274,"_275":276,"_277":278,"_279":24,"_280":24,"_281":24,"_282":138,"_283":-5,"_284":-7,"_285":-7,"_286":26,"_287":24,"_288":24,"_289":-5,"_290":24,"_291":24,"_292":24,"_293":-5},"ENV",{"_245":246,"_247":248,"_249":16,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · index.html