\n \n \n \n\n",[118,110],"8977d4a41a9a015dfacda23da08eb3d1a96f74f1ca3a39a9e9fafeb30e771cbf","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[118,110],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":141,"_13":131,"_81":142,"_83":143,"_84":33,"_85":144,"_86":26,"_34":145,"_40":146,"_89":136,"_91":147,"_66":48,"_93":-5,"_94":-7,"_74":148,"_96":149},{"_32":130,"_13":131,"_81":132,"_83":133,"_84":58,"_85":134,"_86":26,"_34":135,"_40":88,"_89":136,"_91":137,"_66":48,"_93":-5,"_94":-7,"_74":138,"_96":139},"0af3a991-805f-4743-b20a-c28e7383d045","App.tsx","019f70f4-c932-773f-882f-8386e5e772f7","019f70f4-c933-741e-92e7-39049856c834",7,["D",1784306587014],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { ExpenseForm } from \"./ExpenseForm.tsx\";\nimport { ExpenseList, type Expense } from \"./ExpenseList.tsx\";\nimport { Summary } from \"./Summary.tsx\";\n\nexport function App() {\n const [expenses, setExpenses] = useState([]);\n const [total, setTotal] = useState(0);\n const [byCategory, setByCategory] = useState<{ category: string; total: number }[]>([]);\n\n const fetchData = useCallback(async () => {\n const [expRes, sumRes] = await Promise.all([\n fetch(\"/api/expenses\"),\n fetch(\"/api/summary\"),\n ]);\n const expData = await expRes.json();\n const sumData = await sumRes.json();\n setExpenses(expData);\n setTotal(sumData.total);\n setByCategory(sumData.byCategory);\n }, []);\n\n useEffect(() => {\n fetchData();\n }, [fetchData]);\n\n const handleDelete = async (id: number) => {\n await fetch(`/api/expenses/${id}`, { method: \"DELETE\" });\n fetchData();\n };\n\n return (\n

\n 💰 Expenses Tracker\n

Track your spending, see where it goes.

\n\n

\n \n \n

\n\n \n

\n );\n}\n",[118,140,131],"1cda8fc8391aa3c37a38a3e3be71ca66e340dc42c3d47981a3b96b6bed96bd18","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @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",[118,140,131],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":159,"_13":150,"_81":160,"_83":-5,"_84":33,"_85":60,"_86":48,"_34":161,"_40":162,"_89":114,"_91":163,"_66":48,"_93":-5,"_94":-7,"_74":164,"_96":165},{"_32":153,"_13":150,"_81":154,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":155,"_40":88,"_89":114,"_91":156,"_66":48,"_93":-5,"_94":-7,"_74":157,"_96":158},"581fa8b6-5dee-4172-b516-e39d3f4412fd","019f70f4-c933-741e-92e7-4ff4f168893c",["D",1784306609926],"# 💰 Expenses Tracker\n\nA clean, full-stack expenses tracker built with React + Hono on Val Town.\n\n## Features\n\n- **Add expenses** — amount, category, description, and date\n- **Category breakdown** — visual bars showing spending by category\n- **Total spent** — running total at a glance\n- **Delete expenses** — remove entries with one click\n- **10 categories** — Food, Transport, Housing, Shopping, Entertainment, Health, Education, Work, Travel, Other\n- **Persistent storage** — all data saved in SQLite\n\n## Live URL\n\nClick the val's HTTP endpoint to open the app in your browser.\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| Form[\"ExpenseForm.tsx\"]\n App -->|renders| List[\"ExpenseList.tsx\"]\n App -->|renders| Summary[\"Summary.tsx\"]\n App -->|\"GET /api/expenses\"| Hono\n App -->|\"POST /api/expenses\"| Hono\n App -->|\"DELETE /api/expenses/:id\"| Hono\n App -->|\"GET /api/summary\"| Hono\n Hono --> SQLite[\"SQLite (expenses table)\"]\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\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + data fetching)\n ExpenseForm.tsx ← Form to add new expenses\n ExpenseList.tsx ← List of expenses with delete buttons\n Summary.tsx ← Total spent + category breakdown bars\n```\n\n## API\n\n| Method | Route | Description |\n|--------|-------|-------------|\n| GET | `/api/expenses` | List all expenses (newest first) |\n| POST | `/api/expenses` | Add an expense (`amount`, `category`, `date`, `description?`) |\n| DELETE | `/api/expenses/:id` | Delete an expense |\n| GET | `/api/summary` | Total + breakdown by category |\n",[150],"0485fff47e2188e284d9d4164d52fe68ad3c1bee2eb60096fdb4e04612afe8ff","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# 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",[150],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":167,"_76":168,"_78":-7},"frontend/components/Counter.tsx",{"_32":169,"_13":170,"_81":171,"_83":143,"_84":33,"_85":172,"_86":26,"_34":173,"_40":174,"_89":136,"_91":175,"_66":48,"_93":-5,"_94":-7,"_74":176,"_96":177},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @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",[118,140,170],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":200,"_76":-7,"_78":201},{"_74":191,"_76":-7,"_78":192},{"_74":181,"_76":-7,"_78":182},"frontend/components/Summary.tsx",{"_32":183,"_13":184,"_81":185,"_83":133,"_84":58,"_85":186,"_86":26,"_34":187,"_40":174,"_89":136,"_91":188,"_66":48,"_93":-5,"_94":-7,"_74":189,"_96":190},"48e2ce3e-80dc-4931-98ee-0f410d0d33ad","Summary.tsx","8c9865c0-81fe-11f1-a62f-1607ee4eb77e",6,["D",1784306570513],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface CategoryTotal {\n category: string;\n total: number;\n}\n\ninterface SummaryProps {\n total: number;\n byCategory: CategoryTotal[];\n}\n\nconst BAR_COLORS = [\n \"bg-blue-500\",\n \"bg-emerald-500\",\n \"bg-amber-500\",\n \"bg-purple-500\",\n \"bg-pink-500\",\n \"bg-cyan-500\",\n \"bg-rose-500\",\n \"bg-indigo-500\",\n \"bg-teal-500\",\n \"bg-gray-400\",\n];\n\nexport function Summary({ total, byCategory }: SummaryProps) {\n const maxCategory = byCategory.length > 0\n ? Math.max(...byCategory.map((c) => c.total))\n : 0;\n\n return (\n

Total Spent

\n ${total.toFixed(2)}\n

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

By Category

\n {byCategory.map((cat, i) => (\n

\n {cat.category}\n \n ${cat.total.toFixed(2)}\n \n

\n \n

\n ))}\n

\n )}\n

