[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_229":230,"_231":232},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_104":86,"_27":98,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","3d945b46-7a3d-11f1-a65a-1607ee4eb77e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useCallback, useRef } from \"https://esm.sh/react@18.2.0\";\n\n// ────────────────────────────────────────────────────────────────────────────\n// Types & constants\n// ────────────────────────────────────────────────────────────────────────────\n\ninterface Note {\n id: string;\n body: string;\n updatedAt: number; // epoch ms (UTC)\n}\n\nconst PASSWORD = \"my-notes-are-mine\";\nconst STORAGE_KEY = \"notes-app-notes-v1\";\nconst PLACEHOLDER_TITLE = \"New Note\";\n\n// ────────────────────────────────────────────────────────────────────────────\n// Helpers\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction uid(): string {\n return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);\n}\n\nfunction pad2(n: number): string {\n return n < 10 ? \"0\" + n : String(n);\n}\n\nfunction formatTimestamp(epochMs: number): string {\n const d = new Date(epochMs);\n const y = d.getUTCFullYear();\n const mo = pad2(d.getUTCMonth() + 1);\n const da = pad2(d.getUTCDate());\n const h = pad2(d.getUTCHours());\n const mi = pad2(d.getUTCMinutes());\n return `${y}-${mo}-${da} ${h}:${mi}`;\n}\n\nfunction noteTitle(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 PLACEHOLDER_TITLE;\n}\n\nfunction notePreview(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 (trimmed) {\n if (!foundTitle) {\n foundTitle = true;\n continue;\n }\n // first non-empty line after the title line\n const single = trimmed.replace(/\\s+/g, \" \");\n return single.length > 80 ? single.slice(0, 80) + \"…\" : single;\n }\n }\n return \"\";\n}\n\nfunction loadNotes(): Note[] {\n try {\n const raw = localStorage.getItem(STORAGE_KEY);\n if (!raw) return [];\n const parsed = JSON.parse(raw);\n if (!Array.isArray(parsed)) return [];\n return parsed.filter((n: any) => n && typeof n.id === \"string\" && typeof n.body === \"string\" && typeof n.updatedAt === \"number\");\n } catch {\n return [];\n }\n}\n\nfunction saveNotes(notes: Note[]): void {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(notes));\n}\n\n// Simple hash router\nfunction getHash(): string {\n return window.location.hash.replace(/^#/, \"\") || \"/\";\n}\n\nfunction navigate(hash: string): void {\n window.location.hash = hash;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Password Gate\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction PasswordGate({ onUnlock }: { onUnlock: () => void }) {\n const [value, setValue] = useState(\"\");\n const [error, setError] = useState(\"\");\n\n const submit = useCallback((e?: any) => {\n if (e) e.preventDefault();\n if (!value.trim()) {\n setError(\"Password is required\");\n return;\n }\n if (value !== PASSWORD) {\n setError(\"Incorrect password\");\n return;\n }\n setError(\"\");\n setUnlocked(true);\n onUnlock();\n }, [value]);\n\n return (\n

\n );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Notes List View\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction NotesList({\n notes,\n search,\n setSearch,\n onOpen,\n onNew,\n onDelete,\n}: {\n notes: Note[];\n search: string;\n setSearch: (s: string) => void;\n onOpen: (id: string) => void;\n onNew: () => void;\n onDelete: (id: string) => void;\n}) {\n const q = search.trim().toLowerCase();\n const filtered = q\n ? notes.filter(\n (n) =>\n noteTitle(n.body).toLowerCase().includes(q) ||\n n.body.toLowerCase().includes(q)\n )\n : notes;\n const sorted = [...filtered].sort((a, b) => b.updatedAt - a.updatedAt);\n\n return (\n

My Notes

\n \n + New Note\n \n

\n setSearch(e.target.value)}\n />\n {sorted.length === 0 ? (\n

\n {q ? \"No matching notes.\" : \"No notes yet. Create one to get started.\"}\n

\n ) : (\n

onOpen(n.id)}\n >\n

{noteTitle(n.body)}

\n {notePreview(n.body) && (\n

{notePreview(n.body)}

\n )}\n

{formatTimestamp(n.updatedAt)}

\n {\n e.stopPropagation();\n onDelete(n.id);\n }}\n >\n Delete\n \n \n ))}\n

