\",\n `

${appHtml}

\",\n `

${appHtml}

`,\n );\n\n // Return the HTML with the appropriate headers\n return c.html(html);\n});\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Export the app for HTTP vals\nexport default app.fetch;","react-router-7-example",[94,75],"4e9a4972b03daf1406798945c43045ae3fa638f79f1c4404fb003e35b4557379",["D",1744152661331],"legacyEnvVars","httpPrivacy","description","Full-stack example ReactRouter7 project","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",151,"likeCount",3,"tursoName","f1a22d8a14cb11f0b108569c3dd06744","tursoHostname","f1a22d8a14cb11f0b108569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789558275908],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_147":143},"org",{"_11":12,"_141":-5,"_142":143,"_111":112,"_144":145,"_146":49},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":458,"_47":-5,"_106":49,"_50":51,"_107":51,"_108":109,"_110":-5,"_111":112,"_113":96,"_114":26,"_115":-5,"_116":117,"_118":119,"_53":54,"_120":121,"_122":123,"_124":459,"_126":-5,"_127":128,"_129":128,"_130":131,"_132":131,"_133":131,"_134":128,"_135":128,"_136":460,"_138":461,"_140":462,"_48":49},"tree",[223,228,240,251,254,255],"files",[223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255],"counts",{"_212":182,"_213":214,"_215":119,"_216":217,"_218":219},"contents",[173,174,175,176,177,178],"file","upstreamProject","upstreamBranch",{"_32":33,"_34":171,"_36":172,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744152661331],["D",1771761464050],{"_32":209,"_13":94,"_76":79,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":210,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_68":211},{"_32":204,"_13":205,"_76":206,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":207,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_68":208},{"_32":199,"_13":200,"_76":201,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":202,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_68":203},{"_32":193,"_13":194,"_76":195,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":196,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_68":198},{"_32":187,"_13":188,"_76":189,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":190,"_41":184,"_85":159,"_87":191,"_63":49,"_89":-5,"_68":192},{"_32":179,"_13":180,"_76":181,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":183,"_41":184,"_85":159,"_87":185,"_63":49,"_89":-5,"_68":186},"0dfb147c-15ff-11f0-8464-569c3dd06744","TODO.md","d000c49a-5346-48cb-9efb-23a23336443c",1,["D",1744284564372],0,"- [ ] When you submit a new message board thing, it doesn't redirect to that newly created thing after it's done. It just shows a lame empty page.\n- [ ] Get OpenTownie or Gemini or Claude or OpenAI to synthesize the core of these patterns into a prompt we can use to make more ReactRouter apps, such as...\n- [ ] Convert this or into the basic react router guest book (and preserve this forum app in another project?)\n- [ ] Sometimes when you hit the back button, you get the JSON representation of the page, ie its loader. That's weird! I wonder if I can get a solid repro of that.\n- [ ] To what extent can these patterns be packaged up into a Val Town Router project? Would be neat to get the version pinning thing all centralized, can this as-a-library be that centralized place?",[180],"0dfaf24e-15ff-11f0-8464-569c3dd06744","README.md","d3009e84-5e6a-46a7-906c-a5787afc7421",["D",1744284564372],"# Community Message Board\n\nA simple community message board application built with React Router 7, demonstrating a full-stack approach with server-side rendering and client-side navigation.\n\n## Features\n\n- **Server-Side Rendering**: All pages are server-rendered when accessed directly\n- **Client-Side Navigation**: After initial load, navigation happens client-side\n- **Topic Management**: Create and view discussion topics\n- **Messaging System**: Post messages in topics\n- **Direct Message Links**: Link directly to specific messages via timestamps\n- **Search Functionality**: Search topics and messages with URL parameters\n- **Loading Indicators**: Visual feedback during async operations\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database queries\n│ └── index.ts # Server entry point\n├── frontend/\n│ ├── components/\n│ │ ├── LoadingSpinner.tsx\n│ │ ├── MessageForm.tsx\n│ │ ├── MessageList.tsx\n│ │ └── SearchForm.tsx\n│ ├── index.html # HTML template\n│ └── index.tsx # Client entry point\n├── routes/\n│ ├── App.tsx # Main application component\n│ ├── Home.tsx # Home page component\n│ ├── Home.loader.ts # Home page data loader\n│ ├── Topic.tsx # Topic detail component\n│ ├── Topic.loader.ts # Topic data loader\n│ ├── Topic.action.ts # Topic message creation action\n│ ├── TopicMessage.loader.ts # Direct message link loader\n│ ├── Topics.action.ts # Topic creation action\n│ ├── Search.tsx # Search results component\n│ └── Search.loader.ts # Search data loader\n└── shared/\n ├── routes.ts # Route definitions\n └── types.ts # Shared TypeScript types\n```\n\n## How It Works\n\n### Server-Side Rendering\n\nThe application uses React Router 7's `createStaticHandler`, `createStaticRouter`, and `StaticRouterProvider` to render pages on the server. When a user directly accesses a URL:\n\n1. The server receives the request\n2. It runs the appropriate loaders/actions for the matched route\n3. The page is rendered with the data and sent to the client\n4. The client hydrates the page with `createBrowserRouter` and `RouterProvider`\n\n### Client-Side Navigation\n\nAfter the initial page load, navigation happens entirely on the client:\n\n1. React Router handles link clicks and form submissions\n2. Data is fetched asynchronously using loaders and actions\n3. A loading spinner is displayed during data fetching\n4. The UI updates without a full page reload\n\n### Data Flow\n\n1. **Topics**: Stored in SQLite with title and creation timestamp\n2. **Messages**: Linked to topics with content and creation timestamp\n3. **Search**: Queries both topics and messages, with results in the URL\n\n### URL Structure\n\n- `/` - Home page with list of topics\n- `/topics/new` - Create new topic\n- `/topics/:topicId` - View a topic and its messages\n- `/topics/:topicId/messages/:messageId` - Direct link to a message\n- `/search?q=query` - Search results\n\n## Getting Started\n\n1. Clone the repository\n2. Run the application with `deno run -A backend/index.ts`\n3. Visit `http://localhost:3000` in your browser\n\n## Implementation Details\n\nThis application demonstrates a \"Val Town fullstack framework\" approach, combining:\n\n- **Hono**: For server-side routing and handling\n- **React Router 7**: For both server and client-side routing\n- **SQLite**: For data persistence\n- **TypeScript**: For type safety across the stack\n\nThe code is structured to be idiomatic and simple, serving as a reference for building full-stack applications with React Router 7. The project uses a Remix-style file naming convention with co-located components, loaders, and actions in the `/routes` directory.",[188],"0dfaf0dc-15ff-11f0-8464-569c3dd06744","shared","c6a1db02-fc07-4d85-aa6d-82c34c1a0361",["D",1744284564372],"directory",[194],"0dfaea88-15ff-11f0-8464-569c3dd06744","routes","2c535eba-6784-48c5-a5cf-65c8208c0d9a",["D",1744284564372],[200],"0dfad372-15ff-11f0-8464-569c3dd06744","frontend","4da763eb-2fc2-4086-b67a-439bf27fdfff",["D",1744284564372],[205],"0dfa9ce0-15ff-11f0-8464-569c3dd06744",["D",1744284564372],[94],"pulls","branches",5,"forks","envVars",{"_220":184,"_222":184},"connections",{"_220":184,"_221":184},"count","unfilledCount","emptyCount",{"_32":209,"_13":94,"_76":79,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":455,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":456,"_68":457},{"_32":451,"_13":443,"_76":438,"_78":79,"_80":56,"_81":182,"_82":26,"_34":452,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":453,"_68":454},{"_32":444,"_13":445,"_76":446,"_78":438,"_80":56,"_81":182,"_82":26,"_34":447,"_41":184,"_85":266,"_87":448,"_63":49,"_89":-5,"_90":449,"_68":450},{"_32":435,"_13":436,"_76":437,"_78":438,"_80":56,"_81":182,"_82":26,"_34":439,"_41":184,"_85":266,"_87":440,"_63":49,"_89":-5,"_90":441,"_68":442},{"_32":74,"_13":75,"_76":77,"_78":79,"_80":56,"_81":20,"_82":26,"_34":83,"_41":84,"_85":86,"_87":88,"_63":49,"_89":-5,"_90":433,"_68":434},{"_32":204,"_13":205,"_76":206,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":430,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":431,"_68":432},{"_32":426,"_13":377,"_76":372,"_78":206,"_80":56,"_81":182,"_82":26,"_34":427,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":428,"_68":429},{"_32":420,"_13":346,"_76":421,"_78":372,"_80":56,"_81":182,"_82":26,"_34":422,"_41":184,"_85":266,"_87":423,"_63":49,"_89":-5,"_90":424,"_68":425},{"_32":413,"_13":414,"_76":415,"_78":372,"_80":56,"_81":182,"_82":26,"_34":416,"_41":184,"_85":266,"_87":417,"_63":49,"_89":-5,"_90":418,"_68":419},{"_32":406,"_13":407,"_76":408,"_78":372,"_80":56,"_81":182,"_82":26,"_34":409,"_41":184,"_85":266,"_87":410,"_63":49,"_89":-5,"_90":411,"_68":412},{"_32":399,"_13":400,"_76":401,"_78":372,"_80":56,"_81":182,"_82":26,"_34":402,"_41":184,"_85":266,"_87":403,"_63":49,"_89":-5,"_90":404,"_68":405},{"_32":392,"_13":393,"_76":394,"_78":372,"_80":56,"_81":182,"_82":26,"_34":395,"_41":184,"_85":266,"_87":396,"_63":49,"_89":-5,"_90":397,"_68":398},{"_32":385,"_13":386,"_76":387,"_78":372,"_80":56,"_81":182,"_82":26,"_34":388,"_41":184,"_85":266,"_87":389,"_63":49,"_89":-5,"_90":390,"_68":391},{"_32":378,"_13":379,"_76":380,"_78":372,"_80":56,"_81":182,"_82":26,"_34":381,"_41":184,"_85":266,"_87":382,"_63":49,"_89":-5,"_90":383,"_68":384},{"_32":369,"_13":370,"_76":371,"_78":372,"_80":56,"_81":182,"_82":26,"_34":373,"_41":184,"_85":266,"_87":374,"_63":49,"_89":-5,"_90":375,"_68":376},{"_32":362,"_13":363,"_76":364,"_78":206,"_80":56,"_81":182,"_82":26,"_34":365,"_41":184,"_85":159,"_87":366,"_63":49,"_89":-5,"_90":367,"_68":368},{"_32":355,"_13":356,"_76":357,"_78":206,"_80":56,"_81":182,"_82":26,"_34":358,"_41":184,"_85":266,"_87":359,"_63":49,"_89":-5,"_90":360,"_68":361},{"_32":199,"_13":200,"_76":201,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":352,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":353,"_68":354},{"_32":345,"_13":346,"_76":347,"_78":201,"_80":56,"_81":182,"_82":26,"_34":348,"_41":184,"_85":266,"_87":349,"_63":49,"_89":-5,"_90":350,"_68":351},{"_32":336,"_13":337,"_76":338,"_78":201,"_80":56,"_81":339,"_82":26,"_34":340,"_41":341,"_85":266,"_87":342,"_63":49,"_89":-5,"_90":343,"_68":344},{"_32":329,"_13":330,"_76":331,"_78":201,"_80":56,"_81":182,"_82":26,"_34":332,"_41":184,"_85":266,"_87":333,"_63":49,"_89":-5,"_90":334,"_68":335},{"_32":322,"_13":323,"_76":324,"_78":201,"_80":56,"_81":182,"_82":26,"_34":325,"_41":184,"_85":266,"_87":326,"_63":49,"_89":-5,"_90":327,"_68":328},{"_32":315,"_13":316,"_76":317,"_78":201,"_80":56,"_81":182,"_82":26,"_34":318,"_41":184,"_85":266,"_87":319,"_63":49,"_89":-5,"_90":320,"_68":321},{"_32":308,"_13":309,"_76":310,"_78":201,"_80":56,"_81":182,"_82":26,"_34":311,"_41":184,"_85":266,"_87":312,"_63":49,"_89":-5,"_90":313,"_68":314},{"_32":301,"_13":302,"_76":303,"_78":201,"_80":56,"_81":182,"_82":26,"_34":304,"_41":184,"_85":266,"_87":305,"_63":49,"_89":-5,"_90":306,"_68":307},{"_32":294,"_13":295,"_76":296,"_78":201,"_80":56,"_81":182,"_82":26,"_34":297,"_41":184,"_85":266,"_87":298,"_63":49,"_89":-5,"_90":299,"_68":300},{"_32":287,"_13":288,"_76":289,"_78":201,"_80":56,"_81":182,"_82":26,"_34":290,"_41":184,"_85":266,"_87":291,"_63":49,"_89":-5,"_90":292,"_68":293},{"_32":280,"_13":281,"_76":282,"_78":201,"_80":56,"_81":182,"_82":26,"_34":283,"_41":184,"_85":266,"_87":284,"_63":49,"_89":-5,"_90":285,"_68":286},{"_32":193,"_13":194,"_76":195,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":277,"_41":184,"_85":197,"_87":-5,"_63":49,"_89":-5,"_90":278,"_68":279},{"_32":270,"_13":271,"_76":272,"_78":195,"_80":56,"_81":182,"_82":26,"_34":273,"_41":184,"_85":266,"_87":274,"_63":49,"_89":-5,"_90":275,"_68":276},{"_32":262,"_13":263,"_76":264,"_78":195,"_80":56,"_81":182,"_82":26,"_34":265,"_41":184,"_85":266,"_87":267,"_63":49,"_89":-5,"_90":268,"_68":269},{"_32":187,"_13":188,"_76":189,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":259,"_41":184,"_85":159,"_87":191,"_63":49,"_89":-5,"_90":260,"_68":261},{"_32":179,"_13":180,"_76":181,"_78":-5,"_80":56,"_81":182,"_82":26,"_34":256,"_41":184,"_85":159,"_87":185,"_63":49,"_89":-5,"_90":257,"_68":258},["D",1744284564372],[],[180],["D",1744284564372],[],[188],"0dfaef2e-15ff-11f0-8464-569c3dd06744","types.ts","f0d28d5e-05ff-44de-8a01-2ddf26652d01",["D",1744284564372],"script","/**\n * Topic model representing a discussion thread\n */\nexport interface Topic {\n id: number;\n title: string;\n createdAt: string;\n}\n\n/**\n * Message model representing a post within a topic\n */\nexport interface Message {\n id: number;\n topicId: number;\n content: string;\n createdAt: string;\n}\n\n/**\n * Search results containing matching topics and messages\n */\nexport interface SearchResults {\n topics: Topic[];\n messages: Message[];\n query: string;\n}",[],[194,263],"0dfaec36-15ff-11f0-8464-569c3dd06744","routes.ts","7dcf0b05-231b-4f0d-a5e8-42494836de0f",["D",1744284564372],"import {\n type ActionFunctionArgs,\n type LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { App } from \"../routes/App.tsx\";\nimport { Home } from \"../routes/Home.tsx\";\nimport { Search } from \"../routes/Search.tsx\";\nimport { Topic } from \"../routes/Topic.tsx\";\n\nlet isServer = typeof document === \"undefined\";\nlet isClient = !isServer;\n\n// Generic loader that forwards on requests for that page's JSON data\nfunction clientLoader({ request }: LoaderFunctionArgs) {\n return fetch(request, {\n headers: {\n \"Accept\": \"application/json\",\n },\n }).then(res => res.json());\n}\n\n// Generic action that forwards on requests for that page\nfunction clientAction({ request }: ActionFunctionArgs) {\n return fetch(request);\n}\n\nfunction createFullstackLoader(loaderSourceImportURL: string) {\n if (isClient) {\n return clientLoader;\n } else {\n return async (args: LoaderFunctionArgs) => {\n let module = await import(loaderSourceImportURL);\n let loader = module.loader || module.default;\n return loader(args);\n };\n }\n}\n\nfunction createFullstackAction(actionSourceImportURL: string) {\n if (isClient) {\n return clientAction;\n } else {\n return async (args: ActionFunctionArgs) => {\n let module = await import(actionSourceImportURL);\n let action = module.action || module.default;\n return action(args);\n };\n }\n}\n\nexport const routes = [\n {\n path: \"/\",\n Component: App,\n children: [\n {\n index: true,\n Component: Home,\n loader: createFullstackLoader(\"../routes/Home.loader.ts\"),\n },\n {\n path: \"topics/new\",\n action: createFullstackAction(\"../routes/Topics.action.ts\"),\n },\n {\n path: \"topics/:topicId\",\n Component: Topic,\n loader: createFullstackLoader(\"../routes/Topic.loader.ts\"),\n action: createFullstackAction(\"../routes/Topic.action.ts\"),\n },\n {\n path: \"topics/:topicId/messages/:messageId\",\n Component: Topic,\n loader: createFullstackLoader(\"../routes/TopicMessage.loader.ts\"),\n },\n {\n path: \"search\",\n Component: Search,\n loader: createFullstackLoader(\"../routes/Search.loader.ts\"),\n },\n ],\n },\n];",[],[194,271],["D",1744284564372],[252,253],[194],"0dfae8ee-15ff-11f0-8464-569c3dd06744","Topics.action.ts","5b18e047-c3cc-410e-950c-9c23ecef1fc4",["D",1744284564372],"import { ActionFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createTopic } from \"../backend/database/queries.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n const formData = await request.formData();\n const title = formData.get(\"title\") as string;\n\n if (!title || title.trim() === \"\") {\n throw new Response(\"Title is required\", { status: 400 });\n }\n\n const topic = await createTopic(title);\n return { topic };\n}",[],[200,281],"0dfae682-15ff-11f0-8464-569c3dd06744","TopicMessage.loader.ts","e276afd4-1b7d-4ad7-920a-ba7d8bbe0079",["D",1744284564372],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { getTopicById, getMessageById, getMessagesByTopicId } from \"../backend/database/queries.ts\";\n\nexport async function loader({ params }: LoaderFunctionArgs) {\n const topicId = parseInt(params.topicId!, 10);\n const messageId = parseInt(params.messageId!, 10);\n\n const topic = await getTopicById(topicId);\n if (!topic) {\n throw new Response(\"Topic not found\", { status: 404 });\n }\n\n const message = await getMessageById(messageId);\n if (!message || message.topicId !== topicId) {\n throw new Response(\"Message not found\", { status: 404 });\n }\n\n const messages = await getMessagesByTopicId(topicId);\n return { topic, messages };\n}",[],[200,288],"0dfae39e-15ff-11f0-8464-569c3dd06744","Topic.tsx","4c8311a1-ac2e-4ec5-a287-47c0300e9dbe",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLoaderData, useParams } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Message, Topic } from \"../shared/types.ts\";\nimport { MessageForm } from \"../frontend/components/MessageForm.tsx\";\nimport { MessageList } from \"../frontend/components/MessageList.tsx\";\nimport { SearchForm } from \"../frontend/components/SearchForm.tsx\";\n\ninterface TopicDetailData {\n topic: Topic;\n messages: Message[];\n}\n\nexport function Topic() {\n const { topic, messages } = useLoaderData() as TopicDetailData;\n const { messageId } = useParams();\n const highlightedMessageId = messageId ? parseInt(messageId, 10) : undefined;\n \n // Scroll to highlighted message if messageId is provided\n useEffect(() => {\n if (highlightedMessageId) {\n const messageElement = document.getElementById(`message-${highlightedMessageId}`);\n if (messageElement) {\n messageElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }\n }, [highlightedMessageId]);\n \n return (\n

