\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}",[183,102,91],"b1088ecc-3f9b-11f0-bd80-76b3cceeab13",["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}",[183,102,82],"e3c5c62c-3f9b-11f0-abad-76b3cceeab13",["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}",[183,102,100],"9d8f6fd2-3f9b-11f0-b5c3-76b3cceeab13",["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}",[183,102,67],"pulls","branches",1,"forks","envVars",{"_212":26,"_214":26},"connections",{"_212":26,"_213":26},"count","unfilledCount","emptyCount",{"_36":354,"_13":308,"_65":302,"_46":-5,"_38":39,"_177":350,"_178":24,"_40":355,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":356,"_17":357},{"_36":349,"_13":340,"_65":334,"_46":302,"_38":39,"_177":350,"_178":24,"_40":351,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":352,"_17":353},{"_36":341,"_13":342,"_65":343,"_46":334,"_38":39,"_177":344,"_178":24,"_40":345,"_42":206,"_68":69,"_180":346,"_70":30,"_181":-5,"_240":347,"_17":348},{"_36":331,"_13":332,"_65":333,"_46":334,"_38":39,"_177":335,"_178":24,"_40":336,"_42":206,"_68":69,"_180":337,"_70":30,"_181":-5,"_240":338,"_17":339},{"_36":327,"_13":318,"_65":312,"_46":302,"_38":39,"_177":313,"_178":24,"_40":328,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":329,"_17":330},{"_36":319,"_13":320,"_65":321,"_46":312,"_38":39,"_177":322,"_178":24,"_40":323,"_42":26,"_68":69,"_180":324,"_70":30,"_181":-5,"_240":325,"_17":326},{"_36":309,"_13":310,"_65":311,"_46":312,"_38":39,"_177":313,"_178":24,"_40":314,"_42":26,"_68":69,"_180":315,"_70":30,"_181":-5,"_240":316,"_17":317},{"_36":300,"_13":301,"_65":116,"_46":302,"_38":39,"_177":140,"_178":24,"_40":303,"_42":246,"_68":304,"_180":305,"_70":30,"_181":-5,"_240":306,"_17":307},{"_36":296,"_13":183,"_65":176,"_46":-5,"_38":39,"_177":276,"_178":24,"_40":297,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":298,"_17":299},{"_36":175,"_13":102,"_65":101,"_46":176,"_38":39,"_177":43,"_178":24,"_40":293,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":294,"_17":295},{"_36":200,"_13":67,"_65":66,"_46":101,"_38":39,"_177":43,"_178":24,"_40":290,"_42":26,"_68":69,"_180":202,"_70":30,"_181":-5,"_240":291,"_17":292},{"_36":196,"_13":100,"_65":99,"_46":101,"_38":39,"_177":94,"_178":24,"_40":287,"_42":26,"_68":69,"_180":198,"_70":30,"_181":-5,"_240":288,"_17":289},{"_36":192,"_13":82,"_65":81,"_46":101,"_38":39,"_177":76,"_178":24,"_40":284,"_42":26,"_68":69,"_180":194,"_70":30,"_181":-5,"_240":285,"_17":286},{"_36":188,"_13":91,"_65":90,"_46":101,"_38":39,"_177":85,"_178":24,"_40":281,"_42":26,"_68":69,"_180":190,"_70":30,"_181":-5,"_240":282,"_17":283},{"_36":273,"_13":274,"_65":275,"_46":176,"_38":39,"_177":276,"_178":24,"_40":277,"_42":26,"_68":21,"_180":278,"_70":30,"_181":-5,"_240":279,"_17":280},{"_36":265,"_13":266,"_65":267,"_46":176,"_38":39,"_177":268,"_178":24,"_40":269,"_42":26,"_68":69,"_180":270,"_70":30,"_181":-5,"_240":271,"_17":272},{"_36":261,"_13":260,"_65":254,"_46":-5,"_38":39,"_177":255,"_178":24,"_40":262,"_42":26,"_68":103,"_180":-5,"_70":30,"_181":-5,"_240":263,"_17":264},{"_36":251,"_13":252,"_65":253,"_46":254,"_38":39,"_177":255,"_178":24,"_40":256,"_42":26,"_68":69,"_180":257,"_70":30,"_181":-5,"_240":258,"_17":259},{"_36":243,"_13":244,"_65":245,"_46":-5,"_38":39,"_177":246,"_178":24,"_40":247,"_42":26,"_68":21,"_180":248,"_70":30,"_181":-5,"_240":249,"_17":250},{"_36":235,"_13":236,"_65":237,"_46":-5,"_38":39,"_177":206,"_178":24,"_40":238,"_42":26,"_68":69,"_180":239,"_70":30,"_181":-5,"_240":241,"_17":242},"ee98207e-3f99-11f0-84ee-76b3cceeab13","main.tsx","ee98210a-3f99-11f0-84ee-76b3cceeab13",["D",1748859081392],"","children",[],[236],"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",[],[244],"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];",[],[260,252],"shared","4ffeb1d8-3f9b-11f0-b0ac-76b3cceeab13",["D",1748859674298],[232],[260],"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();",[],[183,266],"8b1ee116-3f9b-11f0-91de-76b3cceeab13","index.html","8b1ee1c0-3f9b-11f0-91de-76b3cceeab13",9,["D",1748859773493],"\n\n\n \n \n Finance Manager\n \n \n 💰\">\n \n\n\n

\n \n \n\n",[],[183,274],["D",1748859881582],[],[183,102,91],["D",1748859837104],[],[183,102,82],["D",1748859922227],[],[183,102,100],["D",1748859804429],[],[183,102,67],["D",1748859804429],[225,226,227,228],[183,102],"8b1eefb2-3f9b-11f0-91de-76b3cceeab13",["D",1748859773493],[224,229,230],[183],"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;",[],[308,301],"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;",[],[308,318,310],"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;",[],[308,318,320],"73488790-3f9b-11f0-a5b4-76b3cceeab13",["D",1748859733499],[220,221],[308,318],"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}",[],[308,340,332],"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 };",[],[308,340,342],"5401266c-3f9b-11f0-a781-76b3cceeab13",4,["D",1748859681025],[217,218],[308,340],"54012428-3f9b-11f0-a781-76b3cceeab13",["D",1748859681025],[216,219,222],[308],["D",1748859081381],{"_11":12,"_153":73},{"_11":12,"_149":-5,"_72":73,"_31":71,"_150":151,"_152":30},{"_42":140,"_13":16,"_36":39,"_141":105,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":14,"_148":12},"ctx",{"_55":-5,"_172":395,"_396":397,"_398":399,"_400":30,"_401":30,"_402":30,"_403":24,"_404":-5,"_405":-7,"_406":-7,"_407":26,"_408":30,"_409":30,"_410":-5,"_411":30,"_412":30,"_413":30,"_414":-5},"ENV",{"_366":367,"_368":369,"_370":16,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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 · components