[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":85,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":57,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","server.tsx","latestPath","fileId","0199bad8-d137-74eb-96d3-786a2e8674a4","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@19 */\nimport { Hono } from \"npm:hono@4\";\nimport * as React from \"https://esm.sh/react@19\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./client.tsx\");\n\nconst app = new Hono();\n\n// api server\napp.get(\"/api\", async (c) => {\n return c.json([\n { name: \"Leia\", breed: \"DSH\", coat: \"Calico\" },\n { name: \"Chewie\", breed: \"DSH\", coat: \"Tuxedo\" },\n ]);\n});\n\n// react app\napp.get(\"*\", async (c) => {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(c.req.raw);\n const router = createStaticRouter(dataRoutes, context);\n \n let html = await ReactDOMServer.renderToReadableStream(\n \n , {\n bootstrapModules: [ CLIENT_MODULE ],\n });\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\nexport default app.fetch;","/** @jsxImportSource https://esm.sh/react@19 */\nimport { Hono } from \"npm:hono@4\";\nimport * as React from \"https://esm.sh/react@19\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./client.tsx\");\n\n// Database setup\nconst HABITS_TABLE = \"habits_v1\";\nconst COMPLETIONS_TABLE = \"habit_completions_v1\";\n\n// Initialize database tables\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${HABITS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n description TEXT,\n color TEXT NOT NULL,\n icon TEXT NOT NULL,\n created_at TEXT NOT NULL,\n user_id TEXT NOT NULL\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${COMPLETIONS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n habit_id INTEGER NOT NULL,\n completed_date TEXT NOT NULL,\n value REAL DEFAULT 1,\n created_at TEXT NOT NULL,\n FOREIGN KEY (habit_id) REFERENCES ${HABITS_TABLE}(id),\n UNIQUE(habit_id, completed_date)\n )\n`);\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// API routes\napp.get(\"/api/habits\", async (c) => {\n const userId = c.req.query(\"user_id\") || \"default_user\";\n const result = await sqlite.execute(\n `SELECT * FROM ${HABITS_TABLE} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n return c.json(result.rows);\n});\n\napp.post(\"/api/habits\", async (c) => {\n const body = await c.req.json();\n const { name, description, color, icon, user_id = \"default_user\" } = body;\n\n const result = await sqlite.execute(\n `INSERT INTO ${HABITS_TABLE} (name, description, color, icon, user_id, created_at)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [name, description || \"\", color, icon, user_id, new Date().toISOString()]\n );\n\n return c.json({ id: result.lastInsertRowId, ...body });\n});\n\napp.post(\"/api/habits/:id/complete\", async (c) => {\n const habitId = c.req.param(\"id\");\n const body = await c.req.json();\n const { date = new Date().toISOString().split(\"T\")[0], value = 1 } = body;\n\n try {\n await sqlite.execute(\n `INSERT INTO ${COMPLETIONS_TABLE} (habit_id, completed_date, value, created_at)\n VALUES (?, ?, ?, ?)`,\n [habitId, date, value, new Date().toISOString()]\n );\n return c.json({ success: true });\n } catch (error) {\n // If already exists, update it\n await sqlite.execute(\n `UPDATE ${COMPLETIONS_TABLE} SET value = ? WHERE habit_id = ? AND completed_date = ?`,\n [value, habitId, date]\n );\n return c.json({ success: true });\n }\n});\n\napp.delete(\"/api/habits/:id/complete\", async (c) => {\n const habitId = c.req.param(\"id\");\n const date = c.req.query(\"date\") || new Date().toISOString().split(\"T\")[0];\n\n await sqlite.execute(\n `DELETE FROM ${COMPLETIONS_TABLE} WHERE habit_id = ? AND completed_date = ?`,\n [habitId, date]\n );\n\n return c.json({ success: true });\n});\n\napp.get(\"/api/habits/:id/completions\", async (c) => {\n const habitId = c.req.param(\"id\");\n const result = await sqlite.execute(\n `SELECT * FROM ${COMPLETIONS_TABLE}\n WHERE habit_id = ?\n ORDER BY completed_date DESC`,\n [habitId]\n );\n return c.json(result.rows);\n});\n\n// react app\napp.get(\"*\", async (c) => {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(c.req.raw);\n const router = createStaticRouter(dataRoutes, context);\n \n let html = await ReactDOMServer.renderToReadableStream(\n \n , {\n bootstrapModules: [ CLIENT_MODULE ],\n });\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\nexport default app.fetch;","createdAt",["D",1759776966360],"branchVersion","branchId","c8ece4be-a2e4-11f0-822c-0224a6c84d84","id","c8e96ca8-a2e4-11f0-822c-0224a6c84d84","habit-tracker",["D",1759776395498],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019977b1-1bd1-730d-a575-2665305dd849","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019977b1-1bd1-730d-a575-2afdc309b42c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",7,"main","projectId","forkedBranchId","3f6d7dac-3197-11f0-bd56-569c3dd06744","forkedBranchVersion",33,"forkedProjectPrivacy","forkedProjectId","3f6981c0-3197-11f0-bd56-569c3dd06744","forkedProjectOrgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","projectName","userHandle","willemhelmet","handle","displayName","WHP","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMzZ1Q1ZnYnREY3RBMjh5TWtPbU5vS01MejYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":214,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":215,"_79":216,"_81":217,"_83":25},"tree",[193,194,195,196,197],"files",[193,194,195,196,197],"counts",{"_183":61,"_184":153,"_185":61,"_186":187,"_188":189},"contents",[144,145,146,147,148],"upstreamProject",{"_43":93,"_32":139,"_52":140,"_53":141,"_49":50,"_77":142},"upstreamBranch",{"_43":88,"_38":132,"_133":134,"_32":85,"_86":93,"_13":135,"_87":-5,"_89":-5,"_136":137,"_47":-5,"_83":25,"_49":50,"_97":138,"_62":95,"_96":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747318612210],"updatedAt",["D",1779898921971],34,"lockfileKey","1786296728251-esm.town_v_jxnblk_react-router-hono-starter@34-main","jxnblk","react-router-hono-starter","Minimal React Router + Hono starter example","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c6ac4b2d-2d7e-4ea8-c2bf-7e369bfdb600/square512?exp=1789545599&sig=514dbcaac7c5c5ac271d0787ed8fe45f895db4bf4808e8dba8c8c566b1b16d61",{"_99":138,"_107":143},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789545599&sig=241a998a3b2676202985118f370e58e8e4c965b15387615c1b5fd73d70b9e059",{"_43":176,"_32":177,"_30":178,"_150":-5,"_41":42,"_40":179,"_151":57,"_38":180,"_13":61,"_33":20,"_35":181,"_24":25,"_154":-5,"_27":182},{"_43":170,"_32":171,"_30":172,"_150":-5,"_41":42,"_40":153,"_151":25,"_38":173,"_13":61,"_33":20,"_35":174,"_24":25,"_154":-5,"_27":175},{"_43":164,"_32":165,"_30":166,"_150":-5,"_41":42,"_40":153,"_151":57,"_38":167,"_13":61,"_33":161,"_35":168,"_24":25,"_154":-5,"_27":169},{"_43":156,"_32":157,"_30":158,"_150":-5,"_41":42,"_40":159,"_151":57,"_38":160,"_13":153,"_33":161,"_35":162,"_24":25,"_154":-5,"_27":163},{"_43":149,"_32":28,"_30":31,"_150":-5,"_41":42,"_40":14,"_151":57,"_38":152,"_13":153,"_33":34,"_35":37,"_24":25,"_154":-5,"_27":155},"1d2c0bc6-a2e6-11f0-b622-0224a6c84d84","parentId","latest",["D",1759776966360],1,"label",[28],"1d270400-a2e6-11f0-b557-0224a6c84d84","routes.tsx","0199bad8-d137-74eb-96d3-75d68ad7c97a",3,["D",1759776966353],"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { useLoaderData, useRevalidator } from \"https://esm.sh/react-router@7\";\n\n// Get the API URL from the current origin\nconst getApiUrl = (request?: Request) => {\n if (typeof window !== \"undefined\") {\n return window.location.origin;\n }\n // For SSR, use the request URL if available\n if (request) {\n const url = new URL(request.url);\n return url.origin;\n }\n return \"\"; // Will use relative URLs\n};\n\ninterface Habit {\n id: number;\n name: string;\n description: string;\n color: string;\n icon: string;\n created_at: string;\n}\n\ninterface Completion {\n id: number;\n habit_id: number;\n completed_date: string;\n value: number;\n}\n\nfunction HTML({ children }: { children: React.ReactNode }) {\n return (\n \n \n \n \n HabitBox - Track Your Habits\n \n \n \n {children}\n \n );\n}\n\nfunction HabitCard({ habit, completions, onToggle }: {\n habit: Habit;\n completions: Completion[];\n onToggle: (habitId: number, date: string, isCompleted: boolean) => void;\n}) {\n const today = new Date().toISOString().split(\"T\")[0];\n const isCompletedToday = completions.some(c => c.completed_date === today);\n\n // Generate grid for the last 90 days\n const generateGrid = () => {\n const grid = [];\n const endDate = new Date();\n\n for (let i = 89; i >= 0; i--) {\n const date = new Date(endDate);\n date.setDate(date.getDate() - i);\n const dateStr = date.toISOString().split(\"T\")[0];\n const isCompleted = completions.some(c => c.completed_date === dateStr);\n\n grid.push(\n \n );\n }\n return grid;\n };\n\n return (\n \n