Community Message Board

\n \n Home\n \n

\n \n \n \n

{topic.title}

\n Created {new Date(topic.createdAt).toLocaleString()}\n

\n \n

Messages

\n \n \n \n \n

\n );\n}",[],[200,295],"0dfae16e-15ff-11f0-8464-569c3dd06744","Topic.loader.ts","84d0da5b-8019-48ba-bf24-e06cec537eef",["D",1744284564372],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { getTopicById, getMessagesByTopicId } from \"../backend/database/queries.ts\";\n\nexport async function loader({ params }: LoaderFunctionArgs) {\n const topicId = parseInt(params.topicId!, 10);\n const topic = await getTopicById(topicId);\n\n if (!topic) {\n throw new Response(\"Topic not found\", { status: 404 });\n }\n\n const messages = await getMessagesByTopicId(topicId);\n return { topic, messages };\n}",[],[200,302],"0dfadfca-15ff-11f0-8464-569c3dd06744","Topic.action.ts","94a427aa-e49b-4ca5-8ca2-2921de46711c",["D",1744284564372],"import { ActionFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createMessage } from \"../backend/database/queries.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n const formData = await request.formData();\n const topicId = parseInt(formData.get(\"topicId\") as string, 10);\n const content = formData.get(\"content\") as string;\n\n if (!content || content.trim() === \"\") {\n throw new Response(\"Content is required\", { status: 400 });\n }\n\n const message = await createMessage(topicId, content);\n return { message };\n}",[],[200,309],"0dfadd04-15ff-11f0-8464-569c3dd06744","Search.tsx","518a9902-a1e7-46b0-bba5-2d7f99bad9b8",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLoaderData } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { SearchResults as SearchResultsType } from \"../shared/types.ts\";\nimport { SearchForm } from \"../frontend/components/SearchForm.tsx\";\n\nexport function Search() {\n const { topics, messages, query } = useLoaderData() as SearchResultsType;\n const hasResults = topics.length > 0 || messages.length > 0;\n \n return (\n

