[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_267":268,"_269":270},"routes/_app.x.$handle.$name",{"_113":112,"_38":56,"_122":99,"_33":123,"_13":14,"_124":-5,"_11":125,"_126":127,"_128":129,"_130":131,"_132":133,"_27":-5,"_134":135,"_136":137,"_138":31,"_139":140,"_141":71,"_142":-5,"_143":-5,"_144":145},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_54":55,"_38":56,"_42":57,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":66,"_19":67,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":92,"_93":94,"_95":96,"_97":31},"version",2,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","fa054570-4b7b-4618-902c-d64d1c2253d2","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":47,"_29":-7,"_30":31,"_32":31,"_33":48,"_35":48},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":-5,"_42":43,"_44":14,"_45":46,"_30":31},"previous","deleted",false,"deletedHere","path","backend","latestPath","fileId","e5ac08fe-1c39-4951-8ff9-301c59fa9a2a","name","fileType","directory","content","createdAt",["D",1780036956621],"branchVersion","branchId","8c2c6d1c-5b29-11f1-b770-ee650bb23af1",{"_36":49,"_38":50,"_39":51,"_41":52,"_42":53,"_44":14,"_45":46,"_30":31},"backend/db.ts","9460c776-5b29-11f1-ade4-ee650bb23af1","db.ts","script","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n/**\n * Database layer for the Gold Pro Terminal.\n * Tables: users, otps, sessions, closed_trades.\n * All schema creation is idempotent so it can run on every cold start.\n */\n\nlet initialized = false;\n\nexport async function initDb(): Promise {\n if (initialized) return;\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS users (\n email TEXT PRIMARY KEY,\n passwordHash TEXT NOT NULL,\n salt TEXT NOT NULL,\n verified INTEGER NOT NULL DEFAULT 0,\n createdAt INTEGER NOT NULL\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS otps (\n email TEXT NOT NULL,\n code TEXT NOT NULL,\n purpose TEXT NOT NULL DEFAULT 'register',\n expiresAt INTEGER NOT NULL\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS sessions (\n sessionId TEXT PRIMARY KEY,\n email TEXT NOT NULL,\n expiresAt INTEGER NOT NULL\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS closed_trades (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n email TEXT NOT NULL,\n runId TEXT NOT NULL,\n timeframe TEXT NOT NULL,\n side TEXT NOT NULL,\n entry REAL NOT NULL,\n exit REAL NOT NULL,\n sl REAL NOT NULL,\n tp REAL NOT NULL,\n lots REAL NOT NULL,\n pnl REAL NOT NULL,\n result TEXT NOT NULL,\n openedAt INTEGER NOT NULL,\n closedAt INTEGER NOT NULL\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS backtest_runs (\n runId TEXT PRIMARY KEY,\n email TEXT NOT NULL,\n timeframe TEXT NOT NULL,\n lots REAL NOT NULL,\n slPips REAL NOT NULL,\n tpPips REAL NOT NULL,\n startBalance REAL NOT NULL,\n endBalance REAL NOT NULL,\n wins INTEGER NOT NULL,\n losses INTEGER NOT NULL,\n totalTrades INTEGER NOT NULL,\n netPnl REAL NOT NULL,\n winRate REAL NOT NULL,\n maxDrawdown REAL NOT NULL,\n createdAt INTEGER NOT NULL\n )`,\n },\n ]);\n initialized = true;\n}\n\nexport { sqlite };\n",["D",1780036956621],"id","8c252a34-5b29-11f1-b770-ee650bb23af1","gold-pro-terminal",["D",1780036942807],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789545599&sig=91cfcc631bd9f3dd8274549c04838d172adf2572755982193460d49bfd04bd62","eb40f7d0-06d5-4475-a861-7105e3c812e5","pinnedFileId","019e7278-3c24-74da-90c1-67a95f255289","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e7275-e564-71d6-a236-74dad914daef","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_113":112,"_121":117},"org",{"_113":112,"_114":115,"_116":117,"_19":67,"_118":119,"_120":31},"branch",{"_13":98,"_38":99,"_54":46,"_100":55,"_101":102,"_103":104,"_105":61,"_106":107,"_108":109,"_110":56,"_111":112},"isOwned",14,"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","jaimiecockrell","handle","displayName","Jaimie Cockrell","avatar","https://lh3.googleusercontent.com/a/ACg8ocLZ4pgr2uj3Ty-tm2sC7lNIQjSxb_ED0MzXQR1lVbTl--pAqQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_54":55,"_38":56,"_42":263,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":66,"_19":67,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":-5,"_81":-5,"_82":83,"_84":83,"_85":86,"_87":86,"_88":86,"_89":83,"_90":83,"_91":264,"_93":265,"_95":266,"_97":31},"tree",[194,196,203,204],"files",[194,195,196,197,198,199,200,201,202,203,204],"counts",{"_184":75,"_185":163,"_186":75,"_187":188,"_189":190},"contents",[156,157,158,159],"upstreamProject",{"_54":107,"_38":153,"_63":64,"_65":66,"_60":61,"_91":154},"upstreamBranch",{"_54":102,"_42":146,"_147":148,"_38":99,"_100":107,"_13":149,"_101":-5,"_103":-5,"_150":151,"_58":-5,"_97":31,"_60":61,"_111":152,"_76":109,"_110":153},"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",{"_113":152,"_121":155},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",{"_54":181,"_38":34,"_36":37,"_162":-5,"_45":46,"_44":14,"_164":71,"_42":182,"_13":75,"_39":40,"_41":-5,"_30":31,"_168":-5,"_33":183},{"_54":176,"_38":177,"_36":178,"_162":-5,"_45":46,"_44":163,"_164":71,"_42":179,"_13":75,"_39":40,"_41":-5,"_30":31,"_168":-5,"_33":180},{"_54":170,"_38":171,"_36":172,"_162":-5,"_45":46,"_44":163,"_164":71,"_42":173,"_13":75,"_39":27,"_41":174,"_30":31,"_168":-5,"_33":175},{"_54":160,"_38":161,"_36":69,"_162":-5,"_45":46,"_44":163,"_164":31,"_42":165,"_13":75,"_39":166,"_41":167,"_30":31,"_168":-5,"_33":169},"8c33e79a-5b29-11f1-b770-ee650bb23af1","index.ts","parentId",1,"latest",["D",1780036942807],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","label",[161],"8c33d5a2-5b29-11f1-b770-ee650bb23af1","README.md","019e7278-3c24-74da-90c1-635061824015",["D",1780036942807],"# 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",[171],"8c33d3b8-5b29-11f1-b770-ee650bb23af1","frontend","019e7278-3c24-74da-90c1-5e428350c16e",["D",1780036942807],[177],"9460f5de-5b29-11f1-ade4-ee650bb23af1",["D",1780036956621],[34],"pulls","branches","forks","envVars",{"_191":75,"_193":75},"connections",{"_191":75,"_192":75},"count","unfilledCount","emptyCount",{"_54":181,"_38":34,"_36":37,"_162":-5,"_45":46,"_44":14,"_164":71,"_42":260,"_13":75,"_39":40,"_41":-5,"_30":31,"_168":-5,"_206":261,"_33":262},{"_54":256,"_38":50,"_36":49,"_162":37,"_45":46,"_44":14,"_164":71,"_42":257,"_13":75,"_39":51,"_41":52,"_30":31,"_168":-5,"_206":258,"_33":259},{"_54":176,"_38":177,"_36":178,"_162":-5,"_45":46,"_44":163,"_164":71,"_42":253,"_13":75,"_39":40,"_41":-5,"_30":31,"_168":-5,"_206":254,"_33":255},{"_54":249,"_38":241,"_36":236,"_162":178,"_45":46,"_44":163,"_164":71,"_42":250,"_13":75,"_39":40,"_41":-5,"_30":31,"_168":-5,"_206":251,"_33":252},{"_54":242,"_38":243,"_36":244,"_162":236,"_45":46,"_44":163,"_164":71,"_42":245,"_13":75,"_39":51,"_41":246,"_30":31,"_168":-5,"_206":247,"_33":248},{"_54":233,"_38":234,"_36":235,"_162":236,"_45":46,"_44":163,"_164":71,"_42":237,"_13":75,"_39":51,"_41":238,"_30":31,"_168":-5,"_206":239,"_33":240},{"_54":226,"_38":227,"_36":228,"_162":178,"_45":46,"_44":163,"_164":71,"_42":229,"_13":75,"_39":27,"_41":230,"_30":31,"_168":-5,"_206":231,"_33":232},{"_54":219,"_38":220,"_36":221,"_162":178,"_45":46,"_44":163,"_164":71,"_42":222,"_13":75,"_39":27,"_41":223,"_30":31,"_168":-5,"_206":224,"_33":225},{"_54":212,"_38":213,"_36":214,"_162":178,"_45":46,"_44":163,"_164":71,"_42":215,"_13":75,"_39":51,"_41":216,"_30":31,"_168":-5,"_206":217,"_33":218},{"_54":170,"_38":171,"_36":172,"_162":-5,"_45":46,"_44":163,"_164":71,"_42":209,"_13":75,"_39":27,"_41":174,"_30":31,"_168":-5,"_206":210,"_33":211},{"_54":160,"_38":161,"_36":69,"_162":-5,"_45":46,"_44":163,"_164":31,"_42":205,"_13":75,"_39":166,"_41":167,"_30":31,"_168":-5,"_206":207,"_33":208},["D",1780036942807],"children",[],[161],["D",1780036942807],[],[171],"8c33cf62-5b29-11f1-b770-ee650bb23af1","index.tsx","019e7278-3c24-74da-90c1-584fb13ae489",["D",1780036942807],"/** @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();",[],[177,213],"8c33c9fe-5b29-11f1-b770-ee650bb23af1","index.html","019e7278-3c24-74da-90c1-54c8bcc6b90f",["D",1780036942807],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[177,220],"8c33c6fc-5b29-11f1-b770-ee650bb23af1","favicon.svg","019e7278-3c23-73d9-a2fd-6570899b6cf0",["D",1780036942807],"\n",[],[177,227],"8c33b90a-5b29-11f1-b770-ee650bb23af1","Counter.tsx","019e7278-3c23-73d9-a2fd-5e72d20581f7","019e7278-3c23-73d9-a2fd-62bcf2a1f053",["D",1780036942807],"/** @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",[],[177,241,234],"components","8c33a9ba-5b29-11f1-b770-ee650bb23af1","App.tsx","019e7278-3c23-73d9-a2fd-5b3a8d685fa1",["D",1780036942807],"/** @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",[],[177,241,243],"8c33c06c-5b29-11f1-b770-ee650bb23af1",["D",1780036942807],[198,199],[177,241],["D",1780036942807],[197,200,201,202],[177],"9460c6cc-5b29-11f1-ade4-ee650bb23af1",["D",1780036956621],[],[34,50],["D",1780036956621],[195],[34],["D",1780036942807],{"_113":112,"_121":117},{"_113":112,"_114":115,"_116":117,"_19":67,"_118":119,"_120":31},{"_13":98,"_38":99,"_54":46,"_100":55,"_101":102,"_103":104,"_105":61,"_106":107,"_108":109,"_110":56,"_111":112},"ctx",{"_91":-5,"_143":300,"_301":302,"_303":304,"_305":31,"_306":31,"_307":31,"_308":71,"_309":-5,"_310":-7,"_311":-7,"_312":75,"_313":31,"_314":31,"_315":-5,"_316":31,"_317":31,"_318":31,"_319":-5},"ENV",{"_271":272,"_273":274,"_275":99,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299},"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 · v2