\n \n \n \n\n",[],[89,121],"b4fe503e-e0ed-4074-885b-790a502abbaa","favicon.svg","019f36ec-801a-7379-875c-e0eecf054872",["D",1783332896707],"\n",[],[89,129],"32b40557-9796-4ce5-809a-743e9b065371","components","019f36ec-801a-7379-875c-dfac8a715355",["D",1783332896707],[141,142,143,144,145],[89,136],{"_35":178,"_13":179,"_64":180,"_66":137,"_67":68,"_69":181,"_70":71,"_37":182,"_17":73,"_74":116,"_76":183,"_78":50,"_79":-5,"_99":184,"_18":185},{"_35":170,"_13":171,"_64":172,"_66":137,"_67":68,"_69":173,"_70":71,"_37":174,"_17":92,"_74":116,"_76":175,"_78":50,"_79":-5,"_99":176,"_18":177},{"_35":162,"_13":163,"_64":164,"_66":137,"_67":68,"_69":165,"_70":71,"_37":166,"_17":92,"_74":116,"_76":167,"_78":50,"_79":-5,"_99":168,"_18":169},{"_35":154,"_13":155,"_64":156,"_66":137,"_67":68,"_69":157,"_70":71,"_37":158,"_17":92,"_74":116,"_76":159,"_78":50,"_79":-5,"_99":160,"_18":161},{"_35":146,"_13":147,"_64":148,"_66":137,"_67":68,"_69":149,"_70":71,"_37":150,"_17":92,"_74":116,"_76":151,"_78":50,"_79":-5,"_99":152,"_18":153},"1b7a1e15-16ac-4e89-bb19-71a547dd4e12","SummaryCards.tsx","a3d1907e-7923-11f1-896f-1607ee4eb77e",4,["D",1783332940420],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nexport function SummaryCards({ stats }: {\n stats: {\n total: number;\n thisMonth: number;\n count: number;\n };\n}) {\n const cards = [\n {\n label: \"Total Spending\",\n value: formatCurrency(stats.total),\n icon: \"💸\",\n color: \"bg-indigo-50 text-indigo-700 border-indigo-200\",\n },\n {\n label: \"This Month\",\n value: formatCurrency(stats.thisMonth),\n icon: \"📅\",\n color: \"bg-emerald-50 text-emerald-700 border-emerald-200\",\n },\n {\n label: \"Transactions\",\n value: String(stats.count),\n icon: \"🧾\",\n color: \"bg-amber-50 text-amber-700 border-amber-200\",\n },\n ];\n\n return (\n

\n {cards.map((card) => (\n \n

\n {card.label}\n {card.icon}\n

{card.value}

\n ))}\n \n );\n}\n",[],[89,136,147],"cddb1656-e944-43e5-87e8-027bd1fd9201","ExpenseList.tsx","a92e70be-7923-11f1-b059-1607ee4eb77e",7,["D",1783332949429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst CATEGORIES = [\n \"All\",\n \"General\",\n \"Food\",\n \"Transport\",\n \"Shopping\",\n \"Bills\",\n \"Entertainment\",\n \"Health\",\n \"Other\",\n];\n\nconst CATEGORY_BADGES: Record = {\n Food: \"bg-orange-100 text-orange-700\",\n Transport: \"bg-blue-100 text-blue-700\",\n Shopping: \"bg-pink-100 text-pink-700\",\n Bills: \"bg-red-100 text-red-700\",\n Entertainment: \"bg-purple-100 text-purple-700\",\n Health: \"bg-green-100 text-green-700\",\n General: \"bg-gray-100 text-gray-700\",\n Other: \"bg-yellow-100 text-yellow-700\",\n};\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nfunction formatDate(d: string) {\n return new Date(d + \"T00:00:00\").toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n}\n\nexport interface Expense {\n id: number;\n amount: number;\n description: string;\n category: string;\n date: string;\n}\n\nexport function ExpenseList({\n expenses,\n onDelete,\n}: {\n expenses: Expense[];\n onDelete: (id: number) => void;\n}) {\n const [filter, setFilter] = useState(\"All\");\n\n const filtered = filter === \"All\"\n ? expenses\n : expenses.filter((e) => e.category === filter);\n\n return (\n