Community Message Board

\n \n Home\n \n

\n \n \n \n

\n Search Results for \"{query}\"\n

\n \n {!hasResults ? (\n

\n No results found for \"{query}\". Try a different search term.\n

\n ) : (\n

\n {topics.length > 0 && (\n

Topics ({topics.length})

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toLocaleString()}\n

\n ))}\n

\n )}\n \n {messages.length > 0 && (\n

Messages ({messages.length})

\n {messages.map((message) => (\n

{message.content}

\n \n View in topic\n \n \n {new Date(message.createdAt).toLocaleString()}\n \n

\n ))}\n

\n )}\n

\n );\n}",[],[200,316],"0dfadba6-15ff-11f0-8464-569c3dd06744","Search.loader.ts","723268ed-f6ad-42cd-9d47-12472c351680",["D",1744284564372],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { search } from \"../backend/database/queries.ts\";\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n const url = new URL(request.url);\n const query = url.searchParams.get(\"q\") || \"\";\n\n if (!query || query.trim() === \"\") {\n return { topics: [], messages: [], query: \"\" };\n }\n\n return await search(query);\n}",[],[200,323],"0dfad7d2-15ff-11f0-8464-569c3dd06744","Home.tsx","dbdbac3f-4b57-47ed-ad62-d4b7100b4f52",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Form,\n Link,\n useLoaderData,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Topic } from \"../shared/types.ts\";\nimport { LoadingSpinner } from \"../frontend/components/LoadingSpinner.tsx\";\nimport { SearchForm } from \"../frontend/components/SearchForm.tsx\";\n\ninterface TopicListProps {\n topics: Topic[];\n}\n\nexport function Home() {\n const navigation = useNavigation();\n const { topics } = useLoaderData();\n const isCreatingTopic = navigation.formAction === \"/topics/new\" && navigation.state === \"submitting\";\n\n return (\n

