[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_604":605,"_606":607},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_450":-5,"_20":451,"_22":452,"_453":454,"_455":456,"_26":457,"_24":458,"_459":-5,"_460":-5,"_461":57,"_462":463,"_464":48,"_465":-5,"_466":-5,"_467":468},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","stevekrouse","name","vtrr","branchName","main","version","path","demos","project",{"_36":392,"_13":14,"_49":393,"_394":-5,"_395":57,"_396":397,"_398":397,"_399":400,"_401":-5,"_402":403,"_404":-5,"_405":57,"_406":-5,"_407":-5,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":121,"_419":420,"_421":420,"_422":423,"_424":423,"_425":423,"_426":420,"_427":420,"_428":429,"_430":431,"_432":433,"_434":57},"tree",[79,80,81,82,83,84,85,86],"file",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":75,"_47":48,"_49":76,"_17":77,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":78},"contents",[33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":73},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":67},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":59},"id","748bda28-45b0-11f1-9e77-42b51c65c3df","hello-world.tsx","fileId","8dc98354-0ff1-11f1-8e49-42dde27851f2","parentId","88782c98-0ff1-11f1-82a4-42dde27851f2","branchId","ae81c15c-0ff0-11f1-bf1a-42dde27851f2","branchVersion",116,"latest",true,"createdAt",["D",1777675959603],37,"fileType","http","content","/** @jsxImportSource .. */\nimport { createApp, defineRoutes, React, useEffect, useFetcher, useLoaderData, useState } from \"../mod.ts\";\n\nexport function Home() {\n const { initialServerTime } = useLoaderData();\n const fetcher = useFetcher();\n\n const [count, setCount] = useState(0);\n\n const [clientTime, setClientTime] = useState(null);\n useEffect(() => setClientTime(new Date().toLocaleString()), []);\n\n return (\n

Hello World!

Time on the server: {fetcher.data?.time ?? initialServerTime}

