[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_329":330,"_331":332},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_120":-5,"_19":121,"_122":123,"_124":125,"_126":127,"_128":129,"_21":130,"_131":-5,"_132":-5,"_133":24,"_134":135,"_136":83,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","Dev_J","name","F_manager","branchName","main","path","frontend/index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":83,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":100,"_101":102,"_103":104,"_105":24},"file",{"_61":62,"_13":63,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","8b211526-3f9b-11f0-91de-76b3cceeab13","branchId","ee965b9a-3f99-11f0-84ee-76b3cceeab13","createdAt",["D",1748859773493],"version",9,"orgId","cba1efe5-a7c5-4806-b46b-7b13848b27c5","parentId","84a53d30-3f9b-11f0-813c-76b3cceeab13","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_61":62,"_13":63,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","8b1ee1c0-3f9b-11f0-91de-76b3cceeab13","index.html","fileType","deleted","cf586bb0-3f99-11f0-b6e9-ab0b2f88b858","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4d3BTOW15cjllRmJmVWdiSEZ1RThzZ2NrbSJ9","deletedAtVersion","ee95f830-3f99-11f0-84ee-76b3cceeab13",["D",1748859081381],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Finance management","imageUrl","pinnedFileId","84a22974-3f9b-11f0-813c-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_119":68},"org",{"_11":12,"_115":-5,"_67":68,"_30":66,"_116":117,"_118":24},"branch",{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",18,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":325,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":78,"_79":-5,"_30":66,"_80":81,"_82":83,"_84":83,"_85":-5,"_86":26,"_40":41,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":92,"_93":92,"_94":95,"_96":95,"_97":95,"_98":92,"_99":92,"_51":326,"_101":327,"_103":328,"_105":24},"tree",[162,170,178,180,181],"files",[162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181],"counts",{"_151":26,"_152":153,"_154":26,"_155":156,"_157":158},"contents",[],{"_32":141,"_13":63,"_61":62,"_42":142,"_34":35,"_143":39,"_144":83,"_36":145,"_38":26,"_64":21,"_146":147,"_65":24,"_148":-5,"_17":149},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"8b1ee116-3f9b-11f0-91de-76b3cceeab13","2236583a-50e1-4fc9-aecf-6f8416a223ed","branchVersion","latest",["D",1748859773493],"content","\n\n\n \n \n Finance Manager\n \n \n 💰\">\n \n\n\n

\n \n \n\n","label",[150,63],"frontend","pulls","branches",1,"forks","envVars",{"_159":26,"_161":26},"connections",{"_159":26,"_160":26},"count","unfilledCount","emptyCount",{"_32":321,"_13":275,"_61":269,"_42":-5,"_34":35,"_143":317,"_144":83,"_36":322,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":323,"_17":324},{"_32":316,"_13":307,"_61":301,"_42":269,"_34":35,"_143":317,"_144":83,"_36":318,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":319,"_17":320},{"_32":308,"_13":309,"_61":310,"_42":301,"_34":35,"_143":311,"_144":83,"_36":312,"_38":153,"_64":186,"_146":313,"_65":24,"_148":-5,"_188":314,"_17":315},{"_32":298,"_13":299,"_61":300,"_42":301,"_34":35,"_143":302,"_144":83,"_36":303,"_38":153,"_64":186,"_146":304,"_65":24,"_148":-5,"_188":305,"_17":306},{"_32":294,"_13":285,"_61":279,"_42":269,"_34":35,"_143":280,"_144":83,"_36":295,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":296,"_17":297},{"_32":286,"_13":287,"_61":288,"_42":279,"_34":35,"_143":289,"_144":83,"_36":290,"_38":26,"_64":186,"_146":291,"_65":24,"_148":-5,"_188":292,"_17":293},{"_32":276,"_13":277,"_61":278,"_42":279,"_34":35,"_143":280,"_144":83,"_36":281,"_38":26,"_64":186,"_146":282,"_65":24,"_148":-5,"_188":283,"_17":284},{"_32":267,"_13":268,"_61":81,"_42":269,"_34":35,"_143":106,"_144":83,"_36":270,"_38":194,"_64":271,"_146":272,"_65":24,"_148":-5,"_188":273,"_17":274},{"_32":263,"_13":150,"_61":142,"_42":-5,"_34":35,"_143":39,"_144":83,"_36":264,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":265,"_17":266},{"_32":259,"_13":234,"_61":228,"_42":142,"_34":35,"_143":254,"_144":83,"_36":260,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":261,"_17":262},{"_32":251,"_13":252,"_61":253,"_42":228,"_34":35,"_143":254,"_144":83,"_36":255,"_38":26,"_64":186,"_146":256,"_65":24,"_148":-5,"_188":257,"_17":258},{"_32":243,"_13":244,"_61":245,"_42":228,"_34":35,"_143":246,"_144":83,"_36":247,"_38":26,"_64":186,"_146":248,"_65":24,"_148":-5,"_188":249,"_17":250},{"_32":235,"_13":236,"_61":237,"_42":228,"_34":35,"_143":238,"_144":83,"_36":239,"_38":26,"_64":186,"_146":240,"_65":24,"_148":-5,"_188":241,"_17":242},{"_32":225,"_13":226,"_61":227,"_42":228,"_34":35,"_143":229,"_144":83,"_36":230,"_38":26,"_64":186,"_146":231,"_65":24,"_148":-5,"_188":232,"_17":233},{"_32":141,"_13":63,"_61":62,"_42":142,"_34":35,"_143":39,"_144":83,"_36":222,"_38":26,"_64":21,"_146":147,"_65":24,"_148":-5,"_188":223,"_17":224},{"_32":214,"_13":215,"_61":216,"_42":142,"_34":35,"_143":217,"_144":83,"_36":218,"_38":26,"_64":186,"_146":219,"_65":24,"_148":-5,"_188":220,"_17":221},{"_32":209,"_13":208,"_61":202,"_42":-5,"_34":35,"_143":203,"_144":83,"_36":210,"_38":26,"_64":211,"_146":-5,"_65":24,"_148":-5,"_188":212,"_17":213},{"_32":199,"_13":200,"_61":201,"_42":202,"_34":35,"_143":203,"_144":83,"_36":204,"_38":26,"_64":186,"_146":205,"_65":24,"_148":-5,"_188":206,"_17":207},{"_32":191,"_13":192,"_61":193,"_42":-5,"_34":35,"_143":194,"_144":83,"_36":195,"_38":26,"_64":21,"_146":196,"_65":24,"_148":-5,"_188":197,"_17":198},{"_32":182,"_13":183,"_61":184,"_42":-5,"_34":35,"_143":153,"_144":83,"_36":185,"_38":26,"_64":186,"_146":187,"_65":24,"_148":-5,"_188":189,"_17":190},"ee98207e-3f99-11f0-84ee-76b3cceeab13","main.tsx","ee98210a-3f99-11f0-84ee-76b3cceeab13",["D",1748859081392],"script","","children",[],[183],"4b6881c6-3f9b-11f0-8361-76b3cceeab13","README.md","4b68825c-3f9b-11f0-8361-76b3cceeab13",2,["D",1748859666601],"# Finance Management System\n\nA comprehensive finance tracking application that helps you monitor transactions and analyze spending patterns.\n\n## Features\n\n- **Transaction Management**: Add, edit, and delete financial transactions\n- **Category Tracking**: Organize transactions by categories (Food, Transportation, Entertainment, etc.)\n- **Spending Analysis**: View daily and monthly spending summaries\n- **Visual Dashboard**: Charts and graphs to visualize spending patterns\n- **Search & Filter**: Find transactions by date, category, or amount\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ └── queries.ts # Database query functions\n│ ├── routes/\n│ │ ├── transactions.ts # Transaction CRUD operations\n│ │ └── analytics.ts # Spending analysis endpoints\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── TransactionForm.tsx\n│ │ ├── TransactionList.tsx\n│ │ └── Dashboard.tsx\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript interfaces\n```\n\n## API Endpoints\n\n- `GET /api/transactions` - Get all transactions\n- `POST /api/transactions` - Create new transaction\n- `PUT /api/transactions/:id` - Update transaction\n- `DELETE /api/transactions/:id` - Delete transaction\n- `GET /api/analytics/daily` - Get daily spending summary\n- `GET /api/analytics/monthly` - Get monthly spending summary\n\n## Getting Started\n\n1. The system automatically sets up the database on first run\n2. Navigate to the main page to start adding transactions\n3. Use the dashboard to view spending analytics\n\n## Technology Stack\n\n- **Backend**: Hono.js with SQLite database\n- **Frontend**: React with TypeScript\n- **Styling**: TailwindCSS\n- **Charts**: Chart.js for data visualization",[],[192],"4ffeaa26-3f9b-11f0-b0ac-76b3cceeab13","types.ts","4ffeab0c-3f9b-11f0-b0ac-76b3cceeab13","2884db5c-ed22-48f7-b2c6-847f65f2b104",3,["D",1748859674298],"// Shared types for the finance management system\n\nexport interface Transaction {\n id?: number;\n amount: number;\n description: string;\n category: string;\n date: string; // ISO date string\n type: 'income' | 'expense';\n created_at?: string;\n updated_at?: string;\n}\n\nexport interface DailySpending {\n date: string;\n total_income: number;\n total_expenses: number;\n net_amount: number;\n transaction_count: number;\n}\n\nexport interface MonthlySpending {\n month: string; // YYYY-MM format\n total_income: number;\n total_expenses: number;\n net_amount: number;\n transaction_count: number;\n categories: CategorySpending[];\n}\n\nexport interface CategorySpending {\n category: string;\n total_amount: number;\n transaction_count: number;\n percentage: number;\n}\n\nexport interface SpendingAnalytics {\n daily: DailySpending[];\n monthly: MonthlySpending[];\n topCategories: CategorySpending[];\n recentTransactions: Transaction[];\n}\n\nexport const TRANSACTION_CATEGORIES = [\n 'Food & Dining',\n 'Transportation',\n 'Shopping',\n 'Entertainment',\n 'Bills & Utilities',\n 'Healthcare',\n 'Education',\n 'Travel',\n 'Income',\n 'Investment',\n 'Other'\n] as const;\n\nexport type TransactionCategory = typeof TRANSACTION_CATEGORIES[number];",[],[208,200],"shared","4ffeb1d8-3f9b-11f0-b0ac-76b3cceeab13",["D",1748859674298],"directory",[179],[208],"8dd3e03c-3f9b-11f0-ba65-76b3cceeab13","index.tsx","8dd3e104-3f9b-11f0-ba65-76b3cceeab13",10,["D",1748859778036],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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 = createRoot(document.getElementById('root')!);\nroot.render();",[],[150,215],["D",1748859773493],[],[150,63],"cb8bd9d4-3f9b-11f0-8f7f-76b3cceeab13","TransactionList.tsx","cb8bda74-3f9b-11f0-8f7f-76b3cceeab13","a0c00ea2-722f-43f9-9035-4acb784f4400",13,["D",1748859881582],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport TransactionForm from \"./TransactionForm.tsx\";\nimport type { Transaction } from \"../../shared/types.ts\";\nimport { TRANSACTION_CATEGORIES } from \"../../shared/types.ts\";\n\ninterface TransactionListProps {\n transactions: Transaction[];\n onTransactionUpdated: () => void;\n onTransactionDeleted: () => void;\n}\n\nexport default function TransactionList({ \n transactions, \n onTransactionUpdated, \n onTransactionDeleted \n}: TransactionListProps) {\n const [editingTransaction, setEditingTransaction] = useState(null);\n const [filters, setFilters] = useState({\n category: '',\n type: '',\n search: ''\n });\n const [sortBy, setSortBy] = useState<'date' | 'amount' | 'category'>('date');\n const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('desc');\n\n // Filter and sort transactions\n const filteredTransactions = transactions\n .filter(transaction => {\n const matchesCategory = !filters.category || transaction.category === filters.category;\n const matchesType = !filters.type || transaction.type === filters.type;\n const matchesSearch = !filters.search || \n transaction.description.toLowerCase().includes(filters.search.toLowerCase()) ||\n transaction.category.toLowerCase().includes(filters.search.toLowerCase());\n \n return matchesCategory && matchesType && matchesSearch;\n })\n .sort((a, b) => {\n let comparison = 0;\n \n switch (sortBy) {\n case 'date':\n comparison = new Date(a.date).getTime() - new Date(b.date).getTime();\n break;\n case 'amount':\n comparison = a.amount - b.amount;\n break;\n case 'category':\n comparison = a.category.localeCompare(b.category);\n break;\n }\n \n return sortOrder === 'asc' ? comparison : -comparison;\n });\n\n const handleDelete = async (id: number) => {\n if (!confirm('Are you sure you want to delete this transaction?')) {\n return;\n }\n\n try {\n const response = await fetch(`/api/transactions/${id}`, {\n method: 'DELETE',\n });\n\n const result = await response.json();\n\n if (result.success) {\n onTransactionDeleted();\n } else {\n alert('Failed to delete transaction: ' + result.error);\n }\n } catch (error) {\n alert('Network error while deleting transaction');\n console.error('Error deleting transaction:', error);\n }\n };\n\n const handleEdit = (transaction: Transaction) => {\n setEditingTransaction(transaction);\n };\n\n const handleEditComplete = () => {\n setEditingTransaction(null);\n onTransactionUpdated();\n };\n\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n\n // Calculate totals for filtered transactions\n const totalIncome = filteredTransactions\n .filter(t => t.type === 'income')\n .reduce((sum, t) => sum + t.amount, 0);\n \n const totalExpenses = filteredTransactions\n .filter(t => t.type === 'expense')\n .reduce((sum, t) => sum + t.amount, 0);\n\n if (editingTransaction) {\n return (\n setEditingTransaction(null)}\n />\n );\n }\n\n return (\n