Community Message Board

\n \n Home\n \n

\n\n \n\n

Create a New Topic

\n \n

\n\n

Topics

\n\n {topics.length === 0\n ? (\n

\n No topics yet. Create the first one!\n

\n )\n : (\n

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toDateString()}\n

\n ))}\n

\n )}\n

\n );\n}",[],[200,330],"a19ebdc6-1601-11f0-b336-569c3dd06744","Home.loader.ts","cc743363-3789-41da-8d02-b0658fb3a1a2",8,["D",1744285671067],2,"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { getAllTopics } from \"../backend/database/queries.ts\";\n\nexport async function loader() {\n return { topics: await getAllTopics() };\n}",[],[200,337],"0dfad4d0-15ff-11f0-8464-569c3dd06744","App.tsx","d899cf14-b293-43e8-aa79-9e163305207b",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Outlet, useNavigation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { LoadingSpinner } from \"../frontend/components/LoadingSpinner.tsx\";\n\nexport function App() {\n const navigation = useNavigation();\n const isLoading = navigation.state === \"loading\";\n return (\n

\n {isLoading && (\n

\n \n

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

\n );\n}",[],[200,346],["D",1744284564372],[241,242,243,244,245,246,247,248,249,250],[200],"0dfad228-15ff-11f0-8464-569c3dd06744","index.tsx","b07424a0-2603-44fb-979c-2d0f026523d4",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n createBrowserRouter,\n RouterProvider,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { routes } from \"../shared/routes.ts\";\n\n// Create a browser router with the same routes as the server\n// but using the hydration data from the server render\nconst router = createBrowserRouter(\n routes,\n {\n // @ts-ignore - The window.__staticRouterHydrationData is added by the server\n hydrationData: window.__staticRouterHydrationData,\n },\n);\n\n// Hydrate the app\nhydrateRoot(\n document.getElementById(\"root\")!,\n \n \n ,\n);",[],[205,356],"0dfad03e-15ff-11f0-8464-569c3dd06744","index.html","93e46ad9-5307-47a8-8db9-403e4e875039",["D",1744284564372],"\n\n \n \n \n Community Message Board\n \n \n \n \n \n