Time on the client: {clientTime ?? \"…\"}

\n \n \n \n \n

This is a minimal React Router SSR example on Val Town.

\n );\n}\n\nexport const loader = () => {\n return { initialServerTime: new Date().toLocaleString() };\n};\n\nexport const action = () => {\n return { time: new Date().toLocaleString() };\n};\n\nexport const routes = defineRoutes([\n { path: \"/\",\n Component: Home,\n loader: import.meta.url,\n action: import.meta.url,\n },\n]);\n\nexport default createApp({ routes });","deleted",false,"label",[19,38],"fb0880ca-4659-11f1-9a2a-42b51c65c3df","todos","019dea15-7dd0-7341-94ab-c82a013ea5b9",117,["D",1777748770259],0,"directory",[19,61],"26c61618-0ff6-11f1-925a-42dde27851f2","message-board","26c616d6-0ff6-11f1-925a-42dde27851f2",50,["D",1771768531199],[19,69],"8c6178e6-0ff1-11f1-82a4-42dde27851f2",12,["D",1771766554183],2,[19],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":75,"_47":48,"_49":148,"_17":77,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":149,"_18":150},{"_36":140,"_13":141,"_39":142,"_41":-5,"_43":44,"_45":143,"_47":48,"_49":144,"_17":65,"_52":24,"_54":145,"_56":57,"_58":-5,"_95":146,"_18":147},{"_36":133,"_13":134,"_39":135,"_41":-5,"_43":44,"_45":92,"_47":48,"_49":136,"_17":65,"_52":93,"_54":137,"_56":57,"_58":-5,"_95":138,"_18":139},{"_36":125,"_13":126,"_39":127,"_41":-5,"_43":44,"_45":128,"_47":48,"_49":129,"_17":92,"_52":93,"_54":130,"_56":57,"_58":-5,"_95":131,"_18":132},{"_36":116,"_13":117,"_39":118,"_41":-5,"_43":44,"_45":119,"_47":48,"_49":120,"_17":121,"_52":93,"_54":122,"_56":57,"_58":-5,"_95":123,"_18":124},{"_36":107,"_13":108,"_39":109,"_41":-5,"_43":44,"_45":110,"_47":48,"_49":111,"_17":112,"_52":93,"_54":113,"_56":57,"_58":-5,"_95":114,"_18":115},{"_36":98,"_13":99,"_39":100,"_41":-5,"_43":44,"_45":101,"_47":48,"_49":102,"_17":103,"_52":93,"_54":104,"_56":57,"_58":-5,"_95":105,"_18":106},{"_36":87,"_13":88,"_39":89,"_41":-5,"_43":44,"_45":90,"_47":48,"_49":91,"_17":92,"_52":93,"_54":94,"_56":57,"_58":-5,"_95":96,"_18":97},"a17720dc-0ff6-11f1-8798-42dde27851f2","types.ts","b512c390-0ff0-11f1-a256-42dde27851f2",72,["D",1771768737036],3,"script","/**\n * @valtown/react-router - Type definitions\n */\n\nimport type {\n ActionFunctionArgs,\n LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nimport type { Hono } from \"https://esm.sh/hono@4.1.0\";\n\n/** Route config as the user writes it — loader/action are string paths */\nexport interface UserRouteConfig {\n path?: string;\n index?: boolean;\n Component?: React.ComponentType;\n loader?: string;\n action?: string;\n children?: UserRouteConfig[];\n errorElement?: React.ReactElement;\n}\n\n/** Options for createApp() */\nexport interface AppOptions {\n /** Routes from defineRoutes() */\n routes: any[];\n\n /**\n * Path to the file that exports `routes` as a named export.\n * The client will import `{ routes }` from this file for hydration.\n *\n * Defaults to the val's entrypoint (via VALTOWN_ENTRYPOINT env var).\n * Example: \"./routes.ts\" or \"./demos/hello-world.tsx\"\n */\n routesFile?: string;\n\n /** Extra content (stylesheets, meta tags, etc.) */\n head?: string;\n\n /** Root element ID, defaults to \"root\" */\n rootId?: string;\n\n /** Escape hatch: access the Hono instance to add middleware/API routes */\n setup?: (app: Hono) => void;\n\n /** Escape hatch: wrap the final (req: Request) => Response handler */\n handler?: (\n defaultHandler: (req: Request) => Promise,\n ) => (req: Request) => Promise;\n}\n\nexport type { ActionFunctionArgs, LoaderFunctionArgs };","children",[],[88],"ab51b296-27a4-11f1-9f02-42dde27851f2","server.ts","d8e1fa70-0ff0-11f1-8a19-42dde27851f2",111,["D",1774372362742],15,"/**\n * @valtown/react-router - Server\n *\n * createApp() wires together Hono (HTTP routing, static files) and\n * React Router (page routing, SSR, loaders/actions) so the user doesn't have to.\n */\n\nimport { Hono } from \"https://esm.sh/hono@4.1.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\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 { transform } from \"https://esm.sh/sucrase@3.35.0\";\nimport type { AppOptions } from \"./types.ts\";\n\n/**\n * Transpile TSX/JSX source code to browser-compatible JavaScript.\n * Uses Sucrase for fast JSX and TypeScript transformation.\n * esm.town strips TypeScript types but does NOT compile JSX,\n * so we need this extra step for .tsx/.jsx files.\n */\nfunction transpileForBrowser(source: string, filePath: string): string {\n const isTS = filePath.endsWith(\".ts\") || filePath.endsWith(\".tsx\");\n const isJSX = filePath.endsWith(\".tsx\") || filePath.endsWith(\".jsx\");\n\n const transforms: (\"typescript\" | \"jsx\")[] = [];\n if (isTS) transforms.push(\"typescript\");\n if (isJSX) transforms.push(\"jsx\");\n\n if (transforms.length === 0) return source;\n\n // Extract jsxImportSource from pragma if present\n let jsxImportSource = \"https://esm.sh/react@18.2.0\";\n const pragmaMatch = source.match(/@jsxImportSource\\s+(\\S+)/);\n if (pragmaMatch) {\n jsxImportSource = pragmaMatch[1];\n }\n\n const result = transform(source, {\n transforms,\n jsxRuntime: \"automatic\",\n jsxImportSource,\n production: true,\n });\n return result.code;\n}\n\n/**\n * Build the HTML shell for SSR.\n */\nfunction buildHtml(\n appHtml: string,\n hydrationData: any,\n clientScriptUrl: string,\n options: AppOptions,\n): string {\n const rootId = options.rootId || \"root\";\n const head = options.head || \"\";\n\n return `\n\n\n \n \n \n ${head}\n\n\n

${appHtml}

\n \n \n\n`;\n}\n\n/**\n * Create the app handler.\n *\n * @param options - App configuration\n * @returns A fetch handler: (req: Request) => Promise\n *\n * @example\n * ```ts\n * import { createApp, defineRoutes } from \"https://esm.town/v/stevekrouse/react-router/mod.ts\";\n * import { Home } from \"./routes/Home.tsx\";\n *\n * // Must be a named export so the client can import it\n * export const routes = defineRoutes([\n * { path: \"/\", Component: Home },\n * ]);\n *\n * export default createApp({ routes });\n * ```\n */\nexport function createApp(\n options: AppOptions,\n): (req: Request) => Promise {\n const app = new Hono();\n // --- Static file serving ---\n // All project source files are served under /__src/ so the browser can import them.\n // This avoids conflicts with React Router page routes.\n app.get(\"/__src/*\", async (c) => {\n // Strip the /__src prefix to get the actual file path\n const filePath = c.req.path.replace(\"/__src\", \"\");\n\n const { serveFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n const resp = await serveFile(filePath);\n\n // Fix MIME type for extensionless files (e.g. jsx-runtime from @jsxImportSource).\n // The browser requires a valid JS MIME type for module scripts.\n const basename = filePath.split(\"/\").pop() || \"\";\n if (!basename.includes(\".\")) {\n const body = await resp.text();\n return c.body(body, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n }\n\n // Transpile JSX/TSX files so the browser can execute them.\n // esm.town strips TypeScript types but does not compile JSX.\n if (filePath.endsWith(\".tsx\") || filePath.endsWith(\".jsx\")) {\n const source = await resp.text();\n const compiled = transpileForBrowser(source, filePath);\n return c.body(compiled, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n }\n\n return resp;\n });\n\n // --- Library files served under /__lib/ ---\n app.get(\"/__lib/client-runtime.ts\", async (c) => {\n const { serveFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n return serveFile(\"/client-runtime.ts\", import.meta.url);\n });\n app.get(\"/__lib/routes.ts\", async (c) => {\n const { serveFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n return serveFile(\"/routes.ts\", import.meta.url);\n });\n app.get(\"/__lib/types.ts\", async (c) => {\n const { serveFile } = await import(\"https://esm.town/v/std/utils/index.ts\");\n return serveFile(\"/types.ts\", import.meta.url);\n });\n\n // Serve the generated client bootstrap script.\n app.get(\"/__client.js\", (c) => {\n // Resolve the routes file path for the client to import.\n // If routesFile is provided, use it directly as a /__src/ path.\n // Otherwise, derive from VALTOWN_ENTRYPOINT.\n let routesSrc: string;\n if (options.routesFile) {\n // Normalize: strip leading \"./\" if present\n const cleaned = options.routesFile.replace(/^\\.\\//, \"\");\n routesSrc = `/__src/${cleaned}`;\n } else {\n // VALTOWN_ENTRYPOINT is a full esm.town URL like:\n // https://esm.town/v/handle/valName@version-branch/path/to/file.tsx\n // We need to extract just the project-relative path, e.g. \"/path/to/file.tsx\"\n const entrypoint = Deno.env.get(\"VALTOWN_ENTRYPOINT\") || \"\";\n const pathname = new URL(entrypoint).pathname;\n // Strip /v/handle/valName@version-branch prefix to get project-relative path\n const match = pathname.match(/^\\/v\\/[^/]+\\/[^/]+\\/(.*)/);\n const relativePath = match ? `/${match[1]}` : pathname;\n routesSrc = `/__src${relativePath}`;\n }\n\n const script = `\nimport { hydrate } from \"/__lib/client-runtime.ts\";\nimport { routes } from \"${routesSrc}\";\nhydrate(routes, \"${options.rootId || \"root\"}\");\n`;\n return c.body(script, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n });\n\n // --- User escape hatch: Hono-level setup ---\n if (options.setup) {\n options.setup(app);\n }\n\n // --- React Router SSR ---\n const { query, dataRoutes } = createStaticHandler(options.routes);\n\n app.all(\"*\", async (c) => {\n const isDataRequest = c.req.header(\"X-Data-Request\") === \"true\";\n\n // Run loaders/actions on the server\n const context = await query(c.req.raw);\n\n // Direct Response (e.g., redirect from an action, or API route returning Response)\n if (context instanceof Response) {\n if (isDataRequest && context.status >= 300 && context.status < 400) {\n return Response.json({ redirect: context.headers.get(\"Location\") });\n }\n return context;\n }\n\n // Data-only request (client-side navigation)\n if (isDataRequest) {\n return Response.json({\n loaderData: context.loaderData,\n actionData: context.actionData,\n });\n }\n\n // Full SSR render\n const router = createStaticRouter(dataRoutes, context);\n\n // hydrate=false: we inject hydration data ourselves outside the root div,\n // so StaticRouterProvider shouldn't inject its own \n \n `,\n});\n",[],[19,69,171],"33943a90-0ff7-11f1-b2d2-42dde27851f2","33943b58-0ff7-11f1-b2d2-42dde27851f2",76,["D",1771768982178],"# Message Board Demo\n\nA fullstack community message board built with the [vtrr](../../README.md) framework — demonstrating nested routes, server loaders/actions, SQLite persistence, search, and client-side navigation.\n\n**[▶ Live Demo](https://stevekrouse--6b73cc240ff611f1876e42dde27851f2.web.val.run)**\n\n## Features\n\n- **Topics** — browse, create, and view discussion threads\n- **Messages** — post messages in topics with optimistic form resets\n- **Search** — full-text search across topics and messages with deep-link to individual messages\n- **SSR + Hydration** — pages render on the server, then hydrate for instant client-side transitions\n- **SQLite persistence** — data lives in Val Town's built-in SQLite, seeded with sample data on first run\n\n## Route Map\n\n```mermaid\ngraph TD\n Root[\"/ — App layout\"] --> Home[\"index — Home\"]\n Root --> Topic[\"/topics/:topicId — Topic\"]\n Root --> TopicMsg[\"/topics/:topicId/messages/:messageId — Topic (highlighted)\"]\n Root --> Search[\"/search?q=... — Search\"]\n\n Home -- \"loader\" --> HL[\"Home.loader.ts → getAllTopics()\"]\n Root -- \"action\" --> TA[\"Topics.action.ts → createTopic() → redirect\"]\n\n Topic -- \"loader\" --> TL[\"Topic.loader.ts → getTopic + getMessages\"]\n Topic -- \"action\" --> TAct[\"Topic.action.ts → createMessage()\"]\n\n TopicMsg -- \"loader\" --> TML[\"TopicMessage.loader.ts → getTopic + getMessages\"]\n\n Search -- \"loader\" --> SL[\"Search.loader.ts → search()\"]\n\n style Root fill:#e0e7ff,stroke:#4f46e5\n style Home fill:#dbeafe,stroke:#2563eb\n style Topic fill:#dbeafe,stroke:#2563eb\n style TopicMsg fill:#dbeafe,stroke:#2563eb\n style Search fill:#dbeafe,stroke:#2563eb\n style HL fill:#d1fae5,stroke:#059669\n style TA fill:#fce7f3,stroke:#db2777\n style TL fill:#d1fae5,stroke:#059669\n style TAct fill:#fce7f3,stroke:#db2777\n style TML fill:#d1fae5,stroke:#059669\n style SL fill:#d1fae5,stroke:#059669\n```\n\n> 🟦 Routes 🟩 Loaders (read data) 🟪 Actions (write data)\n\n## Project Structure\n\n```\ndemos/message-board/\n├── index.tsx # Entry point — route definitions + createApp()\n├── types.ts # Shared types (Topic, Message, SearchResults)\n│\n├── database/\n│ ├── migrations.ts # Schema creation + seed data\n│ └── queries.ts # All SQL queries (CRUD + search)\n│\n├── components/\n│ ├── LoadingSpinner.tsx # Reusable loading indicator\n│ ├── MessageForm.tsx # Post a new message (uses useFetcher)\n│ ├── MessageList.tsx # Render messages with highlight support\n│ └── SearchForm.tsx # Search input with navigation\n│\n└── routes/\n ├── App.tsx # Root layout — , loading state, footer\n ├── Home.tsx # Topic list + \"Create Topic\" form\n ├── Home.loader.ts # Loads all topics from DB\n ├── Topic.tsx # Topic detail view + message list + post form\n ├── Topic.loader.ts # Loads topic + its messages\n ├── Topic.action.ts # Creates a new message in a topic\n ├── TopicMessage.loader.ts # Same as Topic.loader (with message highlight)\n ├── Topics.action.ts # Creates a new topic → redirects to it\n ├── Search.tsx # Search results (topics + messages)\n └── Search.loader.ts # Runs search query against DB\n```\n\n## Data Flow\n\n```mermaid\nsequenceDiagram\n participant User\n participant Browser\n participant Server\n participant SQLite\n\n Note over User,SQLite: Creating a new topic\n User->>Browser: Fill in title, click \"Create Topic\"\n Browser->>Server: POST / (X-Data-Request: true)\n Server->>Server: Topics.action.ts\n Server->>SQLite: INSERT INTO topics\n SQLite-->>Server: New topic row\n Server-->>Browser: JSON { redirect: \"/topics/4\" }\n Browser->>Server: GET /topics/4 (X-Data-Request: true)\n Server->>Server: Topic.loader.ts\n Server->>SQLite: SELECT topic + messages\n SQLite-->>Server: Topic + messages data\n Server-->>Browser: JSON { loaderData }\n Browser->>User: Renders topic page\n\n Note over User,SQLite: Posting a message\n User->>Browser: Type message, click \"Post\"\n Browser->>Server: POST /topics/4 (fetcher)\n Server->>Server: Topic.action.ts\n Server->>SQLite: INSERT INTO messages\n SQLite-->>Server: New message row\n Server-->>Browser: JSON { actionData + loaderData }\n Browser->>User: Message appears in list\n```\n\n## Database Schema\n\n```mermaid\nerDiagram\n message_board_topics_v1 {\n INTEGER id PK \"AUTOINCREMENT\"\n TEXT title \"NOT NULL\"\n TEXT createdAt \"NOT NULL (ISO 8601)\"\n }\n\n message_board_messages_v1 {\n INTEGER id PK \"AUTOINCREMENT\"\n INTEGER topicId FK \"NOT NULL\"\n TEXT content \"NOT NULL\"\n TEXT createdAt \"NOT NULL (ISO 8601)\"\n }\n\n message_board_topics_v1 ||--o{ message_board_messages_v1 : \"has many\"\n```\n\nThe database is auto-initialized on cold start via `initializeDatabase()` and seeded with 3 sample topics and 5 messages if empty.\n\n## How It Uses vtrr\n\nThis demo showcases the key patterns of the vtrr framework:\n\n### 1. Route definitions with string-based loaders/actions\n\n```ts\nexport const routes = defineRoutes([\n {\n path: \"/\",\n Component: App,\n action: \"./routes/Topics.action.ts\", // server-only, never shipped to client\n children: [\n { index: true, Component: Home, loader: \"./routes/Home.loader.ts\" },\n { path: \"topics/:topicId\", Component: Topic, loader: \"...\", action: \"...\" },\n ],\n },\n]);\n```\n\nLoaders and actions are specified as **relative file paths** — the server dynamically imports them, while the client only gets lightweight stubs.\n\n### 2. Loader pattern — export a named `loader` function\n\n```ts\n// Home.loader.ts\nexport async function loader() {\n return { topics: await getAllTopics() };\n}\n```\n\n### 3. Action pattern — form mutations with redirects\n\n```ts\n// Topics.action.ts\nexport async function action({ request }) {\n const formData = await request.formData();\n const topic = await createTopic(formData.get(\"title\"));\n return redirect(`/topics/${topic.id}`);\n}\n```\n\n### 4. createApp with custom `` content\n\n```ts\nexport default createApp({\n routes,\n head: `\n Community Message Board\n \n `,\n});\n```\n\n## Styling\n\nUses [Twind](https://twind.style/) (Tailwind-in-JS) loaded from CDN — zero build step, just write Tailwind classes directly in JSX.\n",[],[19,69,141],"29c37d06-0ff6-11f1-925a-42dde27851f2","routes","29c37dba-0ff6-11f1-925a-42dde27851f2",53,["D",1771768536213],[235,236,237,238,239,240,241,242,243,244],[19,69,229],{"_36":316,"_13":317,"_39":318,"_41":230,"_43":44,"_45":319,"_47":48,"_49":320,"_17":121,"_52":93,"_54":321,"_56":57,"_58":-5,"_95":322,"_18":323},{"_36":308,"_13":309,"_39":310,"_41":230,"_43":44,"_45":311,"_47":48,"_49":312,"_17":65,"_52":93,"_54":313,"_56":57,"_58":-5,"_95":314,"_18":315},{"_36":301,"_13":185,"_39":302,"_41":230,"_43":44,"_45":303,"_47":48,"_49":304,"_17":121,"_52":93,"_54":305,"_56":57,"_58":-5,"_95":306,"_18":307},{"_36":293,"_13":294,"_39":295,"_41":230,"_43":44,"_45":296,"_47":48,"_49":297,"_17":65,"_52":93,"_54":298,"_56":57,"_58":-5,"_95":299,"_18":300},{"_36":285,"_13":286,"_39":287,"_41":230,"_43":44,"_45":288,"_47":48,"_49":289,"_17":121,"_52":93,"_54":290,"_56":57,"_58":-5,"_95":291,"_18":292},{"_36":277,"_13":278,"_39":279,"_41":230,"_43":44,"_45":280,"_47":48,"_49":281,"_17":65,"_52":93,"_54":282,"_56":57,"_58":-5,"_95":283,"_18":284},{"_36":269,"_13":270,"_39":271,"_41":230,"_43":44,"_45":272,"_47":48,"_49":273,"_17":65,"_52":93,"_54":274,"_56":57,"_58":-5,"_95":275,"_18":276},{"_36":261,"_13":262,"_39":263,"_41":230,"_43":44,"_45":264,"_47":48,"_49":265,"_17":121,"_52":93,"_54":266,"_56":57,"_58":-5,"_95":267,"_18":268},{"_36":253,"_13":254,"_39":255,"_41":230,"_43":44,"_45":256,"_47":48,"_49":257,"_17":65,"_52":93,"_54":258,"_56":57,"_58":-5,"_95":259,"_18":260},{"_36":245,"_13":246,"_39":247,"_41":230,"_43":44,"_45":248,"_47":48,"_49":249,"_17":65,"_52":93,"_54":250,"_56":57,"_58":-5,"_95":251,"_18":252},"554e6224-0ff6-11f1-bbd5-42dde27851f2","Topics.action.ts","554e62ce-0ff6-11f1-bbd5-42dde27851f2",64,["D",1771768609272],"import { redirect } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createTopic } from \"../database/queries.ts\";\n\nexport async function action({ request }: { request: Request }) {\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 redirect(`/topics/${topic.id}`);\n}\n",[],[19,69,229,246],"5f0247ea-0ff6-11f1-828e-42dde27851f2","TopicMessage.loader.ts","5f0248a8-0ff6-11f1-828e-42dde27851f2",68,["D",1771768625510],"import { getTopicById, getMessageById, getMessagesByTopicId } from \"../database/queries.ts\";\n\nexport async function loader({ params }: { params: Record }) {\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}\n",[],[19,69,229,254],"63d75362-0ff8-11f1-974d-42dde27851f2","Topic.tsx","5b1ed954-0ff6-11f1-828e-42dde27851f2",86,["D",1771769492646],"/** @jsxImportSource ../../.. */\nimport { React, useEffect, Link, useLoaderData, useParams } from \"../../../mod.ts\";\nimport { Message, Topic } from \"../types.ts\";\nimport { MessageForm } from \"../components/MessageForm.tsx\";\nimport { MessageList } from \"../components/MessageList.tsx\";\nimport { SearchForm } from \"../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).toDateString()}\n

\n \n

Messages

\n \n \n \n \n

\n );\n}\n",[],[19,69,229,262],"5c3ed5b4-0ff6-11f1-abac-42dde27851f2","Topic.loader.ts","5c3ed67c-0ff6-11f1-abac-42dde27851f2",66,["D",1771768620905],"import { getTopicById, getMessagesByTopicId } from \"../database/queries.ts\";\n\nexport async function loader({ params }: { params: Record }) {\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}\n",[],[19,69,229,270],"5d51a5b2-0ff6-11f1-828e-42dde27851f2","Topic.action.ts","5d51a698-0ff6-11f1-828e-42dde27851f2",67,["D",1771768622710],"import { createMessage } from \"../database/queries.ts\";\n\nexport async function action({ request }: { request: Request }) {\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}\n",[],[19,69,229,278],"68448c12-0ff8-11f1-82a2-42dde27851f2","Search.tsx","63f0706a-0ff6-11f1-828e-42dde27851f2",87,["D",1771769500071],"/** @jsxImportSource ../../.. */\nimport { React, Link, useLoaderData } from \"../../../mod.ts\";\nimport { SearchResults as SearchResultsType } from \"../types.ts\";\nimport { SearchForm } from \"../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).toDateString()}\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).toDateString()}\n \n

