Own it · example handover · app/
The source code, browsable
This is the real source of the working demo on the Spreadsheet Rescue page — not an excerpt, not a cleaned-up copy. These pages are generated from the same files the demo is built from, so they can't drift apart.
To run it on any computer: install Node (the mainstream JavaScript toolchain),
then in this folder run npm install and npm run dev. That's the
whole ceremony. The sample data comes from a small shared generator package in the same
repository — seeded, dated relative to today, and written to be read. (Not shown below: the
one-tag HTML shell the build tool reads; everything that does anything is here.)
- package.json
what the app is made of — every tool named, all mainstream - src/demo.css
every visual rule, in one readable file - src/main.tsx
the entry point: find the slot on the page, start the app - src/ui/app.tsx
the heart of it: the before/after frame, the wipe, the tour, the download - src/ui/grid.tsx
the spreadsheet view — renders the workbook, damage and all - src/ui/rebuilt.tsx
the rebuilt job board the wipe reveals - src/xlsx/xlsx.ts
writes the downloadable workbook as a real Excel file, in your browser - src/xlsx/zip.ts
the small container format the Excel file ships in - test/xlsx.test.ts
proof the downloaded file is honest — checked on every change - tsconfig.json
compiler settings (strict mode on, on purpose) - vite.config.ts
build settings — one small bundle, stable file names