\n \n \n",[],[205,363],"0dfacb98-15ff-11f0-8464-569c3dd06744","TopicList.tsx","b0d10a5c-9dc3-4854-9081-079445471502","a03b28b7-1d27-4a70-814b-e822a531240d",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Form,\n Link,\n useLoaderData,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Topic } from \"../../shared/types.ts\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\nimport { SearchForm } from \"./SearchForm.tsx\";\n\ninterface TopicListProps {\n topics: Topic[];\n}\n\nexport function TopicList() {\n const navigation = useNavigation();\n const { topics } = useLoaderData();\n const isCreatingTopic = navigation.formAction === \"/topics/new\" && navigation.state === \"submitting\";\n\n return (\n

Community Message Board

\n \n Home\n \n

\n\n \n\n

Create a New Topic

\n \n

\n\n

Topics

\n\n {topics.length === 0\n ? (\n

\n No topics yet. Create the first one!\n

\n )\n : (\n

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toDateString()}\n

\n ))}\n

\n )}\n

\n );\n}",[],[205,377,370],"components","0dfac8b4-15ff-11f0-8464-569c3dd06744","TopicDetail.tsx","22fc8cc1-2809-414a-90c3-f4ed7d0514be",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLoaderData, useParams } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Message, Topic } from \"../../shared/types.ts\";\nimport { MessageForm } from \"./MessageForm.tsx\";\nimport { MessageList } from \"./MessageList.tsx\";\nimport { SearchForm } from \"./SearchForm.tsx\";\n\ninterface TopicDetailData {\n topic: Topic;\n messages: Message[];\n}\n\nexport function TopicDetail() {\n const { topic, messages } = useLoaderData() as TopicDetailData;\n const { messageId } = useParams();\n const highlightedMessageId = messageId ? parseInt(messageId, 10) : undefined;\n \n // Scroll to highlighted message if messageId is provided\n useEffect(() => {\n if (highlightedMessageId) {\n const messageElement = document.getElementById(`message-${highlightedMessageId}`);\n if (messageElement) {\n messageElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }\n }, [highlightedMessageId]);\n \n return (\n