\n ))}\n

\n )}\n

\n );\n}\n",[],[19,69,229,286],"64e52dda-0ff6-11f1-876e-42dde27851f2","Search.loader.ts","64e52eb6-0ff6-11f1-876e-42dde27851f2",70,["D",1771768635423],"import { search } from \"../database/queries.ts\";\n\nexport async function loader({ request }: { request: Request }) {\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}\n",[],[19,69,229,294],"60500432-0ff8-11f1-8c2d-42dde27851f2","53453ca0-0ff6-11f1-876e-42dde27851f2",85,["D",1771769486725],"/** @jsxImportSource ../../.. */\nimport { React, Form, Link, useLoaderData, useNavigation } from \"../../../mod.ts\";\nimport { SearchForm } from \"../components/SearchForm.tsx\";\nimport { Topic } from \"../types.ts\";\n\ninterface TopicListProps {\n topics: Topic[];\n}\n\nexport function Home() {\n const navigation = useNavigation();\n const { topics } = useLoaderData();\n const isCreatingTopic = navigation.formAction === \"/\" && navigation.state === \"submitting\";\n let $form = React.useRef(null);\n\n // reset the form on success\n React.useEffect(function() {\n if (navigation.state === \"idle\" && $form.current) {\n $form.current.reset();\n }\n }, [navigation.state]);\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}\n",[],[19,69,229,185],"53fb047c-0ff6-11f1-876e-42dde27851f2","Home.loader.ts","53fb0558-0ff6-11f1-876e-42dde27851f2",63,["D",1771768607045],"import { getAllTopics } from \"../database/queries.ts\";\n\nexport async function loader() {\n return { topics: await getAllTopics() };\n}\n",[],[19,69,229,309],"5a6aa23e-0ff8-11f1-8e69-42dde27851f2","App.tsx","4db12fba-0ff6-11f1-828e-42dde27851f2",84,["D",1771769476834],"/** @jsxImportSource ../../.. */\nimport { React, Outlet, useNavigation } from \"../../../mod.ts\";\n\nexport function App() {\n const navigation = useNavigation();\n return (\n