\n {/* Header */}\n

Transactions

\n {filteredTransactions.length} of {transactions.length} transactions\n

\n\n {/* Summary Cards */}\n

\n 💰\n

Total Income

{formatCurrency(totalIncome)}

\n \n

\n 💸\n

Total Expenses

{formatCurrency(totalExpenses)}

\n \n

= 0 \n ? 'bg-blue-50 border-blue-200' \n : 'bg-orange-50 border-orange-200'\n }`}>\n

\n \n {totalIncome - totalExpenses >= 0 ? '📈' : '📉'}\n \n

= 0 ? 'text-blue-800' : 'text-orange-800'\n }`}>\n Net Amount\n

= 0 ? 'text-blue-900' : 'text-orange-900'\n }`}>\n {formatCurrency(totalIncome - totalExpenses)}\n

\n\n {/* Filters and Search */}\n

\n {/* Search */}\n

\n \n Search\n \n setFilters(prev => ({ ...prev, search: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n\n {/* Category Filter */}\n

\n \n Category\n \n setFilters(prev => ({ ...prev, category: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n {TRANSACTION_CATEGORIES.map((category) => (\n \n ))}\n \n

\n\n {/* Type Filter */}\n

\n \n Type\n \n setFilters(prev => ({ ...prev, type: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n

\n\n {/* Sort */}\n

\n \n Sort By\n \n

\n setSortBy(e.target.value as 'date' | 'amount' | 'category')}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n >\n \n \n \n \n setSortOrder(prev => prev === 'asc' ? 'desc' : 'asc')}\n className=\"px-3 py-2 border border-gray-300 rounded-lg hover:bg-gray-50\"\n title={`Sort ${sortOrder === 'asc' ? 'Descending' : 'Ascending'}`}\n >\n {sortOrder === 'asc' ? '↑' : '↓'}\n \n

\n\n {/* Transaction List */}\n

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

\n 📝\n

No transactions found

\n {transactions.length === 0 \n ? \"Start by adding your first transaction!\"\n : \"Try adjusting your filters to see more transactions.\"\n }\n

\n ) : (\n

\n {filteredTransactions.map((transaction) => (\n \n

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

\n {transaction.description}\n

\n \n

\n {transaction.type === 'income' ? '+' : '-'}{formatCurrency(transaction.amount)}\n

\n \n

\n handleEdit(transaction)}\n className=\"p-2 text-gray-400 hover:text-blue-600 hover:bg-blue-50 rounded-lg\"\n title=\"Edit transaction\"\n >\n ✏️\n \n handleDelete(transaction.id!)}\n className=\"p-2 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-lg\"\n title=\"Delete transaction\"\n >\n 🗑️\n \n

\n ))}\n

\n )}\n

\n \n );\n}",[],[150,234,226],"components","b1088ecc-3f9b-11f0-bd80-76b3cceeab13","TransactionForm.tsx","b1088f76-3f9b-11f0-bd80-76b3cceeab13",12,["D",1748859837104],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Transaction, TransactionCategory } from \"../../shared/types.ts\";\nimport { TRANSACTION_CATEGORIES } from \"../../shared/types.ts\";\n\ninterface TransactionFormProps {\n onTransactionCreated: (transaction: Transaction) => void;\n editTransaction?: Transaction;\n onCancel?: () => void;\n}\n\nexport default function TransactionForm({ \n onTransactionCreated, \n editTransaction, \n onCancel \n}: TransactionFormProps) {\n const [formData, setFormData] = useState({\n amount: editTransaction?.amount?.toString() || '',\n description: editTransaction?.description || '',\n category: editTransaction?.category || '',\n date: editTransaction?.date || new Date().toISOString().split('T')[0],\n type: editTransaction?.type || 'expense' as 'income' | 'expense'\n });\n \n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setError(null);\n\n try {\n // Validate form\n if (!formData.amount || !formData.description || !formData.category || !formData.date) {\n setError('Please fill in all required fields');\n setLoading(false);\n return;\n }\n\n const amount = parseFloat(formData.amount);\n if (isNaN(amount) || amount <= 0) {\n setError('Please enter a valid positive amount');\n setLoading(false);\n return;\n }\n\n const transactionData = {\n amount,\n description: formData.description.trim(),\n category: formData.category,\n date: formData.date,\n type: formData.type\n };\n\n const url = editTransaction \n ? `/api/transactions/${editTransaction.id}`\n : '/api/transactions';\n \n const method = editTransaction ? 'PUT' : 'POST';\n\n const response = await fetch(url, {\n method,\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(transactionData),\n });\n\n const result = await response.json();\n\n if (result.success) {\n onTransactionCreated(result.data);\n \n // Reset form if creating new transaction\n if (!editTransaction) {\n setFormData({\n amount: '',\n description: '',\n category: '',\n date: new Date().toISOString().split('T')[0],\n type: 'expense'\n });\n }\n } else {\n setError(result.error || 'Failed to save transaction');\n }\n } catch (err) {\n setError('Network error. Please try again.');\n console.error('Error saving transaction:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value\n }));\n };\n\n return (\n

\n {editTransaction ? 'Edit Transaction' : 'Add New Transaction'}\n

\n {onCancel && (\n \n ✕\n \n )}\n

\n\n {error && (\n

{error}

\n )}\n\n

\n {/* Transaction Type */}\n

\n \n Transaction Type *\n \n

\n \n \n 💸 Expense\n \n \n \n 💰 Income\n \n

\n\n {/* Amount */}\n

\n \n Amount * ($)\n \n \n

\n\n {/* Description */}\n

\n \n Description *\n \n \n

\n\n {/* Category */}\n

\n \n Category *\n \n \n \n {TRANSACTION_CATEGORIES.map((category) => (\n \n ))}\n \n

\n\n {/* Date */}\n

\n \n Date *\n \n \n

\n\n {/* Submit Button */}\n

\n \n {loading ? (\n \n

\n {editTransaction ? 'Updating...' : 'Adding...'}\n \n ) : (\n editTransaction ? 'Update Transaction' : 'Add Transaction'\n )}\n \n \n {onCancel && (\n \n Cancel\n \n )}\n

\n );\n}",[],[150,234,236],"e3c5c62c-3f9b-11f0-abad-76b3cceeab13","Dashboard.tsx","e3c5c6c2-3f9b-11f0-abad-76b3cceeab13",14,["D",1748859922227],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { SpendingAnalytics } from \"../../shared/types.ts\";\n\ninterface DashboardProps {\n analytics: SpendingAnalytics;\n}\n\nexport default function Dashboard({ analytics }: DashboardProps) {\n const formatCurrency = (amount: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n }).format(amount);\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric'\n });\n };\n\n const formatMonth = (monthString: string) => {\n const [year, month] = monthString.split('-');\n return new Date(parseInt(year), parseInt(month) - 1).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long'\n });\n };\n\n return (\n

\n {/* Header */}\n

Financial Dashboard

Overview of your spending and income patterns

\n\n {/* Summary Cards */}\n

\n 💰\n

Total Income (30d)

\n {formatCurrency(analytics.summary.totalIncome)}\n

\n \n

\n 💸\n

Total Expenses (30d)

\n {formatCurrency(analytics.summary.totalExpenses)}\n

\n \n

= 0 \n ? 'bg-blue-50 border-blue-200' \n : 'bg-orange-50 border-orange-200'\n }`}>\n