Community Message Board

\n \n Home\n \n

\n \n \n \n

{topic.title}

\n Created {new Date(topic.createdAt).toLocaleString()}\n

\n \n

Messages

\n \n \n \n \n

\n );\n}",[],[205,377,379],"0dfac4cc-15ff-11f0-8464-569c3dd06744","SearchResults.tsx","c95f57e4-8b09-436c-bfd5-b44c03223cf5",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLoaderData } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { SearchResults as SearchResultsType } from \"../../shared/types.ts\";\nimport { SearchForm } from \"./SearchForm.tsx\";\n\nexport function SearchResults() {\n const { topics, messages, query } = useLoaderData() as SearchResultsType;\n const hasResults = topics.length > 0 || messages.length > 0;\n \n return (\n

Community Message Board

\n \n Home\n \n

\n \n \n \n

\n Search Results for \"{query}\"\n

\n \n {!hasResults ? (\n

\n No results found for \"{query}\". Try a different search term.\n

\n ) : (\n

\n {topics.length > 0 && (\n

Topics ({topics.length})

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toLocaleString()}\n

\n ))}\n

\n )}\n \n {messages.length > 0 && (\n

Messages ({messages.length})

\n {messages.map((message) => (\n

{message.content}

\n \n View in topic\n \n \n {new Date(message.createdAt).toLocaleString()}\n \n

\n ))}\n

\n )}\n

\n );\n}",[],[205,377,386],"0dfac31e-15ff-11f0-8464-569c3dd06744","SearchForm.tsx","f85ff90e-384b-4398-af50-4e15f2ef33ce",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Form, useNavigation, useSearchParams } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\nexport function SearchForm() {\n const navigation = useNavigation();\n const [searchParams] = useSearchParams();\n const query = searchParams.get(\"q\") || \"\";\n const isSearching = navigation.state === \"loading\" && navigation.location.pathname === \"/search\";\n \n return (\n \n );\n}",[],[205,377,393],"0dfabef0-15ff-11f0-8464-569c3dd06744","MessageList.tsx","14d40aaa-b94e-41df-a0e7-86f781cf7aeb",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLocation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Message } from \"../../shared/types.ts\";\n\ninterface MessageListProps {\n messages: Message[];\n topicId: number;\n highlightedMessageId?: number;\n}\n\nexport function MessageList({ messages, topicId, highlightedMessageId }: MessageListProps) {\n const location = useLocation();\n \n if (messages.length === 0) {\n return (\n