\n )}\n

\n );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Editor View\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction NoteEditor({\n note,\n onChange,\n onBack,\n onDelete,\n}: {\n note: Note;\n onChange: (body: string) => void;\n onBack: () => void;\n onDelete: (id: string) => void;\n}) {\n const textareaRef = useRef(null);\n\n useEffect(() => {\n if (textareaRef.current) {\n textareaRef.current.focus();\n }\n }, []);\n\n return (\n

\n \n ← Back\n \n onDelete(note.id)}\n class=\"text-red-500 hover:text-red-700 font-medium\"\n >\n Delete\n \n

\n onChange(e.target.value)}\n />\n

\n Last edited: {formatTimestamp(note.updatedAt)}\n

\n );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Confirm Dialog\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction ConfirmDialog({\n message,\n onCancel,\n onConfirm,\n}: {\n message: string;\n onCancel: () => void;\n onConfirm: () => void;\n}) {\n return (\n

{message}

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

\n );\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Main App\n// ────────────────────────────────────────────────────────────────────────────\n\nexport function App() {\n const [unlocked, setUnlockedState] = useState(isUnlocked());\n const [notes, setNotes] = useState([]);\n const [hash, setHash] = useState(getHash());\n const [search, setSearch] = useState(\"\");\n const [draftBody, setDraftBody] = useState(null);\n const [confirmDeleteId, setConfirmDeleteId] = useState(null);\n\n // Load notes when unlocked\n useEffect(() => {\n if (unlocked) setNotes(loadNotes());\n }, [unlocked]);\n\n // Listen to hash changes\n useEffect(() => {\n const onHash = () => {\n setHash(getHash());\n setDraftBody(null);\n };\n window.addEventListener(\"hashchange\", onHash);\n return () => window.removeEventListener(\"hashchange\", onHash);\n }, []);\n\n // Parse route: \"/note/:id\" or \"/\"\n const m = hash.match(/^\\/note\\/(.+)$/);\n const editingId = m ? m[1] : null;\n const editingNote = editingId ? notes.find((n) => n.id === editingId) || null : null;\n\n // ── Autosave: when leaving a note (navigation away), persist draft ─────────\n // We track the currently-open note id. When editingId changes or component\n // unmounts, we flush the draft.\n const flushRef = useRef<(() => void) | null>(null);\n\n const flushDraft = useCallback(() => {\n flushRef.current && flushRef.current();\n }, []);\n\n // Whenever editingId changes, flush the previous draft before switching.\n const prevEditingId = useRef(null);\n useEffect(() => {\n if (prevEditingId.current !== editingId) {\n flushDraft();\n prevEditingId.current = editingId;\n }\n }, [editingId, flushDraft]);\n\n // Keep a ref to latest notes for synchronous save on unload.\n const notesRef = useRef(notes);\n useEffect(() => {\n notesRef.current = notes;\n }, [notes]);\n\n // Set up the flush function for the current note whenever draftBody changes.\n useEffect(() => {\n if (editingId && draftBody !== null) {\n flushRef.current = () => {\n const current = notesRef.current;\n const idx = current.findIndex((n) => n.id === editingId);\n if (idx === -1) return;\n const existing = current[idx];\n if (existing.body === draftBody) return;\n const updated: Note = { ...existing, body: draftBody, updatedAt: Date.now() };\n const next = [...current];\n next[idx] = updated;\n saveNotes(next);\n notesRef.current = next;\n setNotes(next);\n };\n } else {\n flushRef.current = null;\n }\n }, [editingId, draftBody]);\n\n // Flush on unmount / page unload\n useEffect(() => {\n const onBeforeUnload = () => flushDraft();\n window.addEventListener(\"beforeunload\", onBeforeUnload);\n return () => {\n flushDraft();\n window.removeEventListener(\"beforeunload\", onBeforeUnload);\n };\n }, [flushDraft]);\n\n // ── Actions ────────────────────────────────────────────────────────────────\n const doNew = useCallback(() => {\n const note: Note = { id: uid(), body: \"\", updatedAt: Date.now() };\n setNotes((prev) => {\n const next = [note, ...prev];\n saveNotes(next);\n return next;\n });\n setDraftBody(\"\");\n navigate(`/note/${note.id}`);\n }, []);\n\n const doOpen = useCallback((id: string) => {\n setDraftBody(null);\n navigate(`/note/${id}`);\n }, []);\n\n const doBack = useCallback(() => {\n navigate(\"/\");\n }, []);\n\n const requestDelete = useCallback((id: string) => {\n setConfirmDeleteId(id);\n }, []);\n\n const confirmDelete = useCallback(() => {\n const id = confirmDeleteId;\n setConfirmDeleteId(null);\n if (!id) return;\n // flush any pending draft for this note (discard)\n setNotes((prev) => {\n const next = prev.filter((n) => n.id !== id);\n saveNotes(next);\n return next;\n });\n if (editingId === id) {\n navigate(\"/\");\n }\n }, [confirmDeleteId, editingId]);\n\n // ── Render ─────────────────────────────────────────────────────────────────\n if (!unlocked) {\n return setUnlockedState(true)} />;\n }\n\n return (\n

\n {editingId && editingNote ? (\n setDraftBody(body)}\n onBack={doBack}\n onDelete={requestDelete}\n />\n ) : (\n \n )}\n {confirmDeleteId && (\n setConfirmDeleteId(null)}\n onConfirm={confirmDelete}\n />\n )}\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useCallback, useRef } from \"https://esm.sh/react@18.2.0\";\n\n// ────────────────────────────────────────────────────────────────────────────\n// Types & constants\n// ────────────────────────────────────────────────────────────────────────────\n\ninterface Note {\n id: string;\n body: string;\n updatedAt: number; // epoch ms (UTC)\n}\n\nconst PASSWORD = \"my-notes-are-mine\";\nconst STORAGE_KEY = \"notes-app-notes-v1\";\nconst PLACEHOLDER_TITLE = \"New Note\";\n\n// ────────────────────────────────────────────────────────────────────────────\n// Helpers\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction uid(): string {\n return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);\n}\n\nfunction pad2(n: number): string {\n return n < 10 ? \"0\" + n : String(n);\n}\n\nfunction formatTimestamp(epochMs: number): string {\n const d = new Date(epochMs);\n const y = d.getUTCFullYear();\n const mo = pad2(d.getUTCMonth() + 1);\n const da = pad2(d.getUTCDate());\n const h = pad2(d.getUTCHours());\n const mi = pad2(d.getUTCMinutes());\n return `${y}-${mo}-${da} ${h}:${mi}`;\n}\n\nfunction noteTitle(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 PLACEHOLDER_TITLE;\n}\n\nfunction notePreview(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 (trimmed) {\n if (!foundTitle) {\n foundTitle = true;\n continue;\n }\n // first non-empty line after the title line\n const single = trimmed.replace(/\\s+/g, \" \");\n return single.length > 80 ? single.slice(0, 80) + \"…\" : single;\n }\n }\n return \"\";\n}\n\nfunction loadNotes(): Note[] {\n try {\n const raw = localStorage.getItem(STORAGE_KEY);\n if (!raw) return [];\n const parsed = JSON.parse(raw);\n if (!Array.isArray(parsed)) return [];\n return parsed.filter((n: any) => n && typeof n.id === \"string\" && typeof n.body === \"string\" && typeof n.updatedAt === \"number\");\n } catch {\n return [];\n }\n}\n\nfunction saveNotes(notes: Note[]): void {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(notes));\n}\n\n// Simple hash router\nfunction getHash(): string {\n return window.location.hash.replace(/^#/, \"\") || \"/\";\n}\n\nfunction navigate(hash: string): void {\n window.location.hash = hash;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// Password Gate\n// ────────────────────────────────────────────────────────────────────────────\n\nfunction PasswordGate({ onUnlock }: { onUnlock: () => void }) {\n const [value, setValue] = useState(\"\");\n const [error, setError] = useState(\"\");\n\n const submit = useCallback((e?: any) => {\n if (e) e.preventDefault();\n if (!value.trim()) {\n setError(\"Password is required\");\n return;\n }\n if (value !== PASSWORD) {\n setError(\"Incorrect password\");\n return;\n }\n setError(\"\");\n onUnlock();\n }, [value]);\n\n return (\n