\n \n

\n\n \n

\n );\n}\n",[],[19,69,229,317],"293fc74a-0ff6-11f1-bfeb-42dde27851f2","database","293fc808-0ff6-11f1-bfeb-42dde27851f2",51,["D",1771768535352],[331,332],[19,69,325],{"_36":341,"_13":342,"_39":343,"_41":326,"_43":44,"_45":344,"_47":48,"_49":345,"_17":65,"_52":93,"_54":346,"_56":57,"_58":-5,"_95":347,"_18":348},{"_36":333,"_13":334,"_39":335,"_41":326,"_43":44,"_45":336,"_47":48,"_49":337,"_17":65,"_52":93,"_54":338,"_56":57,"_58":-5,"_95":339,"_18":340},"3ae3f408-0ff6-11f1-bbd5-42dde27851f2","queries.ts","3ae3f4bc-0ff6-11f1-bbd5-42dde27851f2",56,["D",1771768564955],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Message, SearchResults, Topic } from \"../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 sql: `\n SELECT id, title, createdAt \n FROM ${TOPICS_TABLE} \n WHERE id = ?\n `,\n args: [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 sql: `\n INSERT INTO ${TOPICS_TABLE} (title, createdAt)\n VALUES (?, ?)\n RETURNING id, title, createdAt\n `,\n args: [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 sql: `\n SELECT id, topicId, content, createdAt \n FROM ${MESSAGES_TABLE} \n WHERE topicId = ? \n ORDER BY createdAt ASC\n `,\n args: [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 sql: `\n SELECT id, topicId, content, createdAt \n FROM ${MESSAGES_TABLE} \n WHERE id = ?\n `,\n args: [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 sql: `\n INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt)\n VALUES (?, ?, ?)\n RETURNING id, topicId, content, createdAt\n `,\n args: [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 sql: `\n SELECT id, title, createdAt \n FROM ${TOPICS_TABLE} \n WHERE title LIKE ? \n ORDER BY createdAt DESC\n `,\n args: [`%${query}%`],\n });\n\n // Search in messages\n const messagesResult = await sqlite.execute({\n sql: `\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 args: [`%${query}%`],\n });\n\n return {\n topics: topicsResult.rows as Topic[],\n messages: messagesResult.rows as Message[],\n query,\n };\n}\n",[],[19,69,325,334],"352fb07e-0ff6-11f1-876e-42dde27851f2","migrations.ts","352fb15a-0ff6-11f1-876e-42dde27851f2",55,["D",1771768555380],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\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 const now = new Date().toISOString();\n\n // Insert sample topics using parameterized queries\n await sqlite.batch([\n {\n sql: `INSERT INTO ${TOPICS_TABLE} (title, createdAt) VALUES (?, ?)`,\n args: [\"Welcome to the Message Board\", now],\n },\n {\n sql: `INSERT INTO ${TOPICS_TABLE} (title, createdAt) VALUES (?, ?)`,\n args: [\"Tips and Tricks for Val Town\", now],\n },\n {\n sql: `INSERT INTO ${TOPICS_TABLE} (title, createdAt) VALUES (?, ?)`,\n args: [\"Introduce Yourself\", now],\n },\n ]);\n\n // Get the IDs of the inserted topics\n const topics = await sqlite.execute(`SELECT id FROM ${TOPICS_TABLE} ORDER BY id ASC LIMIT 3`);\n\n // Insert sample messages for each topic\n if (topics.rows.length >= 3) {\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.batch([\n {\n sql: `INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES (?, ?, ?)`,\n args: [welcomeTopicId, \"Welcome to our community message board! Feel free to browse around and join the discussions.\", now],\n },\n {\n sql: `INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES (?, ?, ?)`,\n args: [welcomeTopicId, \"If you have any questions, just post them here!\", new Date(Date.now() - 3600000).toISOString()],\n },\n {\n sql: `INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES (?, ?, ?)`,\n args: [tipsTopicId, \"Val Town makes it easy to build and share serverless functions.\", now],\n },\n {\n sql: `INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES (?, ?, ?)`,\n args: [tipsTopicId, \"You can use TypeScript for better type safety in your projects.\", new Date(Date.now() - 7200000).toISOString()],\n },\n {\n sql: `INSERT INTO ${MESSAGES_TABLE} (topicId, content, createdAt) VALUES (?, ?, ?)`,\n args: [introTopicId, \"Hi everyone! I'm the creator of this message board example.\", now],\n },\n ]);\n }\n}\n",[],[19,69,325,342],"2978b7c6-0ff6-11f1-bfeb-42dde27851f2","components","2978b884-0ff6-11f1-bfeb-42dde27851f2",52,["D",1771768535726],[356,357,358,359],[19,69,350],{"_36":384,"_13":385,"_39":386,"_41":351,"_43":44,"_45":387,"_47":48,"_49":388,"_17":121,"_52":93,"_54":389,"_56":57,"_58":-5,"_95":390,"_18":391},{"_36":376,"_13":377,"_39":378,"_41":351,"_43":44,"_45":379,"_47":48,"_49":380,"_17":121,"_52":93,"_54":381,"_56":57,"_58":-5,"_95":382,"_18":383},{"_36":368,"_13":369,"_39":370,"_41":351,"_43":44,"_45":371,"_47":48,"_49":372,"_17":121,"_52":93,"_54":373,"_56":57,"_58":-5,"_95":374,"_18":375},{"_36":360,"_13":361,"_39":362,"_41":351,"_43":44,"_45":363,"_47":48,"_49":364,"_17":121,"_52":93,"_54":365,"_56":57,"_58":-5,"_95":366,"_18":367},"6e0e0588-0ff8-11f1-974d-42dde27851f2","SearchForm.tsx","4188e732-0ff6-11f1-876e-42dde27851f2",89,["D",1771769509782],"/** @jsxImportSource ../../.. */\nimport { React, Form, useNavigation, useSearchParams } from \"../../../mod.ts\";\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}\n",[],[19,69,350,361],"70f2679e-0ff8-11f1-b9ef-42dde27851f2","MessageList.tsx","44d9e2d8-0ff6-11f1-abac-42dde27851f2",90,["D",1771769514632],"/** @jsxImportSource ../../.. */\nimport { React, Link, useLocation } from \"../../../mod.ts\";\nimport { Message } from \"../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).toDateString();\n const messageUrl = `/topics/${topicId}/messages/${message.id}`;\n\n return (\n \n

