[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_291":292,"_293":294},"routes/_app.x.$handle.$name",{"_109":108,"_37":49,"_118":95,"_32":119,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":30,"_135":136,"_137":64,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":59,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",4,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","1a05305b-63dd-4f15-8c38-b3dc1ea50b04","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","sync.ts","latestPath","fileId","dfb90b4e-7b85-11f1-989d-1607ee4eb77e","name","fileType","interval","content","/**\n * Cron job — runs every 6 hours, fetches new WhatsApp messages from Unipile\n * and stores them as todo cards in the \"inbox\" column.\n *\n * Schedule: every 6 hours (UTC): 00:00, 06:00, 12:00, 18:00\n */\nimport { initDB, insertTodo, todoExists } from \"./lib/db.ts\";\nimport { getChatMap, getMessagesSince } from \"./lib/unipile.ts\";\n\nexport default async function(interval: Interval) {\n await initDB();\n\n // Use lastRunAt for incremental sync, or 24h ago on first run\n const since = interval.lastRunAt ?? new Date(Date.now() - 24 * 60 * 60 * 1000);\n\n console.log(`Syncing WhatsApp messages since ${since.toISOString()}…`);\n\n // Fetch chat names so we can label each todo\n let chatMap: Map;\n try {\n chatMap = await getChatMap();\n } catch (e) {\n console.error(\"Failed to fetch chat map:\", e);\n chatMap = new Map();\n }\n\n // Fetch messages since last run\n const messages = await getMessagesSince(since);\n console.log(`Found ${messages.length} messages since last sync`);\n\n let newCount = 0;\n for (const msg of messages) {\n // Skip messages we already have (dedup by message_id)\n const exists = await todoExists(msg.message_id);\n if (exists) continue;\n\n const chatName = chatMap.get(msg.chat_id) ?? null;\n\n await insertTodo({\n message_id: msg.message_id,\n chat_id: msg.chat_id,\n chat_name: chatName,\n sender_id: msg.sender_id,\n text: msg.text,\n message_timestamp: msg.timestamp,\n });\n newCount++;\n }\n\n console.log(`Sync complete. ${newCount} new todos added.`);\n}\n","createdAt",["D",1783595033908],"branchVersion","branchId","a52da4fb-15ea-4f30-bbe0-39f3771bb4ad","id","b692b696-2b15-441d-a326-d712abe74fe4","whatsapp-kanban",["D",1783594988490],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","WhatsApp messages to kanban board via Unipile API","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","0910d18e-3719-43e3-9e3f-2f3a7688390c","pinnedFileId","019f468b-b4f0-7369-b149-e27a1d885fbe","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f447f-11d2-72d3-9ef7-3fd5b5a0910e","tursoName","b692b6962b15441da326d712abe74fe4","tursoHostname","b692b6962b15441da326d712abe74fe4-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_109":108,"_117":113},"org",{"_109":108,"_110":111,"_112":113,"_19":60,"_114":115,"_116":30},"branch",{"_13":94,"_37":95,"_47":46,"_96":48,"_97":98,"_99":100,"_101":54,"_102":103,"_104":105,"_106":49,"_107":108},"isOwned",18,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","pc_style","handle","displayName","Adam","avatar","https://lh3.googleusercontent.com/a/ACg8ocKezdd7dJ4xoybqc1M7fdCby5p64ImbU5Jg7JpmalJ4ktU1Bw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_37":49,"_42":286,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":59,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":287,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":288,"_89":289,"_91":290,"_93":30},"tree",[200,207,210,211,212],"files",[200,201,202,203,204,205,206,207,208,209,210,211,212],"counts",{"_189":68,"_190":166,"_191":68,"_192":193,"_194":195},"contents",[153,154,155,156,157],"upstreamProject",{"_47":103,"_37":149,"_56":150,"_58":59,"_53":54,"_87":151},"upstreamBranch",{"_47":98,"_42":142,"_143":144,"_37":95,"_96":103,"_13":145,"_97":-5,"_99":-5,"_146":147,"_51":-5,"_93":30,"_53":54,"_107":148,"_69":105,"_106":149},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_109":148,"_117":152},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_47":184,"_37":185,"_35":186,"_159":-5,"_45":46,"_44":166,"_160":64,"_42":187,"_13":68,"_38":182,"_40":-5,"_29":30,"_162":-5,"_32":188},{"_47":177,"_37":178,"_35":179,"_159":-5,"_45":46,"_44":180,"_160":64,"_42":181,"_13":68,"_38":182,"_40":-5,"_29":30,"_162":-5,"_32":183},{"_47":171,"_37":172,"_35":173,"_159":-5,"_45":46,"_44":166,"_160":30,"_42":174,"_13":68,"_38":26,"_40":175,"_29":30,"_162":-5,"_32":176},{"_47":164,"_37":165,"_35":62,"_159":-5,"_45":46,"_44":166,"_160":30,"_42":167,"_13":68,"_38":168,"_40":169,"_29":30,"_162":-5,"_32":170},{"_47":158,"_37":33,"_35":36,"_159":-5,"_45":46,"_44":14,"_160":30,"_42":161,"_13":68,"_38":39,"_40":41,"_29":30,"_162":-5,"_32":163},"a612924f-75ec-40dd-928e-df9af686a27c","parentId","latest",["D",1783595033908],"label",[33],"ba380a8f-8f26-4782-8bce-6662bc31f8a9","index.ts",1,["D",1783594988490],"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",[165],"166c133d-602c-4e42-9dee-70b9d6c62a38","README.md","019f468b-b4f0-7369-b149-dfc02b3ec667",["D",1783594988490],"# 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",[172],"8ad64489-dc06-480b-a0c6-bc25388b4983","lib","2e91bb20-4ddb-46a1-baac-39eaf20965ba",2,["D",1783595012387],"directory",[178],"d9efa8a0-aa61-481d-8bb5-65332a0ea515","frontend","019f468b-b4f0-7369-b149-d8843be286ad",["D",1783594988490],[185],"pulls","branches","forks","envVars",{"_196":198,"_199":68},"connections",{"_196":68,"_197":68},"count","unfilledCount",5,"emptyCount",{"_47":184,"_37":185,"_35":186,"_159":-5,"_45":46,"_44":166,"_160":64,"_42":283,"_13":68,"_38":182,"_40":-5,"_29":30,"_162":-5,"_214":284,"_32":285},{"_47":279,"_37":271,"_35":266,"_159":186,"_45":46,"_44":166,"_160":64,"_42":280,"_13":68,"_38":182,"_40":-5,"_29":30,"_162":-5,"_214":281,"_32":282},{"_47":272,"_37":273,"_35":274,"_159":266,"_45":46,"_44":166,"_160":30,"_42":275,"_13":68,"_38":228,"_40":276,"_29":30,"_162":-5,"_214":277,"_32":278},{"_47":263,"_37":264,"_35":265,"_159":266,"_45":46,"_44":166,"_160":30,"_42":267,"_13":68,"_38":228,"_40":268,"_29":30,"_162":-5,"_214":269,"_32":270},{"_47":256,"_37":257,"_35":258,"_159":186,"_45":46,"_44":166,"_160":64,"_42":259,"_13":68,"_38":26,"_40":260,"_29":30,"_162":-5,"_214":261,"_32":262},{"_47":249,"_37":250,"_35":251,"_159":186,"_45":46,"_44":166,"_160":30,"_42":252,"_13":68,"_38":26,"_40":253,"_29":30,"_162":-5,"_214":254,"_32":255},{"_47":242,"_37":243,"_35":244,"_159":186,"_45":46,"_44":166,"_160":64,"_42":245,"_13":68,"_38":228,"_40":246,"_29":30,"_162":-5,"_214":247,"_32":248},{"_47":177,"_37":178,"_35":179,"_159":-5,"_45":46,"_44":180,"_160":64,"_42":239,"_13":68,"_38":182,"_40":-5,"_29":30,"_162":-5,"_214":240,"_32":241},{"_47":232,"_37":233,"_35":234,"_159":179,"_45":46,"_44":180,"_160":30,"_42":235,"_13":68,"_38":228,"_40":236,"_29":30,"_162":-5,"_214":237,"_32":238},{"_47":223,"_37":224,"_35":225,"_159":179,"_45":46,"_44":226,"_160":30,"_42":227,"_13":68,"_38":228,"_40":229,"_29":30,"_162":-5,"_214":230,"_32":231},{"_47":171,"_37":172,"_35":173,"_159":-5,"_45":46,"_44":166,"_160":30,"_42":220,"_13":68,"_38":26,"_40":175,"_29":30,"_162":-5,"_214":221,"_32":222},{"_47":164,"_37":165,"_35":62,"_159":-5,"_45":46,"_44":166,"_160":30,"_42":217,"_13":68,"_38":168,"_40":169,"_29":30,"_162":-5,"_214":218,"_32":219},{"_47":158,"_37":33,"_35":36,"_159":-5,"_45":46,"_44":14,"_160":30,"_42":213,"_13":68,"_38":39,"_40":41,"_29":30,"_162":-5,"_214":215,"_32":216},["D",1783595033908],"children",[],[33],["D",1783594988490],[],[165],["D",1783594988490],[],[172],"8ed0bf35-5aa4-4a86-8125-10cf5858d183","unipile.ts","dfb3650e-7b85-11f1-bc53-1607ee4eb77e",3,["D",1783595033907],"script","/**\n * Unipile API client — fetches WhatsApp messages and chat metadata.\n * Docs: https://developer.unipile.com/docs/get-messages\n *\n * Required env vars:\n * UNIPILE_DSN — your Unipile data source name (e.g. https://xxx.unipile.com)\n * UNIPILE_API_KEY — your Unipile access token\n * UNIPILE_ACCOUNT_ID — the WhatsApp account ID linked in Unipile\n */\n\nexport interface UnipileMessage {\n message_id: string;\n chat_id: string;\n sender_id: string;\n text: string | null;\n timestamp: string;\n account_id: string;\n}\n\nfunction baseUrl(): string {\n const dsn = Deno.env.get(\"UNIPILE_DSN\");\n if (!dsn) throw new Error(\"UNIPILE_DSN env var not set\");\n return dsn.replace(/\\/$/, \"\");\n}\n\nfunction headers(): Record {\n const key = Deno.env.get(\"UNIPILE_API_KEY\");\n if (!key) throw new Error(\"UNIPILE_API_KEY env var not set\");\n return {\n \"X-API-KEY\": key,\n \"accept\": \"application/json\",\n };\n}\n\nfunction accountId(): string {\n const id = Deno.env.get(\"UNIPILE_ACCOUNT_ID\");\n if (!id) throw new Error(\"UNIPILE_ACCOUNT_ID env var not set\");\n return id;\n}\n\n/**\n * Fetch all WhatsApp chats to build a chat_id → name map.\n */\nexport async function getChatMap(): Promise> {\n const url = new URL(`${baseUrl()}/api/v1/chats`);\n url.searchParams.set(\"account_id\", accountId());\n url.searchParams.set(\"account_type\", \"WHATSAPP\");\n url.searchParams.set(\"limit\", \"250\");\n\n const res = await fetch(url, { headers: headers() });\n if (!res.ok) {\n throw new Error(`Unipile chats API error: ${res.status} ${await res.text()}`);\n }\n\n const data = await res.json();\n const map = new Map();\n for (const chat of data.items ?? []) {\n if (chat.id && chat.name) {\n map.set(chat.id, chat.name);\n }\n }\n return map;\n}\n\n/**\n * Fetch messages since a given date. Uses the \"after\" parameter\n * and handles cursor pagination.\n */\nexport async function getMessagesSince(\n since: Date,\n): Promise {\n const allMessages: UnipileMessage[] = [];\n let cursor: string | null = null;\n\n // Fetch a slightly wider window than strictly necessary to catch\n // any messages missed during previous runs\n const after = new Date(since.getTime() - 60 * 60 * 1000); // 1h buffer\n\n for (let page = 0; page < 10; page++) {\n const url = new URL(`${baseUrl()}/api/v1/messages`);\n url.searchParams.set(\"account_id\", accountId());\n url.searchParams.set(\"after\", after.toISOString());\n url.searchParams.set(\"limit\", \"250\");\n if (cursor) url.searchParams.set(\"cursor\", cursor);\n\n const res = await fetch(url, { headers: headers() });\n if (!res.ok) {\n throw new Error(\n `Unipile messages API error: ${res.status} ${await res.text()}`,\n );\n }\n\n const data = await res.json();\n for (const msg of data.items ?? []) {\n if (msg.message_id && msg.text) {\n allMessages.push({\n message_id: msg.message_id,\n chat_id: msg.chat_id,\n sender_id: msg.sender_id,\n text: msg.text,\n timestamp: msg.timestamp,\n account_id: msg.account_id,\n });\n }\n }\n\n cursor = data.cursor;\n if (!cursor) break;\n }\n\n return allMessages;\n}\n",[],[178,224],"8a3d137d-113a-42a9-ad8c-3f75e2687da6","db.ts","d2e06c5a-7b85-11f1-88fa-1607ee4eb77e",["D",1783595012387],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport type TodoStatus = \"inbox\" | \"todo\" | \"doing\" | \"done\";\n\nexport interface Todo {\n id: number;\n message_id: string;\n chat_id: string | null;\n chat_name: string | null;\n sender_id: string | null;\n sender_name: string | null;\n text: string | null;\n status: TodoStatus;\n message_timestamp: string | null;\n created_at: string;\n updated_at: string;\n}\n\nexport const COLUMNS: { key: TodoStatus; label: string; color: string }[] = [\n { key: \"inbox\", label: \"📥 Inbox\", color: \"bg-gray-100\" },\n { key: \"todo\", label: \"📋 To Do\", color: \"bg-blue-100\" },\n { key: \"doing\", label: \"🔄 In Progress\", color: \"bg-amber-100\" },\n { key: \"done\", label: \"✅ Done\", color: \"bg-green-100\" },\n];\n\nexport async function initDB() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS todos (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n message_id TEXT UNIQUE NOT NULL,\n chat_id TEXT,\n chat_name TEXT,\n sender_id TEXT,\n sender_name TEXT,\n text TEXT,\n status TEXT NOT NULL DEFAULT 'inbox',\n message_timestamp TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_todos_status ON todos(status)\n `);\n}\n\nexport async function insertTodo(\n msg: {\n message_id: string;\n chat_id?: string | null;\n chat_name?: string | null;\n sender_id?: string | null;\n sender_name?: string | null;\n text?: string | null;\n message_timestamp?: string | null;\n },\n): Promise {\n try {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO todos (message_id, chat_id, chat_name, sender_id, sender_name, text, message_timestamp)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n args: [\n msg.message_id,\n msg.chat_id ?? null,\n msg.chat_name ?? null,\n msg.sender_id ?? null,\n msg.sender_name ?? null,\n msg.text ?? null,\n msg.message_timestamp ?? null,\n ],\n });\n return true;\n } catch (e) {\n console.error(\"Failed to insert todo:\", e);\n return false;\n }\n}\n\nexport async function getAllTodos(): Promise {\n await initDB();\n const result = await sqlite.execute(\n \"SELECT * FROM todos ORDER BY message_timestamp DESC\",\n );\n return result.rows as unknown as Todo[];\n}\n\nexport async function updateTodoStatus(\n id: number,\n status: TodoStatus,\n): Promise {\n await sqlite.execute({\n sql: \"UPDATE todos SET status = ?, updated_at = datetime('now') WHERE id = ?\",\n args: [status, id],\n });\n}\n\nexport async function deleteTodo(id: number): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM todos WHERE id = ?\",\n args: [id],\n });\n}\n\nexport async function todoExists(messageId: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT 1 FROM todos WHERE message_id = ? LIMIT 1\",\n args: [messageId],\n });\n return result.rows.length > 0;\n}\n",[],[178,233],["D",1783595012387],[208,209],[178],"16df641a-01b7-4b1f-ba39-d4de7794f77a","index.tsx","019f468b-b4f0-7369-b149-d5eb81405e19",["D",1783594988490],"/** @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();",[],[185,243],"9b1efc78-0ebc-41ff-9e2d-b94b01832832","index.html","019f468b-b4f0-7369-b149-d2dba6a9cd16",["D",1783594988490],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[185,250],"ecfda0a3-6b59-4c95-a760-16dae247d012","favicon.svg","019f468b-b4f0-7369-b149-cf47cce5f1ec",["D",1783594988490],"\n",[],[185,257],"6be90607-cb0d-4f43-a4e6-8d7291e84624","Counter.tsx","019f468b-b4f0-7369-b149-c46df2e578ba","019f468b-b4f0-7369-b149-cbac2c950bf8",["D",1783594988490],"/** @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",[],[185,271,264],"components","d7fad49b-b115-475d-b99b-3421096cd3e2","App.tsx","019f468b-b4f0-7369-b149-c3f2f6f7a406",["D",1783594988490],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[185,271,273],"81e05fa2-23f4-4b4a-9286-7bf0cef33dd1",["D",1783594988490],[202,203],[185,271],["D",1783594988490],[201,204,205,206],[185],["D",1783594988490],["D",1789525245864],{"_109":108,"_117":113},{"_109":108,"_110":111,"_112":113,"_19":60,"_114":115,"_116":30},{"_13":94,"_37":95,"_47":46,"_96":48,"_97":98,"_99":100,"_101":54,"_102":103,"_104":105,"_106":49,"_107":108},"ctx",{"_87":-5,"_139":324,"_325":326,"_327":328,"_329":30,"_330":30,"_331":30,"_332":64,"_333":-5,"_334":-7,"_335":-7,"_336":68,"_337":30,"_338":30,"_339":-5,"_340":30,"_341":30,"_342":30,"_343":-5},"ENV",{"_295":296,"_297":298,"_299":95,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323},"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"]

Diff · v4