📝 Expenses

\n {filtered.length} entries\n

\n\n {/* Category filter chips */}\n

\n {CATEGORIES.map((cat) => (\n setFilter(cat)}\n class={`px-3 py-1 text-xs font-medium rounded-full transition-colors cursor-pointer ${\n filter === cat\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-100 text-gray-600 hover:bg-gray-200\"\n }`}\n >\n {cat}\n \n ))}\n

\n\n {filtered.length === 0\n ? (\n

📭

\n {expenses.length === 0\n ? \"No expenses yet — add one above!\"\n : \"No expenses in this category.\"}\n

\n )\n : (\n

\n {filtered.map((e) => (\n \n

\n {e.description}\n

\n \n {e.category}\n \n \n {formatDate(e.date)}\n \n

\n \n {formatCurrency(e.amount)}\n \n onDelete(e.id)}\n class=\"text-gray-300 hover:text-red-500 transition-colors cursor-pointer p-1\"\n title=\"Delete\"\n >\n ✕\n \n

\n ))}\n

\n )}\n \n );\n}\n",[],[89,136,155],"77a38ec1-9a5a-4cae-bcb7-7fdaac88b08e","ExpenseForm.tsx","a8d4d25c-7923-11f1-9043-1607ee4eb77e",5,["D",1783332948838],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst CATEGORIES = [\n \"General\",\n \"Food\",\n \"Transport\",\n \"Shopping\",\n \"Bills\",\n \"Entertainment\",\n \"Health\",\n \"Other\",\n];\n\nfunction todayISO() {\n return new Date().toISOString().slice(0, 10);\n}\n\nexport function ExpenseForm({ onAdd }: { onAdd: () => void }) {\n const [amount, setAmount] = useState(\"\");\n const [description, setDescription] = useState(\"\");\n const [category, setCategory] = useState(\"General\");\n const [date, setDate] = useState(todayISO());\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n setError(\"\");\n\n if (!amount || !description || !date) {\n setError(\"All fields are required\");\n return;\n }\n\n setLoading(true);\n try {\n const res = await fetch(\"/api/expenses\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n amount: parseFloat(amount),\n description,\n category,\n date,\n }),\n });\n if (!res.ok) {\n const data = await res.json();\n throw new Error(data.error || \"Failed to add expense\");\n }\n setAmount(\"\");\n setDescription(\"\");\n setCategory(\"General\");\n setDate(todayISO());\n onAdd();\n } catch (err) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n return (\n \n

➕ Add Expense

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Amount\n \n

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

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

\n\n

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

\n\n

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

\n\n \n {loading ? \"Adding…\" : \"Add Expense\"}\n \n

\n \n );\n}\n",[],[89,136,163],"32f7d7d4-e608-450f-b5b8-27467940827d","CategoryBreakdown.tsx","a9001e08-7923-11f1-b059-1607ee4eb77e",6,["D",1783332949122],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nfunction formatCurrency(n: number) {\n return new Intl.NumberFormat(\"en-US\", {\n style: \"currency\",\n currency: \"USD\",\n minimumFractionDigits: 2,\n }).format(n);\n}\n\nconst CATEGORY_COLORS: Record = {\n Food: \"bg-orange-400\",\n Transport: \"bg-blue-400\",\n Shopping: \"bg-pink-400\",\n Bills: \"bg-red-400\",\n Entertainment: \"bg-purple-400\",\n Health: \"bg-green-400\",\n General: \"bg-gray-400\",\n Other: \"bg-yellow-400\",\n};\n\nexport function CategoryBreakdown({ categories }: {\n categories: Array<{ category: string; total: number; count: number }>;\n}) {\n if (!categories.length) {\n return (\n

📊 By Category