\n \n {analytics.summary.netAmount >= 0 ? '📈' : '📉'}\n \n

= 0 ? 'text-blue-800' : 'text-orange-800'\n }`}>\n Net Amount (30d)\n

= 0 ? 'text-blue-900' : 'text-orange-900'\n }`}>\n {formatCurrency(analytics.summary.netAmount)}\n

\n \n

\n 📊\n

Avg Daily Spending

\n {formatCurrency(analytics.summary.avgDailySpending)}\n

\n\n {/* Charts Row */}\n

\n {/* Daily Spending Chart */}\n

Daily Spending (Last 30 Days)

\n {analytics.dailySpending.slice(0, 10).map((day, index) => {\n const maxAmount = Math.max(...analytics.dailySpending.map(d => d.total_expenses));\n const percentage = maxAmount > 0 ? (day.total_expenses / maxAmount) * 100 : 0;\n \n return (\n

\n {formatDate(day.date)}\n

\n \n {day.total_expenses > 0 && (\n \n {formatCurrency(day.total_expenses)}\n \n )}\n

\n );\n })}\n

\n\n {/* Top Categories */}\n

Top Spending Categories

\n {analytics.topCategories.map((category, index) => (\n

\n {index + 1}\n

{category.category}

\n {category.transaction_count} transaction{category.transaction_count !== 1 ? 's' : ''}\n

\n {formatCurrency(category.total_amount)}\n

\n {category.percentage.toFixed(1)}%\n

\n ))}\n