\n No messages yet. Be the first to post!\n

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

\n {messages.map((message) => {\n const isHighlighted = message.id === highlightedMessageId;\n const formattedDate = new Date(message.createdAt).toLocaleString();\n const messageUrl = `/topics/${topicId}/messages/${message.id}`;\n \n return (\n

{message.content}

\n \n {formattedDate}\n \n

\n );\n })}\n

\n );\n}",[],[205,377,400],"0dfaa3d4-15ff-11f0-8464-569c3dd06744","MessageForm.tsx","740d79a9-aca2-4c3a-9845-221aa09e5acc",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Form, useNavigation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\ninterface MessageFormProps {\n topicId: number;\n}\n\nexport function MessageForm({ topicId }: MessageFormProps) {\n const navigation = useNavigation();\n const isSubmitting = navigation.state === \"submitting\";\n \n return (\n

Post a Message

\n \n

\n );\n}",[],[205,377,407],"0dfaa14a-15ff-11f0-8464-569c3dd06744","LoadingSpinner.tsx","6cf36671-983e-4a01-98c6-629ac9cdb0a4",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface LoadingSpinnerProps {\n size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport function LoadingSpinner({ size = \"medium\" }: LoadingSpinnerProps) {\n const sizeClasses = {\n small: \"w-4 h-4 border-2\",\n medium: \"w-8 h-8 border-3\",\n large: \"w-12 h-12 border-4\"\n };\n\n return (\n

\n );\n}",[],[205,377,414],"0dfa9ee8-15ff-11f0-8464-569c3dd06744","a4d869aa-8812-414f-a7ac-50e3db84f7e9",["D",1744284564372],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Outlet, useNavigation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\nexport function App() {\n const navigation = useNavigation();\n const isLoading = navigation.state === \"loading\";\n return (\n