{habit.icon}

{habit.name}

\n {habit.description && (\n

{habit.description}

\n )}\n

\n onToggle(habit.id, today, isCompletedToday)}\n className={`w-8 h-8 rounded-full border-2 border-white flex items-center justify-center transition-all ${\n isCompletedToday ? 'bg-white' : 'bg-transparent'\n }`}\n >\n {isCompletedToday && ✓}\n \n

\n\n

\n {generateGrid()}\n

\n\n

\n {completions.length} completions\n

\n \n );\n}\n\nfunction NewHabitModal({ isOpen, onClose, onSubmit }: {\n isOpen: boolean;\n onClose: () => void;\n onSubmit: (habit: Partial) => void;\n}) {\n const [name, setName] = React.useState(\"\");\n const [description, setDescription] = React.useState(\"\");\n const [color, setColor] = React.useState(\"#FF6B35\");\n const [icon, setIcon] = React.useState(\"🏃\");\n\n const colors = [\n \"#FF6B35\", \"#F7931E\", \"#FDC830\", \"#4ECDC4\",\n \"#45B7D1\", \"#5B5EA6\", \"#9B59B6\", \"#E91E63\"\n ];\n\n const icons = [\n \"🏃\", \"🧘\", \"📚\", \"💧\", \"🎸\", \"🎨\", \"✍️\", \"🏋️\",\n \"🥗\", \"😴\", \"🎯\", \"📝\", \"💻\", \"🎵\", \"🚶\", \"🧩\"\n ];\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (!name.trim()) return;\n\n onSubmit({ name, description, color, icon });\n setName(\"\");\n setDescription(\"\");\n setColor(\"#FF6B35\");\n setIcon(\"🏃\");\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n

e.stopPropagation()}>\n

Create New Habit

\n Habit Name\n setName(e.target.value)}\n className=\"w-full px-4 py-2 rounded-lg bg-gray-700 border border-gray-600 focus:border-blue-500 focus:outline-none\"\n placeholder=\"Morning Exercise\"\n required\n />\n