My Notes

\n \n + New Note\n \n

\n setSearch(e.target.value)}\n />\n {sorted.length === 0 ? (\n

\n {q ? \"No matching notes.\" : \"No notes yet. Create one to get started.\"}\n

\n ) : (\n

onOpen(n.id)}\n >\n

{noteTitle(n.body)}

\n {notePreview(n.body) && (\n

{notePreview(n.body)}

\n )}\n

{formatTimestamp(n.updatedAt)}

\n {\n e.stopPropagation();\n onDelete(n.id);\n }}\n >\n Delete\n \n \n ))}\n

\n )}\n

\n \n ← Back\n \n onDelete(note.id)}\n class=\"text-red-500 hover:text-red-700 font-medium\"\n >\n Delete\n \n

\n onChange(e.target.value)}\n />\n

\n Last edited: {formatTimestamp(note.updatedAt)}\n

{message}

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

\n );\n}\n","createdAt",["D",1783453987098],"branchVersion","branchId","622ad257-974c-417c-9277-5ef47e89d3f4","id","817dd67f-f346-40d7-a2af-d3921709aa3f","notes-z-ai-glm-5-2-nitro-d0db8192",["D",1783453883752],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ViBench-VT: notes built by z-ai/glm-5.2:nitro (remix)","imageUrl","1cb5e0c6-ae85-4bcd-999e-4394b4ef8d27","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3c8e-4c18-7004-b524-3ee59b13853d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":98},"org",{"_96":95,"_97":98,"_99":98,"_18":56,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vibench","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":225,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":226,"_80":227,"_82":228,"_84":25},"tree",[164,171,172],"files",[164,165,166,167,168,169,170,171,172],"counts",{"_154":62,"_155":143,"_156":62,"_157":158,"_159":160},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":147,"_32":148,"_30":149,"_132":-5,"_42":43,"_41":150,"_134":121,"_39":151,"_13":62,"_34":152,"_36":-5,"_24":25,"_138":-5,"_27":153},{"_44":140,"_32":141,"_30":142,"_132":-5,"_42":43,"_41":143,"_134":121,"_39":144,"_13":62,"_34":20,"_36":145,"_24":25,"_138":-5,"_27":146},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":121,"_39":135,"_13":62,"_34":136,"_36":137,"_24":25,"_138":-5,"_27":139},"6b42efbf-a420-41f1-bb93-4a3f5dd4225b","index.ts","3c6adfb0-7a3d-11f1-bfdf-1607ee4eb77e","parentId",3,"latest",["D",1783453884986],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\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// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[130],"4e0a35f7-372a-4567-ae23-0abfafb63fa0","README.md","3bd96a1c-7a3d-11f1-b662-1607ee4eb77e",1,["D",1783453884081],"# 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",[141],"e965a04b-c16d-49ba-968c-fc001bff2025","frontend","25f7fe6f-14f7-4515-b0c6-df8f8882a088",2,["D",1783453884595],"directory",[148],"pulls","branches","forks","envVars",{"_161":62,"_163":62},"connections",{"_161":62,"_162":62},"count","unfilledCount","emptyCount",{"_44":147,"_32":148,"_30":149,"_132":-5,"_42":43,"_41":150,"_134":121,"_39":222,"_13":62,"_34":152,"_36":-5,"_24":25,"_138":-5,"_174":223,"_27":224},{"_44":218,"_32":212,"_30":206,"_132":149,"_42":43,"_41":207,"_134":121,"_39":219,"_13":62,"_34":152,"_36":-5,"_24":25,"_138":-5,"_174":220,"_27":221},{"_44":213,"_32":33,"_30":31,"_132":206,"_42":43,"_41":14,"_134":25,"_39":214,"_13":215,"_34":35,"_36":38,"_24":25,"_138":-5,"_174":216,"_27":217},{"_44":203,"_32":204,"_30":205,"_132":206,"_42":43,"_41":207,"_134":121,"_39":208,"_13":62,"_34":35,"_36":209,"_24":25,"_138":-5,"_174":210,"_27":211},{"_44":195,"_32":196,"_30":197,"_132":149,"_42":43,"_41":198,"_134":121,"_39":199,"_13":62,"_34":20,"_36":200,"_24":25,"_138":-5,"_174":201,"_27":202},{"_44":187,"_32":188,"_30":189,"_132":149,"_42":43,"_41":190,"_134":121,"_39":191,"_13":143,"_34":20,"_36":192,"_24":25,"_138":-5,"_174":193,"_27":194},{"_44":180,"_32":181,"_30":182,"_132":149,"_42":43,"_41":150,"_134":121,"_39":183,"_13":62,"_34":35,"_36":184,"_24":25,"_138":-5,"_174":185,"_27":186},{"_44":140,"_32":141,"_30":142,"_132":-5,"_42":43,"_41":143,"_134":121,"_39":177,"_13":62,"_34":20,"_36":145,"_24":25,"_138":-5,"_174":178,"_27":179},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":121,"_39":173,"_13":62,"_34":136,"_36":137,"_24":25,"_138":-5,"_174":175,"_27":176},["D",1783453884986],"children",[],[130],["D",1783453884081],[],[141],"ad65176d-1aa2-4e70-a465-60a4f43ed917","index.tsx","3c38b224-7a3d-11f1-ae23-1607ee4eb77e",["D",1783453884595],"/** @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();",[],[148,181],"201eaf5b-a5a3-4cfb-bf3e-8cd05c6bfea9","index.html","3c809a8a-7a3d-11f1-8c7d-1607ee4eb77e",9,["D",1783453916527],"\n\n \n \n \n My Notes\n \n \n \n \n