\n );\n}\n",[118,140,184],"9a095bcd6fd3777ccf687cdba129394e5fcdd27c04203e9ce0a23f333c61bec5","frontend/components/ExpenseList.tsx",{"_32":193,"_13":194,"_81":195,"_83":133,"_84":58,"_85":146,"_86":26,"_34":196,"_40":174,"_89":136,"_91":197,"_66":48,"_93":-5,"_94":-7,"_74":198,"_96":199},"a59edea9-13e8-44d5-ab74-988f5a106544","ExpenseList.tsx","8c91c238-81fe-11f1-99fb-1607ee4eb77e",["D",1784306570511],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport interface Expense {\n id: number;\n amount: number;\n category: string;\n description: string;\n date: string;\n}\n\ninterface ExpenseListProps {\n expenses: Expense[];\n onDelete: (id: number) => void;\n}\n\nfunction formatDate(iso: string): string {\n const d = new Date(iso + \"T00:00\");\n return d.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n\nexport function ExpenseList({ expenses, onDelete }: ExpenseListProps) {\n if (expenses.length === 0) {\n return (\n

🧾

\n No expenses yet. Add one above to get started!\n

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

Recent Expenses

\n \n {exp.category.split(\" \")[0]}\n \n

\n \n {exp.category.split(\" \").slice(1).join(\" \")}\n \n {exp.description && (\n \n — {exp.description}\n \n )}\n

{formatDate(exp.date)}

\n \n ${exp.amount.toFixed(2)}\n \n onDelete(exp.id)}\n class=\"text-gray-300 hover:text-red-500 transition-colors text-xl leading-none p-1\"\n title=\"Delete\"\n >\n ✕\n \n \n ))}\n

\n );\n}\n",[118,140,194],"53ce3c8b601f834605e4183c4f89b612f508b0981f46f1c94d56919e95215744","frontend/components/ExpenseForm.tsx",{"_32":202,"_13":203,"_81":204,"_83":133,"_84":58,"_85":205,"_86":26,"_34":206,"_40":174,"_89":136,"_91":207,"_66":48,"_93":-5,"_94":-7,"_74":208,"_96":209},"cfdb9055-b99e-49c4-aa7f-d40395204771","ExpenseForm.tsx","83993d3c-81fe-11f1-b689-1607ee4eb77e",4,["D",1784306555458],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst CATEGORIES = [\n \"🍽️ Food\",\n \"🚗 Transport\",\n \"🏠 Housing\",\n \"🛍️ Shopping\",\n \"🎬 Entertainment\",\n \"💊 Health\",\n \"📚 Education\",\n \"💼 Work\",\n \"✈️ Travel\",\n \"📦 Other\",\n];\n\ninterface ExpenseFormProps {\n onAdd: () => void;\n}\n\nexport function ExpenseForm({ onAdd }: ExpenseFormProps) {\n const [amount, setAmount] = useState(\"\");\n const [category, setCategory] = useState(CATEGORIES[0]);\n const [description, setDescription] = useState(\"\");\n const [date, setDate] = useState(new Date().toISOString().split(\"T\")[0]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n const parsed = parseFloat(amount);\n if (!parsed || parsed <= 0) {\n setError(\"Please enter a valid amount\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n\n try {\n await fetch(\"/api/expenses\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n amount: parsed,\n category,\n description: description.trim(),\n date,\n }),\n });\n setAmount(\"\");\n setDescription(\"\");\n onAdd();\n } catch {\n setError(\"Failed to add expense. Please try again.\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n \n

➕ Add Expense

\n\n {error && (\n

{error}

\n )}\n\n

\n \n Amount\n \n

\n \n $\n \n setAmount(e.target.value)}\n placeholder=\"0.00\"\n required\n class=\"w-full pl-7 pr-3 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-400 focus:border-transparent outline-none transition\"\n />\n