No data yet — add an expense!

\n );\n }\n\n const maxTotal = Math.max(...categories.map((c) => c.total));\n\n return (\n

📊 By Category

\n {categories.map((c) => (\n

\n {c.category}\n \n {formatCurrency(c.total)} · {c.count}{\" \"}\n {c.count === 1 ? \"item\" : \"items\"}\n \n

\n \n

\n ))}\n

\n \n );\n}\n",[],[89,136,171],"891cb42c-cba0-4e28-9922-195899a0bf5b","App.tsx","019f36ec-801a-7379-875c-d6344678b863",8,["D",1783332954404],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { SummaryCards } from \"./SummaryCards.tsx\";\nimport { ExpenseForm } from \"./ExpenseForm.tsx\";\nimport { ExpenseList, type Expense } from \"./ExpenseList.tsx\";\nimport { CategoryBreakdown } from \"./CategoryBreakdown.tsx\";\n\ninterface Stats {\n total: number;\n thisMonth: number;\n count: number;\n byCategory: Array<{ category: string; total: number; count: number }>;\n}\n\nexport function App() {\n const [expenses, setExpenses] = useState([]);\n const [stats, setStats] = useState({\n total: 0,\n thisMonth: 0,\n count: 0,\n byCategory: [],\n });\n\n const refresh = useCallback(async () => {\n const [expRes, statRes] = await Promise.all([\n fetch(\"/api/expenses\"),\n fetch(\"/api/stats\"),\n ]);\n setExpenses(await expRes.json());\n setStats(await statRes.json());\n }, []);\n\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n const handleDelete = useCallback(async (id: number) => {\n await fetch(`/api/expenses/${id}`, { method: \"DELETE\" });\n refresh();\n }, [refresh]);\n\n return (\n

\n {/* Header */}\n

\n 💰 Expense Tracker\n

\n Track your spending, spot patterns, stay on budget.\n

\n\n {/* Summary cards */}\n

\n \n

\n\n {/* Main grid: form + breakdown (left), list (right) */}\n

\n \n \n

\n \n

\n\n {/* Footer */}\n \n

