\n \n \n\n",[],[244,246],"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}",[],[244,262,254],"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}",[],[244,262,264],"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}",[],[244,262,272],"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}",[],[244,262,280],"9d8f88e6-3f9b-11f0-b5c3-76b3cceeab13",["D",1748859804429],[195,196,197,198],[244,262],"8b1eefb2-3f9b-11f0-91de-76b3cceeab13",["D",1748859773493],[194,199,200],[244],"f5451434-3f9b-11f0-9421-76b3cceeab13","index.ts",["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;",[],[163,296],["D",1748859733499],[],[163,82,65],["D",1748859751562],[],[163,82,80],["D",1748859733499],[190,191],[163,82],"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}",[],[163,320,312],"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 };",[],[163,320,322],"5401266c-3f9b-11f0-a781-76b3cceeab13",4,["D",1748859681025],[187,188],[163,320],"54012428-3f9b-11f0-a781-76b3cceeab13",["D",1748859681025],[186,189,192],[163],["D",1748859081381],{"_11":12,"_133":71},{"_11":12,"_129":-5,"_70":71,"_31":69,"_130":131,"_132":30},{"_40":120,"_13":16,"_34":37,"_121":85,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":14,"_128":12},"ctx",{"_53":-5,"_152":375,"_376":377,"_378":379,"_380":30,"_381":30,"_382":30,"_383":24,"_384":-5,"_385":-7,"_386":-7,"_387":26,"_388":30,"_389":30,"_390":-5,"_391":30,"_392":30,"_393":30,"_394":-5},"ENV",{"_346":347,"_348":349,"_350":16,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374},"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 · routes