\n {isLoading && (\n

\n \n

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

\n );\n}",[],[205,377,346],"0dfacf08-15ff-11f0-8464-569c3dd06744",["D",1744284564372],[230,231,232,233,234,235,236,237],[205,377],["D",1744284564372],[229,238,239],[205],[],[94,75],"0dfa918c-15ff-11f0-8464-569c3dd06744","queries.ts","fed67a00-f6f6-423c-b2e5-d28a5c36ed27","0f2f1506-7c6a-4b12-9efc-fd71035cb369",["D",1744284564372],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { Message, SearchResults, Topic } from \"../../shared/types.ts\";\nimport { MESSAGES_TABLE, TOPICS_TABLE } from \"./migrations.ts\";\n\n/**\n * Get all topics ordered by creation date (newest first)\n */\nexport async function getAllTopics(): Promise {\n const result = await sqlite.execute(`\n SELECT id, title, createdAt \n FROM ${TOPICS_TABLE} \n ORDER BY createdAt DESC\n `);\n return result.rows as Topic[];\n}\n\n/**\n * Get a single topic by ID\n */\nexport async function getTopicById(id: number): Promise {\n const result = await sqlite.execute(\n `\n SELECT id, title, createdAt \n FROM ${TOPICS_TABLE} \n WHERE id = ?\n `,\n [id],\n );\n\n return result.rows.length > 0 ? (result.rows[0] as Topic) : null;\n}\n\n/**\n * Create a new topic\n */\nexport async function createTopic(title: string): Promise {\n const createdAt = new Date().toISOString();\n\n const result = await sqlite.execute(\n `\n INSERT INTO ${TOPICS_TABLE} (title, createdAt)\n VALUES (?, ?)\n RETURNING id, title, createdAt\n `,\n [title, createdAt],\n );\n\n return result.rows[0] as Topic;\n}\n\n/**\n * Get all messages for a topic\n */\nexport async function getMessagesByTopicId(topicId: number): Promise {\n const result = await sqlite.execute(\n `\n SELECT id, topicId, content, createdAt \n FROM ${MESSAGES_TABLE} \n WHERE topicId = ? \n ORDER BY createdAt ASC\n `,\n [topicId],\n );\n\n return result.rows as Message[];\n}\n\n/**\n * Get a single message by ID\n */\nexport async function getMessageById(id: number): Promise {\n const result = await sqlite.execute(\n `\n SELECT id, topicId, content, createdAt \n FROM ${MESSAGES_TABLE} \n WHERE id = ?\n `,\n [id],\n );\n\n return result.rows.length > 0 ? (result.rows[0] as Message) : null;\n}\n\n/**\n * Create a new message in a topic\n */\nexport async function createMessage(topicId: number, content: string): Promise {\n const createdAt = new Date().toISOString();\n\n const result = await sqlite.execute(\n `\n INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt)\n VALUES (?, ?, ?)\n RETURNING id, topicId, content, createdAt\n `,\n [topicId, content, createdAt],\n );\n\n return result.rows[0] as Message;\n}\n\n/**\n * Search for topics and messages containing the query string\n */\nexport async function search(query: string): Promise {\n // Search in topics\n const topicsResult = await sqlite.execute(\n `\n SELECT id, title, createdAt \n FROM ${TOPICS_TABLE} \n WHERE title LIKE ? \n ORDER BY createdAt DESC\n `,\n [`%${query}%`],\n );\n\n // Search in messages\n const messagesResult = await sqlite.execute(\n `\n SELECT m.id, m.topicId, m.content, m.createdAt \n FROM ${MESSAGES_TABLE} m\n JOIN ${TOPICS_TABLE} t ON m.topicId = t.id\n WHERE m.content LIKE ? \n ORDER BY m.createdAt DESC\n `,\n [`%${query}%`],\n );\n\n return {\n topics: topicsResult.rows as Topic[],\n messages: messagesResult.rows as Message[],\n query,\n };\n}",[],[94,443,436],"database","0dfa5942-15ff-11f0-8464-569c3dd06744","migrations.ts","83c29efe-d0fe-44e2-aab1-ecd35d860cdb",["D",1744284564372],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names with versioning to allow for schema changes\nexport const TOPICS_TABLE = \"message_board_topics_v1\";\nexport const MESSAGES_TABLE = \"message_board_messages_v1\";\n\n/**\n * Initialize the database schema\n */\nexport async function initializeDatabase() {\n // Create topics table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TOPICS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n createdAt TEXT NOT NULL\n )\n `);\n\n // Create messages table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${MESSAGES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n topicId INTEGER NOT NULL,\n content TEXT NOT NULL,\n createdAt TEXT NOT NULL,\n FOREIGN KEY (topicId) REFERENCES ${TOPICS_TABLE}(id)\n )\n `);\n\n // Create indexes for faster queries\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_messages_topicId \n ON ${MESSAGES_TABLE} (topicId)\n `);\n\n // Seed initial data if the topics table is empty\n const existingTopics = await sqlite.execute(`SELECT COUNT(*) as count FROM ${TOPICS_TABLE}`);\n \n if (existingTopics.rows[0].count === 0) {\n await seedInitialData();\n }\n}\n\n/**\n * Seed the database with initial data for demonstration\n */\nasync function seedInitialData() {\n // Insert sample topics\n await sqlite.execute(`\n INSERT INTO ${TOPICS_TABLE} (title, createdAt) VALUES\n ('Welcome to the Message Board', '${new Date().toISOString()}'),\n ('Tips and Tricks for Val Town', '${new Date().toISOString()}'),\n ('Introduce Yourself', '${new Date().toISOString()}')\n `);\n\n // Get the IDs of the inserted topics\n const topics = await sqlite.execute(`SELECT id FROM ${TOPICS_TABLE} LIMIT 3`);\n \n // Insert sample messages for each topic\n if (topics.rows.length > 0) {\n const welcomeTopicId = topics.rows[0].id;\n const tipsTopicId = topics.rows[1].id;\n const introTopicId = topics.rows[2].id;\n\n await sqlite.execute(`\n INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES\n (${welcomeTopicId}, 'Welcome to our community message board! Feel free to browse around and join the discussions.', '${new Date().toISOString()}'),\n (${welcomeTopicId}, 'If you have any questions, just post them here!', '${new Date(Date.now() - 3600000).toISOString()}'),\n (${tipsTopicId}, 'Val Town makes it easy to build and share serverless functions.', '${new Date().toISOString()}'),\n (${tipsTopicId}, 'You can use TypeScript for better type safety in your projects.', '${new Date(Date.now() - 7200000).toISOString()}'),\n (${introTopicId}, 'Hi everyone! I\\'m the creator of this message board example.', '${new Date().toISOString()}')\n `);\n }\n}",[],[94,443,445],"0dfa9560-15ff-11f0-8464-569c3dd06744",["D",1744284564372],[225,226],[94,443],["D",1744284564372],[224,227],[94],["D",1744152661331],["D",1789558275908],{"_11":12,"_147":143},{"_11":12,"_141":-5,"_142":143,"_111":112,"_144":145,"_146":49},{"_41":20,"_13":16,"_32":56,"_39":40,"_43":33,"_44":57,"_58":51,"_59":40,"_60":54,"_55":14,"_52":12},"ctx",{"_136":-5,"_168":496,"_497":498,"_499":500,"_501":49,"_502":49,"_503":49,"_504":26,"_505":-5,"_506":-7,"_507":-7,"_508":184,"_509":49,"_510":49,"_511":-5,"_512":49,"_513":49,"_514":49,"_515":-5},"ENV",{"_467":468,"_469":470,"_471":38,"_472":473,"_474":475,"_476":477,"_478":479,"_480":481,"_482":483,"_484":485,"_486":487,"_488":489,"_490":491,"_492":493,"_494":495},"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"]

Compare

Mergerewrite-serverintomain

Hbackend/index.ts+12-8