\n\n {/* Monthly Overview */}\n

Monthly Overview

\n \n \n \n \n \n \n \n \n \n \n \n {analytics.monthlySpending.map((month) => (\n \n \n \n \n \n \n \n ))}\n \n

Month	Income	Expenses	Net	Transactions
\n {formatMonth(month.month)}\n	\n {formatCurrency(month.total_income)}\n	\n {formatCurrency(month.total_expenses)}\n	= 0 ? 'text-blue-600' : 'text-orange-600'\n }`}>\n {formatCurrency(month.net_amount)}\n	\n {month.transaction_count}\n

\n\n {/* Recent Transactions */}\n

Recent Transactions

\n {analytics.recentTransactions.map((transaction) => (\n

\n \n

{transaction.description}

\n {transaction.category} • {formatDate(transaction.date)}\n

\n {transaction.type === 'income' ? '+' : '-'}{formatCurrency(transaction.amount)}\n

\n ))}\n

\n \n );\n}",[],[150,234,244],"9d8f6fd2-3f9b-11f0-b5c3-76b3cceeab13","App.tsx","9d8f707c-3f9b-11f0-b5c3-76b3cceeab13",11,["D",1748859804429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport TransactionForm from \"./TransactionForm.tsx\";\nimport TransactionList from \"./TransactionList.tsx\";\nimport Dashboard from \"./Dashboard.tsx\";\nimport type { Transaction, SpendingAnalytics } from \"../../shared/types.ts\";\n\ntype TabType = 'dashboard' | 'transactions' | 'add';\n\nexport default function App() {\n const [activeTab, setActiveTab] = useState('dashboard');\n const [transactions, setTransactions] = useState([]);\n const [analytics, setAnalytics] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n // Fetch transactions\n const fetchTransactions = async () => {\n try {\n const response = await fetch('/api/transactions');\n const result = await response.json();\n \n if (result.success) {\n setTransactions(result.data);\n } else {\n setError(result.error || 'Failed to fetch transactions');\n }\n } catch (err) {\n setError('Network error while fetching transactions');\n console.error('Error fetching transactions:', err);\n }\n };\n\n // Fetch analytics data\n const fetchAnalytics = async () => {\n try {\n const response = await fetch('/api/analytics/dashboard');\n const result = await response.json();\n \n if (result.success) {\n setAnalytics(result.data);\n } else {\n setError(result.error || 'Failed to fetch analytics');\n }\n } catch (err) {\n setError('Network error while fetching analytics');\n console.error('Error fetching analytics:', err);\n }\n };\n\n // Load initial data\n useEffect(() => {\n const loadData = async () => {\n setLoading(true);\n setError(null);\n \n await Promise.all([\n fetchTransactions(),\n fetchAnalytics()\n ]);\n \n setLoading(false);\n };\n\n loadData();\n }, []);\n\n // Handle transaction creation\n const handleTransactionCreated = async (transaction: Transaction) => {\n await fetchTransactions();\n await fetchAnalytics();\n setActiveTab('transactions');\n };\n\n // Handle transaction update\n const handleTransactionUpdated = async () => {\n await fetchTransactions();\n await fetchAnalytics();\n };\n\n // Handle transaction deletion\n const handleTransactionDeleted = async () => {\n await fetchTransactions();\n await fetchAnalytics();\n };\n\n if (loading) {\n return (\n

Loading your financial data...

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

\n {/* Header */}\n

\n 💰\n

Finance Manager

\n \n {/* Navigation */}\n

\n {[\n { id: 'dashboard', label: 'Dashboard', icon: '📊' },\n { id: 'transactions', label: 'Transactions', icon: '📝' },\n { id: 'add', label: 'Add Transaction', icon: '➕' }\n ].map((tab) => (\n setActiveTab(tab.id as TabType)}\n className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${\n activeTab === tab.id\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

\n\n {/* Error Display */}\n {error && (\n

\n ⚠️\n

Error

{error}

\n {\n setError(null);\n window.location.reload();\n }}\n className=\"text-sm text-red-600 underline mt-2 hover:text-red-800\"\n >\n Try again\n \n

\n )}\n\n {/* Main Content */}\n

\n {activeTab === 'dashboard' && analytics && (\n \n )}\n \n {activeTab === 'transactions' && (\n \n )}\n \n {activeTab === 'add' && (\n \n )}\n

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

\n );\n}",[],[150,234,252],"9d8f88e6-3f9b-11f0-b5c3-76b3cceeab13",["D",1748859804429],[172,173,174,175],[150,234],"8b1eefb2-3f9b-11f0-91de-76b3cceeab13",["D",1748859773493],[171,176,177],[150],"f5451434-3f9b-11f0-9421-76b3cceeab13","index.ts","e09e9a67-ed4f-40ea-b4a5-378a36065b70",["D",1748859951579],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport transactions from \"./routes/transactions.ts\";\nimport analytics from \"./routes/analytics.ts\";\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// Initialize database on startup\nawait runMigrations();\n\n// API routes\napp.route(\"/api/transactions\", transactions);\napp.route(\"/api/analytics\", analytics);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main application\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({\n status: \"healthy\",\n timestamp: new Date().toISOString(),\n service: \"finance-management-system\"\n });\n});\n\n// 404 handler\napp.notFound((c) => {\n return c.json({\n success: false,\n error: \"Endpoint not found\"\n }, 404);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[275,268],"backend","73487a98-3f9b-11f0-a5b4-76b3cceeab13","transactions.ts","73487b38-3f9b-11f0-a5b4-76b3cceeab13","f28689ca-bfc7-4d73-9fac-115a555384df",6,["D",1748859733499],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { TransactionQueries } from \"../database/queries.ts\";\nimport type { Transaction } from \"../../shared/types.ts\";\n\nconst transactions = new Hono();\n\n// Get all transactions with optional filters\ntransactions.get(\"/\", async (c) => {\n try {\n const category = c.req.query(\"category\");\n const type = c.req.query(\"type\") as 'income' | 'expense' | undefined;\n const startDate = c.req.query(\"startDate\");\n const endDate = c.req.query(\"endDate\");\n const limitStr = c.req.query(\"limit\");\n const limit = limitStr ? parseInt(limitStr) : undefined;\n\n const filters = {\n ...(category && { category }),\n ...(type && { type }),\n ...(startDate && { startDate }),\n ...(endDate && { endDate }),\n ...(limit && { limit })\n };\n\n const transactionList = await TransactionQueries.getAll(Object.keys(filters).length > 0 ? filters : undefined);\n \n return c.json({\n success: true,\n data: transactionList,\n count: transactionList.length\n });\n } catch (error) {\n console.error(\"Error fetching transactions:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch transactions\"\n }, 500);\n }\n});\n\n// Get transaction by ID\ntransactions.get(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({\n success: false,\n error: \"Invalid transaction ID\"\n }, 400);\n }\n\n const transaction = await TransactionQueries.getById(id);\n if (!transaction) {\n return c.json({\n success: false,\n error: \"Transaction not found\"\n }, 404);\n }\n\n return c.json({\n success: true,\n data: transaction\n });\n } catch (error) {\n console.error(\"Error fetching transaction:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch transaction\"\n }, 500);\n }\n});\n\n// Create new transaction\ntransactions.post(\"/\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate required fields\n const { amount, description, category, date, type } = body;\n \n if (!amount || !description || !category || !date || !type) {\n return c.json({\n success: false,\n error: \"Missing required fields: amount, description, category, date, type\"\n }, 400);\n }\n\n if (typeof amount !== 'number' || amount <= 0) {\n return c.json({\n success: false,\n error: \"Amount must be a positive number\"\n }, 400);\n }\n\n if (!['income', 'expense'].includes(type)) {\n return c.json({\n success: false,\n error: \"Type must be either 'income' or 'expense'\"\n }, 400);\n }\n\n // Validate date format\n if (isNaN(Date.parse(date))) {\n return c.json({\n success: false,\n error: \"Invalid date format\"\n }, 400);\n }\n\n const transactionData: Omit = {\n amount: parseFloat(amount),\n description: description.trim(),\n category: category.trim(),\n date,\n type\n };\n\n const newTransaction = await TransactionQueries.create(transactionData);\n \n return c.json({\n success: true,\n data: newTransaction,\n message: \"Transaction created successfully\"\n }, 201);\n } catch (error) {\n console.error(\"Error creating transaction:\", error);\n return c.json({\n success: false,\n error: \"Failed to create transaction\"\n }, 500);\n }\n});\n\n// Update transaction\ntransactions.put(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({\n success: false,\n error: \"Invalid transaction ID\"\n }, 400);\n }\n\n const body = await c.req.json();\n const updates: Partial> = {};\n\n // Validate and prepare updates\n if (body.amount !== undefined) {\n if (typeof body.amount !== 'number' || body.amount <= 0) {\n return c.json({\n success: false,\n error: \"Amount must be a positive number\"\n }, 400);\n }\n updates.amount = parseFloat(body.amount);\n }\n\n if (body.description !== undefined) {\n updates.description = body.description.trim();\n }\n\n if (body.category !== undefined) {\n updates.category = body.category.trim();\n }\n\n if (body.date !== undefined) {\n if (isNaN(Date.parse(body.date))) {\n return c.json({\n success: false,\n error: \"Invalid date format\"\n }, 400);\n }\n updates.date = body.date;\n }\n\n if (body.type !== undefined) {\n if (!['income', 'expense'].includes(body.type)) {\n return c.json({\n success: false,\n error: \"Type must be either 'income' or 'expense'\"\n }, 400);\n }\n updates.type = body.type;\n }\n\n if (Object.keys(updates).length === 0) {\n return c.json({\n success: false,\n error: \"No valid fields to update\"\n }, 400);\n }\n\n const updatedTransaction = await TransactionQueries.update(id, updates);\n \n return c.json({\n success: true,\n data: updatedTransaction,\n message: \"Transaction updated successfully\"\n });\n } catch (error) {\n console.error(\"Error updating transaction:\", error);\n if (error.message === \"Transaction not found\") {\n return c.json({\n success: false,\n error: \"Transaction not found\"\n }, 404);\n }\n return c.json({\n success: false,\n error: \"Failed to update transaction\"\n }, 500);\n }\n});\n\n// Delete transaction\ntransactions.delete(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({\n success: false,\n error: \"Invalid transaction ID\"\n }, 400);\n }\n\n const deleted = await TransactionQueries.delete(id);\n if (!deleted) {\n return c.json({\n success: false,\n error: \"Transaction not found\"\n }, 404);\n }\n\n return c.json({\n success: true,\n message: \"Transaction deleted successfully\"\n });\n } catch (error) {\n console.error(\"Error deleting transaction:\", error);\n return c.json({\n success: false,\n error: \"Failed to delete transaction\"\n }, 500);\n }\n});\n\nexport default transactions;",[],[275,285,277],"routes","7e0c5af8-3f9b-11f0-89c4-76b3cceeab13","analytics.ts","7e0c5bd4-3f9b-11f0-89c4-76b3cceeab13",7,["D",1748859751562],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { TransactionQueries } from \"../database/queries.ts\";\n\nconst analytics = new Hono();\n\n// Get daily spending summary\nanalytics.get(\"/daily\", async (c) => {\n try {\n const startDate = c.req.query(\"startDate\");\n const endDate = c.req.query(\"endDate\");\n\n const dailySpending = await TransactionQueries.getDailySpending(startDate, endDate);\n \n return c.json({\n success: true,\n data: dailySpending,\n count: dailySpending.length\n });\n } catch (error) {\n console.error(\"Error fetching daily spending:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch daily spending data\"\n }, 500);\n }\n});\n\n// Get monthly spending summary\nanalytics.get(\"/monthly\", async (c) => {\n try {\n const monthlySpending = await TransactionQueries.getMonthlySpending();\n \n return c.json({\n success: true,\n data: monthlySpending,\n count: monthlySpending.length\n });\n } catch (error) {\n console.error(\"Error fetching monthly spending:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch monthly spending data\"\n }, 500);\n }\n});\n\n// Get top spending categories\nanalytics.get(\"/categories\", async (c) => {\n try {\n const limitStr = c.req.query(\"limit\");\n const limit = limitStr ? parseInt(limitStr) : 10;\n\n if (isNaN(limit) || limit <= 0) {\n return c.json({\n success: false,\n error: \"Limit must be a positive number\"\n }, 400);\n }\n\n const topCategories = await TransactionQueries.getTopCategories(limit);\n \n return c.json({\n success: true,\n data: topCategories,\n count: topCategories.length\n });\n } catch (error) {\n console.error(\"Error fetching top categories:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch category data\"\n }, 500);\n }\n});\n\n// Get comprehensive analytics dashboard data\nanalytics.get(\"/dashboard\", async (c) => {\n try {\n const last30Days = new Date();\n last30Days.setDate(last30Days.getDate() - 30);\n const startDate = last30Days.toISOString().split('T')[0];\n\n const [dailySpending, monthlySpending, topCategories, recentTransactions] = await Promise.all([\n TransactionQueries.getDailySpending(startDate),\n TransactionQueries.getMonthlySpending(),\n TransactionQueries.getTopCategories(5),\n TransactionQueries.getAll({ limit: 10 })\n ]);\n\n // Calculate summary statistics\n const totalIncome = dailySpending.reduce((sum, day) => sum + day.total_income, 0);\n const totalExpenses = dailySpending.reduce((sum, day) => sum + day.total_expenses, 0);\n const netAmount = totalIncome - totalExpenses;\n const avgDailySpending = dailySpending.length > 0 ? totalExpenses / dailySpending.length : 0;\n\n const summary = {\n totalIncome,\n totalExpenses,\n netAmount,\n avgDailySpending,\n transactionCount: recentTransactions.length\n };\n\n return c.json({\n success: true,\n data: {\n summary,\n dailySpending,\n monthlySpending: monthlySpending.slice(0, 6), // Last 6 months\n topCategories,\n recentTransactions\n }\n });\n } catch (error) {\n console.error(\"Error fetching dashboard data:\", error);\n return c.json({\n success: false,\n error: \"Failed to fetch dashboard data\"\n }, 500);\n }\n});\n\nexport default analytics;",[],[275,285,287],"73488790-3f9b-11f0-a5b4-76b3cceeab13",["D",1748859733499],[167,168],[275,285],"f02eb842-3f9b-11f0-b7e9-76b3cceeab13","queries.ts","638b752e-3f9b-11f0-9db8-76b3cceeab13","c63bf7c1-69d3-4cd4-9e23-5ae893683059",17,["D",1748859943045],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { TRANSACTIONS_TABLE } from \"./migrations.ts\";\nimport type { Transaction, DailySpending, MonthlySpending, CategorySpending } from \"../../shared/types.ts\";\n\nexport class TransactionQueries {\n // Get all transactions with optional filters\n static async getAll(filters?: {\n category?: string;\n type?: 'income' | 'expense';\n startDate?: string;\n endDate?: string;\n limit?: number;\n }): Promise {\n let query = `SELECT * FROM ${TRANSACTIONS_TABLE}`;\n const params: any[] = [];\n const conditions: string[] = [];\n\n if (filters?.category) {\n conditions.push('category = ?');\n params.push(filters.category);\n }\n\n if (filters?.type) {\n conditions.push('type = ?');\n params.push(filters.type);\n }\n\n if (filters?.startDate) {\n conditions.push('date >= ?');\n params.push(filters.startDate);\n }\n\n if (filters?.endDate) {\n conditions.push('date <= ?');\n params.push(filters.endDate);\n }\n\n if (conditions.length > 0) {\n query += ' WHERE ' + conditions.join(' AND ');\n }\n\n query += ' ORDER BY date DESC, created_at DESC';\n\n if (filters?.limit) {\n query += ' LIMIT ?';\n params.push(filters.limit);\n }\n\n const result = await sqlite.execute(query, params);\n return result.rows as Transaction[];\n }\n\n // Get transaction by ID\n static async getById(id: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TRANSACTIONS_TABLE} WHERE id = ?`,\n [id]\n );\n return result.rows[0] as Transaction || null;\n }\n\n // Create new transaction\n static async create(transaction: Omit): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${TRANSACTIONS_TABLE} (amount, description, category, date, type)\n VALUES (?, ?, ?, ?, ?)`,\n [transaction.amount, transaction.description, transaction.category, transaction.date, transaction.type]\n );\n\n const newTransaction = await this.getById(result.lastInsertRowId!);\n if (!newTransaction) {\n throw new Error('Failed to create transaction');\n }\n return newTransaction;\n }\n\n // Update transaction\n static async update(id: number, updates: Partial>): Promise {\n const fields: string[] = [];\n const params: any[] = [];\n\n Object.entries(updates).forEach(([key, value]) => {\n if (value !== undefined) {\n fields.push(`${key} = ?`);\n params.push(value);\n }\n });\n\n if (fields.length === 0) {\n throw new Error('No fields to update');\n }\n\n fields.push('updated_at = CURRENT_TIMESTAMP');\n params.push(id);\n\n await sqlite.execute(\n `UPDATE ${TRANSACTIONS_TABLE} SET ${fields.join(', ')} WHERE id = ?`,\n params\n );\n\n const updatedTransaction = await this.getById(id);\n if (!updatedTransaction) {\n throw new Error('Transaction not found');\n }\n return updatedTransaction;\n }\n\n // Delete transaction\n static async delete(id: number): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${TRANSACTIONS_TABLE} WHERE id = ?`,\n [id]\n );\n return result.changes > 0;\n }\n\n // Get daily spending summary\n static async getDailySpending(startDate?: string, endDate?: string): Promise {\n let query = `\n SELECT \n date,\n SUM(CASE WHEN type = 'income' THEN amount ELSE 0 END) as total_income,\n SUM(CASE WHEN type = 'expense' THEN amount ELSE 0 END) as total_expenses,\n SUM(CASE WHEN type = 'income' THEN amount ELSE -amount END) as net_amount,\n COUNT(*) as transaction_count\n FROM ${TRANSACTIONS_TABLE}\n `;\n \n const params: string[] = [];\n const conditions: string[] = [];\n\n if (startDate) {\n conditions.push('date >= ?');\n params.push(startDate);\n }\n\n if (endDate) {\n conditions.push('date <= ?');\n params.push(endDate);\n }\n\n if (conditions.length > 0) {\n query += ' WHERE ' + conditions.join(' AND ');\n }\n\n query += ' GROUP BY date ORDER BY date DESC';\n\n const result = await sqlite.execute(query, params);\n return result.rows as DailySpending[];\n }\n\n // Get monthly spending summary\n static async getMonthlySpending(): Promise {\n const query = `\n SELECT \n strftime('%Y-%m', date) as month,\n SUM(CASE WHEN type = 'income' THEN amount ELSE 0 END) as total_income,\n SUM(CASE WHEN type = 'expense' THEN amount ELSE 0 END) as total_expenses,\n SUM(CASE WHEN type = 'income' THEN amount ELSE -amount END) as net_amount,\n COUNT(*) as transaction_count\n FROM ${TRANSACTIONS_TABLE}\n GROUP BY strftime('%Y-%m', date)\n ORDER BY month DESC\n `;\n\n const result = await sqlite.execute(query);\n const monthlyData = result.rows as Omit[];\n\n // Get category breakdown for each month\n const monthlySpending: MonthlySpending[] = [];\n for (const month of monthlyData) {\n const categories = await this.getCategorySpendingForMonth(month.month);\n monthlySpending.push({\n ...month,\n categories\n });\n }\n\n return monthlySpending;\n }\n\n // Get category spending for a specific month\n static async getCategorySpendingForMonth(month: string): Promise {\n const query = `\n SELECT \n category,\n SUM(amount) as total_amount,\n COUNT(*) as transaction_count\n FROM ${TRANSACTIONS_TABLE}\n WHERE strftime('%Y-%m', date) = ? AND type = 'expense'\n GROUP BY category\n ORDER BY total_amount DESC\n `;\n\n const result = await sqlite.execute(query, [month]);\n const categories = result.rows as Omit[];\n\n // Calculate percentages\n const totalExpenses = categories.reduce((sum, cat) => sum + cat.total_amount, 0);\n \n return categories.map(cat => ({\n ...cat,\n percentage: totalExpenses > 0 ? (cat.total_amount / totalExpenses) * 100 : 0\n }));\n }\n\n // Get top spending categories overall\n static async getTopCategories(limit: number = 10): Promise {\n const query = `\n SELECT \n category,\n SUM(amount) as total_amount,\n COUNT(*) as transaction_count\n FROM ${TRANSACTIONS_TABLE}\n WHERE type = 'expense'\n GROUP BY category\n ORDER BY total_amount DESC\n LIMIT ?\n `;\n\n const result = await sqlite.execute(query, [limit]);\n const categories = result.rows as Omit[];\n\n // Calculate percentages\n const totalExpenses = categories.reduce((sum, cat) => sum + cat.total_amount, 0);\n \n return categories.map(cat => ({\n ...cat,\n percentage: totalExpenses > 0 ? (cat.total_amount / totalExpenses) * 100 : 0\n }));\n }\n}",[],[275,307,299],"database","eda44a06-3f9b-11f0-8090-76b3cceeab13","migrations.ts","54011c58-3f9b-11f0-a781-76b3cceeab13",16,["D",1748859938774],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nconst TRANSACTIONS_TABLE = 'finance_transactions_v1';\n\nexport async function runMigrations() {\n console.log('Running database migrations...');\n \n // Create transactions table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TRANSACTIONS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n amount REAL NOT NULL,\n description TEXT NOT NULL,\n category TEXT NOT NULL,\n date TEXT NOT NULL,\n type TEXT NOT NULL CHECK (type IN ('income', 'expense')),\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Create index for faster queries\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_transactions_date \n ON ${TRANSACTIONS_TABLE}(date)\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_transactions_category \n ON ${TRANSACTIONS_TABLE}(category)\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_transactions_type \n ON ${TRANSACTIONS_TABLE}(type)\n `);\n\n console.log('Database migrations completed successfully');\n}\n\nexport { TRANSACTIONS_TABLE };",[],[275,307,309],"5401266c-3f9b-11f0-a781-76b3cceeab13",4,["D",1748859681025],[164,165],[275,307],"54012428-3f9b-11f0-a781-76b3cceeab13",["D",1748859681025],[163,166,169],[275],["D",1748859081381],{"_11":12,"_119":68},{"_11":12,"_115":-5,"_67":68,"_30":66,"_116":117,"_118":24},{"_38":106,"_13":16,"_32":35,"_107":70,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_51":-5,"_138":362,"_363":364,"_365":366,"_367":24,"_368":24,"_369":24,"_370":83,"_371":-5,"_372":-7,"_373":-7,"_374":26,"_375":24,"_376":24,"_377":-5,"_378":24,"_379":24,"_380":24,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":16,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

History · index.html