\n \n \n \n",[],[148,188],"c3347841-2d46-470a-9f60-fe216b1b6f20","favicon.svg","3ca83a9a-7a3d-11f1-8c49-1607ee4eb77e",5,["D",1783453885404],"\n",[],[148,196],"f3511648-241c-4b3d-bb39-8386e0084ea0","Counter.tsx","3d6bfa20-7a3d-11f1-9f00-1607ee4eb77e","51a74af2-096f-4834-90e8-5d15f96fcf3e",6,["D",1783453886427],"/** @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",[],[148,212,204],"components","ba755c9e-e6d7-4a1c-813b-647c662c1e9e",["D",1783453987098],7,[],[148,212,33],"c0eb6e02-96b0-4e3a-b732-222235f212b3",["D",1783453886427],[166,167],[148,212],["D",1783453884595],[165,168,169,170],[148],["D",1783453883752],{"_96":95,"_103":98},{"_96":95,"_97":98,"_99":98,"_18":56,"_100":101,"_102":25},{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_123":262,"_263":264,"_265":266,"_267":25,"_268":25,"_269":25,"_270":121,"_271":-5,"_272":-7,"_273":-7,"_274":62,"_275":25,"_276":25,"_277":-5,"_278":25,"_279":25,"_280":25,"_281":-5},"ENV",{"_233":234,"_235":236,"_237":86,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

🔒 My Notes

My Notes

🔒 My Notes

My Notes

Diff · v15