\n\n

\n \n Date\n \n setDate(e.target.value)}\n required\n class=\"w-full px-3 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-400 focus:border-transparent outline-none transition\"\n />\n

\n\n

\n \n Category\n \n setCategory(e.target.value)}\n class=\"w-full px-3 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-400 focus:border-transparent outline-none transition bg-white\"\n >\n {CATEGORIES.map((cat) => (\n \n ))}\n \n

\n\n

\n \n Description (optional)\n \n setDescription(e.target.value)}\n placeholder=\"What was it for?\"\n class=\"w-full px-3 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-400 focus:border-transparent outline-none transition\"\n />\n

\n\n \n {loading ? \"Adding...\" : \"Add Expense\"}\n \n \n );\n}\n",[118,140,203],"3981fc403a357248d8b773f3f897eb0750638d0efc48da9944645eafff98d8f2",["D",1784306518202],"legacyEnvVars","httpPrivacy","description","Track expenses with categories, amounts, and a summary dashboard","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789563599&sig=c3b06339283e4bc07165fa54c09036aa25cea7ac6108dec2f68b1acc60fad95f","userId","7c1318b7-a61a-42ba-b56d-1c91b3511153","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f70ed-cc64-70ba-bd3d-918542477ad7","tursoName","4e418b59ab974108b1fa6201c9efa5a0","tursoHostname","4e418b59ab974108b1fa6201c9efa5a0-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_253":249},"org",{"_11":12,"_246":247,"_248":249,"_217":218,"_250":251,"_252":48},"branch","displayName","Rizma Farhana S","avatar","https://lh3.googleusercontent.com/a/ACg8ocLod4s2OWCSx1qq0JGisFRzjNW2gIoJezW0PrVZLhOqA_fbT3g=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":349,"_46":-5,"_211":48,"_49":50,"_212":50,"_213":214,"_215":216,"_217":218,"_219":82,"_220":26,"_221":-5,"_222":-5,"_223":174,"_53":224,"_225":226,"_227":228,"_229":350,"_231":-5,"_232":233,"_234":233,"_235":236,"_237":236,"_238":236,"_239":233,"_240":233,"_241":351,"_243":352,"_245":353,"_47":48},"tree",[303,312,313],"files",[303,304,305,306,307,308,309,310,311,312,313],"counts",{"_293":174,"_294":88,"_295":174,"_296":297,"_298":299},"contents",[282,283,284],"upstreamProject",{"_32":39,"_13":56,"_213":279,"_215":216,"_49":50,"_241":280},"upstreamBranch",{"_32":33,"_34":277,"_36":278,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_253":281},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789563599&sig=a969511699ef574c42d646a130422bcd8ffa020e1e59bd8fb5bde6db2cea72c1",{"_32":289,"_13":118,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":290,"_40":174,"_89":291,"_91":-5,"_66":48,"_93":-5,"_74":292},{"_32":153,"_13":150,"_81":154,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":287,"_40":88,"_89":114,"_91":156,"_66":48,"_93":-5,"_74":288},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":22,"_86":26,"_34":285,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_74":286},["D",1784306530932],[75],["D",1784306609926],[150],"d7d9f853-3e98-4d9d-ac21-54a4dd56e689",["D",1784306518202],"directory",[118],"pulls","branches","forks","envVars",{"_300":174,"_302":174},"connections",{"_300":174,"_301":174},"count","unfilledCount","emptyCount",{"_32":289,"_13":118,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":346,"_40":174,"_89":291,"_91":-5,"_66":48,"_93":-5,"_94":347,"_74":348},{"_32":342,"_13":140,"_81":133,"_83":112,"_84":58,"_85":88,"_86":26,"_34":343,"_40":174,"_89":291,"_91":-5,"_66":48,"_93":-5,"_94":344,"_74":345},{"_32":130,"_13":131,"_81":132,"_83":133,"_84":58,"_85":134,"_86":26,"_34":135,"_40":88,"_89":136,"_91":137,"_66":48,"_93":-5,"_94":340,"_74":341},{"_32":202,"_13":203,"_81":204,"_83":133,"_84":58,"_85":205,"_86":26,"_34":206,"_40":174,"_89":136,"_91":207,"_66":48,"_93":-5,"_94":338,"_74":339},{"_32":193,"_13":194,"_81":195,"_83":133,"_84":58,"_85":146,"_86":26,"_34":196,"_40":174,"_89":136,"_91":197,"_66":48,"_93":-5,"_94":336,"_74":337},{"_32":183,"_13":184,"_81":185,"_83":133,"_84":58,"_85":186,"_86":26,"_34":187,"_40":174,"_89":136,"_91":188,"_66":48,"_93":-5,"_94":334,"_74":335},{"_32":327,"_13":328,"_81":329,"_83":112,"_84":58,"_85":88,"_86":26,"_34":330,"_40":174,"_89":114,"_91":331,"_66":48,"_93":-5,"_94":332,"_74":333},{"_32":109,"_13":110,"_81":111,"_83":112,"_84":58,"_85":20,"_86":26,"_34":113,"_40":88,"_89":114,"_91":115,"_66":48,"_93":-5,"_94":325,"_74":326},{"_32":318,"_13":319,"_81":320,"_83":112,"_84":58,"_85":88,"_86":26,"_34":321,"_40":174,"_89":136,"_91":322,"_66":48,"_93":-5,"_94":323,"_74":324},{"_32":153,"_13":150,"_81":154,"_83":-5,"_84":58,"_85":57,"_86":26,"_34":155,"_40":88,"_89":114,"_91":156,"_66":48,"_93":-5,"_94":316,"_74":317},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":22,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_94":314,"_74":315},[],[75],[],[150],"91d94ec7-bb5d-4251-886c-ed35a192397c","index.tsx","019f70f4-c933-741e-92e7-46c1c300e105",["D",1784306518202],"/** @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();",[],[118,319],[],[118,110],"8c513f2c-a950-42a1-841c-ad8834f7d86e","favicon.svg","019f70f4-c933-741e-92e7-3e527ce95521",["D",1784306518202],"\n",[],[118,328],[],[118,140,184],[],[118,140,194],[],[118,140,203],[],[118,140,131],"f50fa858-87c9-4379-80b4-c3c3f1b571d1",["D",1784306518202],[305,306,307,308],[118,140],["D",1784306518202],[304,309,310,311],[118],["D",1784306518202],["D",1789472446807],{"_11":12,"_253":249},{"_11":12,"_246":247,"_248":249,"_217":218,"_250":251,"_252":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_241":-5,"_274":387,"_388":389,"_390":391,"_392":48,"_393":48,"_394":48,"_395":26,"_396":-5,"_397":-7,"_398":-7,"_399":174,"_400":48,"_401":48,"_402":-5,"_403":48,"_404":48,"_405":48,"_406":-5},"ENV",{"_358":359,"_360":361,"_362":16,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergerizmafarhanas/mainintotemplates/main

README.md+35-40

frontend/components/App.tsx+48-7

frontend/index.html+3-3

Hindex.ts+68-11

frontend/components/ExpenseForm.tsx+145-0

frontend/components/ExpenseList.tsx+79-0

frontend/components/Summary.tsx+63-0

frontend/components/Counter.tsx+0-18