chore: update dependencies and add Cloudflare support

- Updated dependencies in package.json for Astro, React, and testing libraries.
- Added .assetsignore to exclude specific files from asset uploads.
- Refactored AccountSummary, MainContent, and Sidebar components for clarity and maintainability.
- Enhanced tsconfig.json to support React JSX syntax.
- Created wrangler.jsonc for Cloudflare Workers configuration.
This commit is contained in:
GitHub Copilot
2025-04-24 14:44:50 -04:00
parent 0c3ad59809
commit d0a9af3dfd
9 changed files with 2100 additions and 1459 deletions

View File

@@ -1,5 +1,5 @@
---
import { formatCurrency } from '../utils'; // We'll create this util
import { formatCurrency } from '../utils';
import type { Account } from '../types';
interface Props {
@@ -10,5 +10,4 @@ const { account } = Astro.props;
<div class="account-summary">
<h4>Account Summary</h4>
<p>Balance: <span id="account-balance">{formatCurrency(account.balance)}</span></p>
<!-- Add more summary info if needed -->
</div>

View File

@@ -13,5 +13,6 @@ const { account, transactions } = Astro.props;
<header class="main-header">
<h1>Transactions for <span id="current-account-name">{account.name} (***{account.last4})</span></h1>
</header>
<TransactionTable transactions={transactions} client:load /> {/* Make table updatable */}
/* Make table updatable */
<TransactionTable transactions={transactions} client:load /> {}
</main>

View File

@@ -1,11 +1,12 @@
---
import AddTransactionForm from './AddTransactionForm.astro';
import AccountSummary from './AccountSummary.astro';
import type { Account } from '../types'; // We'll define this type
import type { Account } from '../types';
interface Props {
accounts: Account[];
initialAccount: Account; // Pass the initially selected account
/* The account to show in the sidebar. */
initialAccount: Account;
}
const { accounts, initialAccount } = Astro.props;
@@ -25,8 +26,9 @@ const { accounts, initialAccount } = Astro.props;
</select>
</nav>
<AccountSummary account={initialAccount} client:load /> {/* Make summary updatable */}
<AccountSummary account={initialAccount} /> {}
<AddTransactionForm client:load /> {/* Make form toggle interactive */}
/* Make form toggle interactive */
<AddTransactionForm client:load /> {}
</aside>