\n\n

\n Description (optional)\n setDescription(e.target.value)}\n className=\"w-full px-4 py-2 rounded-lg bg-gray-700 border border-gray-600 focus:border-blue-500 focus:outline-none\"\n placeholder=\"Daily mindfulness practice\"\n />\n

\n\n

\n Choose Icon\n

\n {icons.map((i) => (\n setIcon(i)}\n className={`text-2xl p-2 rounded-lg transition-all ${\n icon === i ? 'bg-gray-600 scale-110' : 'bg-gray-700 hover:bg-gray-600'\n }`}\n >\n {i}\n \n ))}\n

\n\n

\n Choose Color\n

\n {colors.map((c) => (\n setColor(c)}\n className={`w-10 h-10 rounded-lg transition-all ${\n color === c ? 'ring-2 ring-white ring-offset-2 ring-offset-gray-800' : ''\n }`}\n style={{ backgroundColor: c }}\n />\n ))}\n

\n\n

\n \n Cancel\n \n \n Create Habit\n \n

\n );\n}\n\nfunction Home() {\n const data = useLoaderData() as { habits: Habit[], completions: Record };\n const revalidator = useRevalidator();\n const [isModalOpen, setIsModalOpen] = React.useState(false);\n const [habits, setHabits] = React.useState(data.habits);\n const [completions, setCompletions] = React.useState(data.completions);\n\n React.useEffect(() => {\n setHabits(data.habits);\n setCompletions(data.completions);\n }, [data]);\n\n const handleToggleHabit = async (habitId: number, date: string, isCompleted: boolean) => {\n try {\n const apiUrl = getApiUrl();\n\n if (isCompleted) {\n await fetch(`${apiUrl}/api/habits/${habitId}/complete?date=${date}`, {\n method: \"DELETE\",\n });\n } else {\n await fetch(`${apiUrl}/api/habits/${habitId}/complete`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ date }),\n });\n }\n\n revalidator.revalidate();\n } catch (error) {\n console.error(\"Failed to toggle habit:\", error);\n }\n };\n\n const handleCreateHabit = async (habit: Partial) => {\n try {\n const apiUrl = getApiUrl();\n await fetch(`${apiUrl}/api/habits`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(habit),\n });\n\n revalidator.revalidate();\n } catch (error) {\n console.error(\"Failed to create habit:\", error);\n }\n };\n\n return (\n \n

\n HabitBox\n

\n \n \n

\n\n

\n {habits.map((habit) => (\n \n ))}\n

\n\n setIsModalOpen(true)}\n className=\"fixed bottom-6 right-6 w-14 h-14 bg-blue-600 hover:bg-blue-700 rounded-full flex items-center justify-center text-3xl shadow-lg transition-all hover:scale-110\"\n >\n +\n \n

\n\n setIsModalOpen(false)}\n onSubmit={handleCreateHabit}\n />\n

\n \n );\n}\n\nasync function habitsLoader({ request }: { request: Request }) {\n try {\n const url = new URL(request.url);\n const apiUrl = url.origin;\n\n const habits = await fetch(`${apiUrl}/api/habits`).then((res) => res.json()) as Habit[];\n\n const completions: Record = {};\n\n await Promise.all(\n habits.map(async (habit) => {\n const habitCompletions = await fetch(`${apiUrl}/api/habits/${habit.id}/completions`)\n .then((res) => res.json());\n completions[habit.id] = habitCompletions;\n })\n );\n\n return { habits, completions };\n } catch (error) {\n console.error(\"Failed to load habits:\", error);\n return { habits: [], completions: {} };\n }\n}\n\nexport const routes = [\n {\n Component: Home,\n index: true,\n loader: habitsLoader,\n },\n];\n\nexport default routes;",[157],"c8f01a08-a2e4-11f0-822c-0224a6c84d84","client.tsx","0199bad8-d137-74eb-96d3-735cb094be00",["D",1759776395498],"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport ReactDOM from \"https://esm.sh/react-dom@19/client\";\nimport { createBrowserRouter, RouterProvider } from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconsole.log(\"client\");\n\nconst router = createBrowserRouter(routes);\n\nReactDOM.hydrateRoot(\n document, \n \n);",[165],"c8f00d74-a2e4-11f0-822c-0224a6c84d84","README.md","0199bad8-d137-74eb-96d3-6ff0ef55ac10",["D",1759776395498],"# React Router Hono Starter\n\nMinimal React Router + Hono starter example in [\"data mode\"][modes] with server-side rendering for Val Town\n\n[View demo][demo]\n\n## How it works\n\nThe `server.tsx` file is the main server that responds with an HTML stream, using React Router, or an API response.\nThe HTML includes a `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[177],"pulls","branches","forks","envVars",{"_190":61,"_192":61},"connections",{"_190":61,"_191":61},"count","unfilledCount","emptyCount",{"_43":176,"_32":177,"_30":178,"_150":-5,"_41":42,"_40":179,"_151":57,"_38":211,"_13":61,"_33":20,"_35":181,"_24":25,"_154":-5,"_199":212,"_27":213},{"_43":170,"_32":171,"_30":172,"_150":-5,"_41":42,"_40":153,"_151":25,"_38":208,"_13":61,"_33":20,"_35":174,"_24":25,"_154":-5,"_199":209,"_27":210},{"_43":164,"_32":165,"_30":166,"_150":-5,"_41":42,"_40":153,"_151":57,"_38":205,"_13":61,"_33":161,"_35":168,"_24":25,"_154":-5,"_199":206,"_27":207},{"_43":156,"_32":157,"_30":158,"_150":-5,"_41":42,"_40":159,"_151":57,"_38":202,"_13":153,"_33":161,"_35":162,"_24":25,"_154":-5,"_199":203,"_27":204},{"_43":149,"_32":28,"_30":31,"_150":-5,"_41":42,"_40":14,"_151":57,"_38":198,"_13":153,"_33":34,"_35":37,"_24":25,"_154":-5,"_199":200,"_27":201},["D",1759776966360],"children",[],[28],["D",1759776966353],[],[157],["D",1759776395498],[],[165],["D",1759776395498],[],[171],["D",1759776966341],[],[177],["D",1759776395498],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_129":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":57,"_260":-5,"_261":-7,"_262":-7,"_263":61,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":85,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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