\n );\n}\n",[],[89,136,179],"134ad6df-dbe0-41a1-aba7-6d59d94c03ff",["D",1783332896707],"legacyEnvVars","httpPrivacy","description","Track expenses with categories, summary stats, and filtering","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","userId","3bea85c2-2e83-4b2b-9385-e52f3bcbacb3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ecc67-a99f-778d-b099-1c5208eb27c3","tursoName","134ad6dfdbe041a1aba76d59d94c03ff","tursoHostname","134ad6dfdbe041a1aba76d59d94c03ff-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_235":231},"org",{"_11":12,"_228":229,"_230":231,"_194":195,"_232":233,"_234":50},"branch",{"_17":84,"_13":16,"_35":68,"_41":186,"_44":36,"_45":224,"_225":52,"_226":42,"_227":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","ABHINAV MISHRA","avatar","https://lh3.googleusercontent.com/a/ACg8ocLYvudjTR1rKny-GCxSaxkEDQ6mM4TwYKB67lSThbzilecSbQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":186,"_13":14,"_37":312,"_48":-5,"_188":50,"_51":52,"_189":52,"_190":191,"_192":193,"_194":195,"_196":65,"_197":71,"_198":-5,"_199":-5,"_200":92,"_55":201,"_202":203,"_204":205,"_206":313,"_208":-5,"_209":210,"_211":210,"_212":213,"_214":213,"_215":213,"_216":210,"_217":210,"_218":314,"_220":315,"_222":316,"_49":50},[276,286,287],"files",[276,277,278,279,280,281,282,283,284,285,286,287],"counts",{"_267":92,"_268":73,"_269":92,"_34":270,"_271":272},[261,262,263],"upstreamProject",{"_35":42,"_13":58,"_190":258,"_192":193,"_51":52,"_218":259},"upstreamBranch",{"_35":36,"_37":256,"_39":257,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":54,"_235":260},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":91,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_18":266},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":85,"_17":73,"_74":24,"_76":86,"_78":50,"_79":-5,"_18":265},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":72,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_18":264},[63],[82],[89],"pulls","branches","forks",{"_273":92,"_275":92},"connections",{"_273":92,"_274":92},"count","unfilledCount","emptyCount",{"_35":88,"_13":89,"_64":90,"_66":-5,"_67":68,"_69":73,"_70":71,"_37":105,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_99":310,"_18":311},{"_35":135,"_13":136,"_64":137,"_66":90,"_67":68,"_69":73,"_70":71,"_37":138,"_17":92,"_74":93,"_76":-5,"_78":50,"_79":-5,"_99":308,"_18":309},{"_35":178,"_13":179,"_64":180,"_66":137,"_67":68,"_69":181,"_70":71,"_37":182,"_17":73,"_74":116,"_76":183,"_78":50,"_79":-5,"_99":306,"_18":307},{"_35":170,"_13":171,"_64":172,"_66":137,"_67":68,"_69":173,"_70":71,"_37":174,"_17":92,"_74":116,"_76":175,"_78":50,"_79":-5,"_99":304,"_18":305},{"_35":162,"_13":163,"_64":164,"_66":137,"_67":68,"_69":165,"_70":71,"_37":166,"_17":92,"_74":116,"_76":167,"_78":50,"_79":-5,"_99":302,"_18":303},{"_35":154,"_13":155,"_64":156,"_66":137,"_67":68,"_69":157,"_70":71,"_37":158,"_17":92,"_74":116,"_76":159,"_78":50,"_79":-5,"_99":300,"_18":301},{"_35":146,"_13":147,"_64":148,"_66":137,"_67":68,"_69":149,"_70":71,"_37":150,"_17":92,"_74":116,"_76":151,"_78":50,"_79":-5,"_99":298,"_18":299},{"_35":128,"_13":129,"_64":130,"_66":90,"_67":68,"_69":73,"_70":71,"_37":131,"_17":92,"_74":24,"_76":132,"_78":50,"_79":-5,"_99":296,"_18":297},{"_35":120,"_13":121,"_64":122,"_66":90,"_67":68,"_69":123,"_70":71,"_37":124,"_17":73,"_74":24,"_76":125,"_78":50,"_79":-5,"_99":294,"_18":295},{"_35":112,"_13":113,"_64":114,"_66":90,"_67":68,"_69":73,"_70":71,"_37":115,"_17":92,"_74":116,"_76":117,"_78":50,"_79":-5,"_99":292,"_18":293},{"_35":81,"_13":82,"_64":83,"_66":-5,"_67":68,"_69":84,"_70":71,"_37":102,"_17":73,"_74":24,"_76":86,"_78":50,"_79":-5,"_99":290,"_18":291},{"_35":62,"_13":63,"_64":65,"_66":-5,"_67":68,"_69":33,"_70":71,"_37":98,"_17":73,"_74":75,"_76":77,"_78":50,"_79":-5,"_99":288,"_18":289},[],[63],[],[82],[],[89,113],[],[89,121],[],[89,129],[],[89,136,147],[],[89,136,155],[],[89,136,163],[],[89,136,171],[],[89,136,179],[278,279,280,281,282],[89,136],[277,283,284,285],[89],["D",1783332896707],["D",1789521041830],{"_11":12,"_235":231},{"_11":12,"_228":229,"_230":231,"_194":195,"_232":233,"_234":50},{"_17":84,"_13":16,"_35":68,"_41":186,"_44":36,"_45":224,"_225":52,"_226":42,"_227":56,"_57":14,"_53":12},"ctx",{"_218":-5,"_253":350,"_351":352,"_353":354,"_355":50,"_356":50,"_357":50,"_358":71,"_359":-5,"_360":-7,"_361":-7,"_362":92,"_363":50,"_364":50,"_365":-5,"_366":50,"_367":50,"_368":50,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"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"]

Code