Lucas WintherandClaude Opus 5
417adb0d85
The "Income this month" field could not be changed from 0. Typing zeros appeared to work; typing any non-zero snapped the field back to a single 0. mutate() defers its callback behind the store's serialization queue and an IndexedDB write. React re-renders and resets a controlled input's DOM value back to the last committed value well before that callback runs, so a handler reading event.target.value INSIDE the callback read the reset value and committed 0 — forever. Committing 0 matches what is displayed, which is why typing zeros looked fine. Six handlers had this shape (income, post name, post currency, standing-rule kind, base currency, rate service URL). Each now reads the DOM value synchronously and passes it in. Sites that already captured into a const first — the FX rate and the standing-rule amount — were never affected, which is why those fields worked. Purchase, split and plan editors were never affected either: they write to local component state synchronously, never through the deferred queue. Adds a source-level regression guard, because the trigger is real-browser render timing that happy-dom does not reproduce. Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
Budget 2.0
A personal budgeting PWA. Envelope-style monthly budgets with rollover, split purchases, finance plans, multi-currency, and JSON/ODS export. All data lives in your browser — there is no server and no account.
Development
bun install
bun --hot src/index.ts # dev server with hot reload
bun test # run the test suite
bun run build # production build into dist/
Self-hosting with Docker
docker build -t budget2 .
docker run --rm -p 3000:3000 budget2
To serve from a subpath, build and run with BUN_PUBLIC_BASE_PATH:
docker build -t budget2 --build-arg BUN_PUBLIC_BASE_PATH=/budget/ .
docker run --rm -p 3000:3000 -e BUN_PUBLIC_BASE_PATH=/budget/ budget2
GitHub Pages
Pushing to main builds and deploys to Pages automatically, using
/<repository-name>/ as the base path. Enable Pages with "GitHub Actions" as
the source in the repository settings.
Your data
Everything is stored in this browser's IndexedDB. Export regularly from Settings → Your data: the JSON export is both your backup and how you move your budget to another device. Import replaces everything and downloads a backup of your current data first.
Known limitations
- Data is per-browser. There is no account and no sync. If you clear this browser's site data, or move to a different browser or device, your budget is gone unless you exported it first. The JSON export is not just a nice-to-have backup — it is the only way to move a budget between devices.
- The install prompt is incomplete.
manifest.webmanifestcurrently only ships an SVG icon. Chrome requires PNG icons at 192×192 and 512×512 to offer the "Install app" prompt; until those are added, the app works fine as a regular tab but won't be installable on Chrome/Chromium.
Documentation
- Design:
docs/superpowers/specs/2026-09-01-budget-app-design.md - Implementation plan:
docs/superpowers/plans/2026-09-01-budget-app.md