{message.content}

\n \n {formattedDate}\n \n

\n );\n })}\n \n );\n}\n",[],[19,69,350,369],"74404e84-0ff8-11f1-b9ef-42dde27851f2","MessageForm.tsx","492504c6-0ff6-11f1-abac-42dde27851f2",91,["D",1771769520178],"/** @jsxImportSource ../../.. */\nimport { React, Form, useNavigation } from \"../../../mod.ts\";\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 let $form = React.useRef(null);\n\n // reset the form on success\n React.useEffect(function() {\n if (navigation.state === \"idle\" && $form.current) {\n $form.current.reset();\n }\n }, [navigation.state]);\n\n return (\n

Post a Message

\n \n

\n );\n}\n",[],[19,69,350,377],"6ba5103e-0ff8-11f1-974d-42dde27851f2","LoadingSpinner.tsx","3e46242c-0ff6-11f1-bbd5-42dde27851f2",88,["D",1771769505738],"/** @jsxImportSource ../../.. */\nimport { React } from \"../../../mod.ts\";\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}\n",[],[19,69,350,385],"ae8164d2-0ff0-11f1-bf1a-42dde27851f2",["D",1771766181944],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Val Town React Router fullstack framework","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",10,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","ae8164d20ff011f1bf1a42dde27851f2","tursoHostname","ae8164d20ff011f1bf1a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789531852468],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_449":445},"org",{"_11":12,"_443":-5,"_444":445,"_402":403,"_446":447,"_448":57},"branch",{"_17":63,"_13":16,"_36":44,"_435":392,"_436":-5,"_437":-5,"_438":-5,"_439":-5,"_440":-5,"_441":14,"_442":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":392,"_13":14,"_49":599,"_394":-5,"_395":57,"_396":397,"_398":397,"_399":400,"_401":-5,"_402":403,"_404":-5,"_405":57,"_406":-5,"_407":-5,"_408":409,"_410":411,"_412":413,"_414":415,"_416":600,"_418":121,"_419":420,"_421":420,"_422":423,"_424":423,"_425":423,"_426":420,"_427":420,"_428":601,"_430":602,"_432":603,"_434":57},[485,516,517,518,519,520,521,522],"files",[485,486,487,488,489,490,491,492,493,494,495,496,497,498,499,500,501,502,503,504,505,506,507,508,509,510,511,512,513,514,515,516,517,518,519,520,521,522],"counts",{"_476":65,"_477":77,"_478":65,"_32":479,"_480":481},[470,471,472],{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":75,"_47":48,"_49":76,"_17":77,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":469},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":475},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_18":474},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":473},[19,38],[19,61],[19,69],"pulls","branches","forks",{"_482":65,"_484":65},"connections",{"_482":65,"_483":65},"count","unfilledCount","emptyCount",{"_36":74,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":75,"_47":48,"_49":148,"_17":77,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":597,"_18":598},{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":191,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":595,"_18":596},{"_36":349,"_13":350,"_39":351,"_41":70,"_43":44,"_45":352,"_47":48,"_49":353,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":593,"_18":594},{"_36":384,"_13":385,"_39":386,"_41":351,"_43":44,"_45":387,"_47":48,"_49":388,"_17":121,"_52":93,"_54":389,"_56":57,"_58":-5,"_95":591,"_18":592},{"_36":376,"_13":377,"_39":378,"_41":351,"_43":44,"_45":379,"_47":48,"_49":380,"_17":121,"_52":93,"_54":381,"_56":57,"_58":-5,"_95":589,"_18":590},{"_36":368,"_13":369,"_39":370,"_41":351,"_43":44,"_45":371,"_47":48,"_49":372,"_17":121,"_52":93,"_54":373,"_56":57,"_58":-5,"_95":587,"_18":588},{"_36":360,"_13":361,"_39":362,"_41":351,"_43":44,"_45":363,"_47":48,"_49":364,"_17":121,"_52":93,"_54":365,"_56":57,"_58":-5,"_95":585,"_18":586},{"_36":324,"_13":325,"_39":326,"_41":70,"_43":44,"_45":327,"_47":48,"_49":328,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":583,"_18":584},{"_36":341,"_13":342,"_39":343,"_41":326,"_43":44,"_45":344,"_47":48,"_49":345,"_17":65,"_52":93,"_54":346,"_56":57,"_58":-5,"_95":581,"_18":582},{"_36":333,"_13":334,"_39":335,"_41":326,"_43":44,"_45":336,"_47":48,"_49":337,"_17":65,"_52":93,"_54":338,"_56":57,"_58":-5,"_95":579,"_18":580},{"_36":228,"_13":229,"_39":230,"_41":70,"_43":44,"_45":231,"_47":48,"_49":232,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":577,"_18":578},{"_36":316,"_13":317,"_39":318,"_41":230,"_43":44,"_45":319,"_47":48,"_49":320,"_17":121,"_52":93,"_54":321,"_56":57,"_58":-5,"_95":575,"_18":576},{"_36":308,"_13":309,"_39":310,"_41":230,"_43":44,"_45":311,"_47":48,"_49":312,"_17":65,"_52":93,"_54":313,"_56":57,"_58":-5,"_95":573,"_18":574},{"_36":301,"_13":185,"_39":302,"_41":230,"_43":44,"_45":303,"_47":48,"_49":304,"_17":121,"_52":93,"_54":305,"_56":57,"_58":-5,"_95":571,"_18":572},{"_36":293,"_13":294,"_39":295,"_41":230,"_43":44,"_45":296,"_47":48,"_49":297,"_17":65,"_52":93,"_54":298,"_56":57,"_58":-5,"_95":569,"_18":570},{"_36":285,"_13":286,"_39":287,"_41":230,"_43":44,"_45":288,"_47":48,"_49":289,"_17":121,"_52":93,"_54":290,"_56":57,"_58":-5,"_95":567,"_18":568},{"_36":277,"_13":278,"_39":279,"_41":230,"_43":44,"_45":280,"_47":48,"_49":281,"_17":65,"_52":93,"_54":282,"_56":57,"_58":-5,"_95":565,"_18":566},{"_36":269,"_13":270,"_39":271,"_41":230,"_43":44,"_45":272,"_47":48,"_49":273,"_17":65,"_52":93,"_54":274,"_56":57,"_58":-5,"_95":563,"_18":564},{"_36":261,"_13":262,"_39":263,"_41":230,"_43":44,"_45":264,"_47":48,"_49":265,"_17":121,"_52":93,"_54":266,"_56":57,"_58":-5,"_95":561,"_18":562},{"_36":253,"_13":254,"_39":255,"_41":230,"_43":44,"_45":256,"_47":48,"_49":257,"_17":65,"_52":93,"_54":258,"_56":57,"_58":-5,"_95":559,"_18":560},{"_36":245,"_13":246,"_39":247,"_41":230,"_43":44,"_45":248,"_47":48,"_49":249,"_17":65,"_52":93,"_54":250,"_56":57,"_58":-5,"_95":557,"_18":558},{"_36":221,"_13":141,"_39":222,"_41":70,"_43":44,"_45":223,"_47":48,"_49":224,"_17":65,"_52":24,"_54":225,"_56":57,"_58":-5,"_95":555,"_18":556},{"_36":215,"_13":171,"_39":216,"_41":70,"_43":44,"_45":210,"_47":48,"_49":217,"_17":92,"_52":53,"_54":218,"_56":57,"_58":-5,"_95":553,"_18":554},{"_36":208,"_13":108,"_39":209,"_41":70,"_43":44,"_45":210,"_47":48,"_49":211,"_17":65,"_52":93,"_54":212,"_56":57,"_58":-5,"_95":551,"_18":552},{"_36":201,"_13":88,"_39":202,"_41":70,"_43":44,"_45":203,"_47":48,"_49":204,"_17":65,"_52":93,"_54":205,"_56":57,"_58":-5,"_95":549,"_18":550},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":157,"_17":65,"_52":66,"_54":-5,"_56":57,"_58":-5,"_95":547,"_18":548},{"_36":184,"_13":185,"_39":186,"_41":62,"_43":44,"_45":63,"_47":48,"_49":187,"_17":65,"_52":93,"_54":188,"_56":57,"_58":-5,"_95":545,"_18":546},{"_36":177,"_13":178,"_39":179,"_41":62,"_43":44,"_45":63,"_47":48,"_49":180,"_17":65,"_52":93,"_54":181,"_56":57,"_58":-5,"_95":543,"_18":544},{"_36":170,"_13":171,"_39":172,"_41":62,"_43":44,"_45":63,"_47":48,"_49":173,"_17":65,"_52":53,"_54":174,"_56":57,"_58":-5,"_95":541,"_18":542},{"_36":164,"_13":108,"_39":165,"_41":62,"_43":44,"_45":63,"_47":48,"_49":166,"_17":65,"_52":93,"_54":167,"_56":57,"_58":-5,"_95":539,"_18":540},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":154,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_95":537,"_18":538},{"_36":140,"_13":141,"_39":142,"_41":-5,"_43":44,"_45":143,"_47":48,"_49":144,"_17":65,"_52":24,"_54":145,"_56":57,"_58":-5,"_95":535,"_18":536},{"_36":133,"_13":134,"_39":135,"_41":-5,"_43":44,"_45":92,"_47":48,"_49":136,"_17":65,"_52":93,"_54":137,"_56":57,"_58":-5,"_95":533,"_18":534},{"_36":125,"_13":126,"_39":127,"_41":-5,"_43":44,"_45":128,"_47":48,"_49":129,"_17":92,"_52":93,"_54":130,"_56":57,"_58":-5,"_95":531,"_18":532},{"_36":116,"_13":117,"_39":118,"_41":-5,"_43":44,"_45":119,"_47":48,"_49":120,"_17":121,"_52":93,"_54":122,"_56":57,"_58":-5,"_95":529,"_18":530},{"_36":107,"_13":108,"_39":109,"_41":-5,"_43":44,"_45":110,"_47":48,"_49":111,"_17":112,"_52":93,"_54":113,"_56":57,"_58":-5,"_95":527,"_18":528},{"_36":98,"_13":99,"_39":100,"_41":-5,"_43":44,"_45":101,"_47":48,"_49":102,"_17":103,"_52":93,"_54":104,"_56":57,"_58":-5,"_95":525,"_18":526},{"_36":87,"_13":88,"_39":89,"_41":-5,"_43":44,"_45":90,"_47":48,"_49":91,"_17":92,"_52":93,"_54":94,"_56":57,"_58":-5,"_95":523,"_18":524},[],[88],[],[99],[],[108],[],[117],[],[126],[],[134],[],[141],[],[19,38],[],[19,61,108],[],[19,61,171],[],[19,61,178],[],[19,61,185],[511,512,513,514],[19,61],[],[19,69,88],[],[19,69,108],[],[19,69,171],[],[19,69,141],[],[19,69,229,246],[],[19,69,229,254],[],[19,69,229,262],[],[19,69,229,270],[],[19,69,229,278],[],[19,69,229,286],[],[19,69,229,294],[],[19,69,229,185],[],[19,69,229,309],[],[19,69,229,317],[496,497,498,499,500,501,502,503,504,505],[19,69,229],[],[19,69,325,334],[],[19,69,325,342],[493,494],[19,69,325],[],[19,69,350,361],[],[19,69,350,369],[],[19,69,350,377],[],[19,69,350,385],[488,489,490,491],[19,69,350],[487,492,495,506,507,508,509],[19,69],[486,510,515],[19],["D",1771766181944],["D",1789531852468],{"_11":12,"_449":445},{"_11":12,"_443":-5,"_444":445,"_402":403,"_446":447,"_448":57},{"_17":63,"_13":16,"_36":44,"_435":392,"_436":-5,"_437":-5,"_438":-5,"_439":-5,"_440":-5,"_441":14,"_442":12},"ctx",{"_428":-5,"_466":637,"_638":639,"_640":641,"_642":57,"_643":57,"_644":57,"_645":48,"_646":-5,"_647":-7,"_648":-7,"_649":65,"_650":57,"_651":57,"_652":-5,"_653":57,"_654":57,"_655":57,"_656":-5},"ENV",{"_608":609,"_610":611,"_612":16,"_613":614,"_615":616,"_617":618,"_619":620,"_621":622,"_623":624,"_625":626,"_627":628,"_629":630,"_631":632,"_633":634,"_635":636},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]