# Statement Studio — Complete Developer Build Package Generated from the deployed Statement Studio source on 2026-09-22T18:40:42.861Z. This single Markdown document contains the complete application source, project configuration, tests, instructions, and binary assets required to reconstruct Statement Studio. It intentionally excludes Git history, installed dependencies, build output, local caches, and environment-secret files. ## Master instruction for Codex, Claude Code, or another developer Reconstruct Statement Studio exactly from this document. Create a new empty project folder, reproduce every file listed below at its exact relative path, decode every Base64 binary block into raw bytes, install dependencies with the checked-in lockfile, run the automated tests, build the application, and correct only reconstruction errors. Preserve the product behavior, visual design, calculations, export formats, accessibility, and responsive layout. Do not replace the implementation with a simplified prototype. Do not invent credentials or copy hosting identifiers into a different hosting account. ## Application summary Statement Studio is a browser-based bookkeeping training-data generator. It creates internally connected fictional bank, credit-card, and loan statements; transaction ledgers; QuickBooks-compatible CSV exports; check and deposit images; expense receipts and invoices; reconciliation keys; and ZIP training packs. The application uses Next.js-compatible React through Vinext, TypeScript, Tailwind CSS, jsPDF, JSZip, Zod, React Hook Form, and Cloudflare-compatible build output. ## Reconstruction procedure 1. Create an empty folder and reproduce the file tree below. 2. For each UTF-8 file section, copy the fenced content exactly into the named file. 3. For each Base64 binary section, decode only the Base64 payload into the named file. Example: save the payload as a temporary text file and run `base64 --decode temporary.txt > path/to/file`. 4. Do not create any `.env` file unless the target environment requires one. No secrets are included in this package. 5. If deploying outside ChatGPT Sites, adapt the hosting configuration while leaving application behavior unchanged. 6. Install Node.js 22.13 or newer. 7. Run `npm ci`. 8. Run `node --no-warnings --loader ./tests/ts-loader.mjs --test tests/*.test.mjs`. 9. Run `npm run build`. 10. Run the app with the development or hosting command appropriate to the target platform and verify the checklist below. ## Verification checklist - The scenario builder supports bank, credit-card, and loan accounts. - Monthly and custom-range statements generate with balanced opening and closing balances. - Connected transfers, card payments, and loan payments reconcile on both sides. - Statement previews, complete transaction ledgers, and supporting check/deposit images render correctly. - Individual PDFs, CSV options, matching keys, and the complete ZIP pack download successfully. - Optional expense receipts and invoices appear in the ZIP with their matching key. - The top-bar “Download source code” action downloads this complete Markdown package. - Desktop and mobile layouts remain usable and keyboard-focus indicators are visible. - Automated tests and the production build succeed. ## Package inventory - 176 project files - 26 Base64-encoded binary assets - SHA-256 digest supplied for every file ## File tree - `.gitignore` - `.npmrc` - `.openai/hosting.json` - `README.md` - `app/chatgpt-auth.ts` - `app/globals.css` - `app/layout.tsx` - `app/page.tsx` - `build/sites-vite-plugin.LICENSE` - `build/sites-vite-plugin.ts` - `cloudflare-env.d.ts` - `components.json` - `components/ui/accordion.tsx` - `components/ui/alert-dialog.tsx` - `components/ui/alert.tsx` - `components/ui/aspect-ratio.tsx` - `components/ui/attachment.tsx` - `components/ui/avatar.tsx` - `components/ui/badge.tsx` - `components/ui/breadcrumb.tsx` - `components/ui/bubble.tsx` - `components/ui/button-group.tsx` - `components/ui/button.tsx` - `components/ui/calendar.tsx` - `components/ui/card.tsx` - `components/ui/carousel.tsx` - `components/ui/chart.tsx` - `components/ui/checkbox.tsx` - `components/ui/collapsible.tsx` - `components/ui/combobox.tsx` - `components/ui/command.tsx` - `components/ui/context-menu.tsx` - `components/ui/dialog.tsx` - `components/ui/direction.tsx` - `components/ui/drawer.tsx` - `components/ui/dropdown-menu.tsx` - `components/ui/empty.tsx` - `components/ui/field.tsx` - `components/ui/form.tsx` - `components/ui/hover-card.tsx` - `components/ui/input-group.tsx` - `components/ui/input-otp.tsx` - `components/ui/input.tsx` - `components/ui/item.tsx` - `components/ui/kbd.tsx` - `components/ui/label.tsx` - `components/ui/marker.tsx` - `components/ui/menubar.tsx` - `components/ui/message-scroller.tsx` - `components/ui/message.tsx` - `components/ui/native-select.tsx` - `components/ui/navigation-menu.tsx` - `components/ui/pagination.tsx` - `components/ui/popover.tsx` - `components/ui/progress.tsx` - `components/ui/radio-group.tsx` - `components/ui/resizable.tsx` - `components/ui/scroll-area.tsx` - `components/ui/select.tsx` - `components/ui/separator.tsx` - `components/ui/sheet.tsx` - `components/ui/sidebar.tsx` - `components/ui/skeleton.tsx` - `components/ui/slider.tsx` - `components/ui/sonner.tsx` - `components/ui/spinner.tsx` - `components/ui/switch.tsx` - `components/ui/table.tsx` - `components/ui/tabs.tsx` - `components/ui/textarea.tsx` - `components/ui/toggle-group.tsx` - `components/ui/toggle.tsx` - `components/ui/tooltip.tsx` - `db/index.ts` - `db/schema.ts` - `drizzle.config.ts` - `drizzle/meta/_journal.json` - `eslint.config.mjs` - `examples/d1/app/api/notes/route.ts` - `examples/d1/db/schema.ts` - `hooks/use-mobile.ts` - `lib/bank-logo-pdf.ts` - `lib/bank-logos.ts` - `lib/check-memos.ts` - `lib/contacts.ts` - `lib/customer-addresses.ts` - `lib/expense-document-pdf.ts` - `lib/expense-documents.ts` - `lib/exports.ts` - `lib/statements.ts` - `lib/templates.ts` - `lib/transaction-library.ts` - `lib/utils.ts` - `next.config.ts` - `package-lock.json` - `package.json` - `postcss.config.mjs` - `public/favicon.svg` - `public/fonts/barlow-OFL.txt` - `public/fonts/barlow.ttf` - `public/fonts/bitter-OFL.txt` - `public/fonts/bitter.ttf` - `public/fonts/cabin-OFL.txt` - `public/fonts/cabin.ttf` - `public/fonts/firasans-OFL.txt` - `public/fonts/firasans.ttf` - `public/fonts/ibmplexsans-OFL.txt` - `public/fonts/ibmplexsans.ttf` - `public/fonts/karla-OFL.txt` - `public/fonts/karla.ttf` - `public/fonts/lato-OFL.txt` - `public/fonts/lato.ttf` - `public/fonts/librebaskerville-OFL.txt` - `public/fonts/librebaskerville.ttf` - `public/fonts/lora-OFL.txt` - `public/fonts/lora.ttf` - `public/fonts/merriweather-OFL.txt` - `public/fonts/merriweather.ttf` - `public/fonts/montserrat-OFL.txt` - `public/fonts/montserrat.ttf` - `public/fonts/nunitosans-OFL.txt` - `public/fonts/nunitosans.ttf` - `public/fonts/oswald-OFL.txt` - `public/fonts/oswald.ttf` - `public/fonts/ptserif-OFL.txt` - `public/fonts/ptserif.ttf` - `public/fonts/quicksand-OFL.txt` - `public/fonts/quicksand.ttf` - `public/fonts/raleway-OFL.txt` - `public/fonts/raleway.ttf` - `public/fonts/robotoslab-OFL.txt` - `public/fonts/robotoslab.ttf` - `public/fonts/rubik-OFL.txt` - `public/fonts/rubik.ttf` - `public/fonts/sourceserif4-OFL.txt` - `public/fonts/sourceserif4.ttf` - `public/fonts/worksans-OFL.txt` - `public/fonts/worksans.ttf` - `public/logos/alder.svg` - `public/logos/bluecrest.svg` - `public/logos/brookhaven.svg` - `public/logos/cedar.svg` - `public/logos/copperleaf.svg` - `public/logos/everfield.svg` - `public/logos/harborvale.svg` - `public/logos/northline.svg` - `public/logos/redwood.svg` - `public/logos/stonebridge.svg` - `public/og.png` - `scripts/build-standalone.mjs` - `scripts/build-verified.sh` - `scripts/execution-profile.mjs` - `scripts/generate-developer-package.mjs` - `scripts/install-ci.mjs` - `scripts/install-ci.sh` - `scripts/install-pnpm.sh` - `scripts/pnpm-install.mjs` - `scripts/run-framework.mjs` - `scripts/sites-env.mjs` - `scripts/sites-env.sh` - `standalone/fonts.ts` - `standalone/index.html` - `standalone/main.tsx` - `standalone/vite.config.ts` - `tests/check-issuers.test.mjs` - `tests/check-memos.test.mjs` - `tests/customer-deposits.test.mjs` - `tests/expense-documents.test.mjs` - `tests/ledger-csv.test.mjs` - `tests/loans.test.mjs` - `tests/templates-library.test.mjs` - `tests/ts-loader.mjs` - `tsconfig.json` - `vendor/shadcn-tailwind-4.13.0.LICENSE.md` - `vendor/shadcn-tailwind-4.13.0.css` - `vite.config.ts` # Complete file contents ## File: `.gitignore` - Encoding: UTF-8 text - SHA-256: `cb59d954d56ab7d6fc77163723519bcd5e10ed4c0271e949bb9c77ebbc7689ea` ````text # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. # dependencies /node_modules /.pnp .pnp.* .yarn/* !.yarn/patches !.yarn/plugins !.yarn/releases !.yarn/versions # testing /coverage # next.js /.next/ /.vinext/ /out/ # misc .DS_Store *.pem # debug npm-debug.log* yarn-debug.log* yarn-error.log* .pnpm-debug.log* # env files (can opt-in for committing if needed) .env* # vercel .vercel # typescript next-env.d.ts /dist/ /.wrangler/ # Checkout-local execution profile and tool state; never publish them. /.sites-runtime/ /.agents/ /.codex/ /outputs/ /work/ *.tsbuildinfo ```` --- ## File: `.npmrc` - Encoding: UTF-8 text - SHA-256: `a3909ac0447c469fda12c57374993be70f47ce73e49fd3124678c7c047f2214d` ````text audit=false fund=false update-notifier=false ```` --- ## File: `.openai/hosting.json` - Encoding: UTF-8 text - SHA-256: `b1874026e7f7dd2293744d34f863ef6da855d47d06209773a658dd459695f9b9` ````json { "d1": null, "r2": null, "project_id": "appgprj_6ab1f254ffa48191ad048e802d3cce86" } ```` --- ## File: `README.md` - Encoding: UTF-8 text - SHA-256: `743ea81b615613569628bfd8c51f382fe2d1c727c95fc1e9292e64654e3f81ec` ````markdown # Statement Studio A public fictional bank, credit-card, and loan statement generator for bookkeeping training. The browser creates up to eight accounts, 24 calendar-month statements per account, and 5,000 transaction rows. Paired transfers and card payments share a date, amount, and matching ID. Beginning and ending balances apply to the whole scenario. The generator uses integer cents and carries balances across months. All documents are explicitly marked FICTIONAL / TRAINING ONLY. Check images are VOID, use a zero routing number, and cannot be negotiated. No real bank data or bank connections are used. Scenarios are held in page memory only and reset on reload. Exports: PDF statements, signed CSV ledgers, PNG check and deposit images, customer deposit detail, and an instructor matching answer key in a ZIP. Positive card balances represent amounts owed. Card interest and fees are not modeled. ## Development - `npm run dev`: local preview. - `npx tsc --noEmit`: type check. - `npm run build`: Cloudflare-compatible production build. `lib/statements.ts` owns deterministic scenario generation and reconciliation validation. `lib/exports.ts` creates the documents and ZIP. `app/page.tsx` is the scenario builder, previews, and WebMCP registration. ## Loan scenarios Loan accounts have positive opening principal, a fixed annual interest rate, a fixed monthly installment, a payment day (1–28), and a selected bank account. Blank terms are randomized or calculated. Loan payments remain linked to the funding bank even when optional bank/card connections are off. The training convention uses monthly interest = opening principal × annual rate / 12, rounded to cents. Principal paid = cash payment − interest. Bank balance falls by the full cash payment; loan balance falls only by principal. Final payoff payments are capped at remaining principal plus interest. Only scheduled payment dates within the date range are included; no daily accrual, partial-month proration, fees, or missed payments are modeled. Ending principal is derived from these terms. Loan PDFs show monthly principal/interest splits. The ZIP includes an amortization/reconciliation CSV and split columns in the combined ledger and matching answer key. ## PDF image option When the generated pack contains check or deposit images, the export area offers “Include check & deposit images in PDFs,” enabled by default. It applies immediately to both individual PDF downloads and the bulk ZIP, without regenerating transactions. Disabling it removes the image appendix from PDFs; separate PNGs remain in the ZIP. ## Statement families and transaction library 10 bank and 10 card templates use different embedded typefaces, colors, header positions, summaries, column orders, and sample informational disclosures. New visits and added accounts start with random templates. Users can select a template in account settings. The chosen template persists across periods and subsequent generation. Connected banks share the first bank's institution/template; changing any connected bank's template updates the bank group. Cards remain independent fictional issuers. Loans keep their existing servicing layout and reconciled amortization. The curated library contains 564 merchant descriptors (including 100 restaurants/convenience, 100 subscriptions, 100 shopping, 10 office supply stores, 10 airlines and 25 gas station brands), 100 invented personal names, and all 30 requested accounting categories. It is not an audited popularity ranking. Real merchant descriptors identify fictional activity only. Monthly subscription amounts are stable within an account; generation avoids duplicate charges to the same recurring descriptor in a calendar month. Category 30 is noncash and appears only in the library guide, never the bank ledger. Suggested categories require context and are not tax guidance. ## Contact and QuickBooks exports The ZIP includes `Customer & Vendor Names/Customers.csv` and `Vendors.csv`, each with a `Name` column and only counterparties appearing in the pack. Names use capitalization, punctuation and light abbreviations for matching practice, with global case-insensitive uniqueness across the two lists. The instructor matching key preserves original names and transaction IDs. Deposited customer checks and customer refunds are covered. Transfers and card payments are excluded from expense vendors. Detailed ledgers have a separate `No.` column. `Clean CSV/` has exactly `Date, Description, Amounts, Num`, one file per account. `QuickBooks Online Import/` contains bank/card files in Intuit's documented native `Date, Description, Amount` format, with at most 999 transactions each, MM/DD/YYYY dates and plain signed amounts. The native importer has no documented check-number field; check numbers remain in descriptions. The four-column files retain Num for an importer that supports it. Loan clean CSVs are for review; the existing schedule supplies principal/interest splits rather than pretending loan principal movements are cash transactions. Do not import both versions of the same activity. Merchant reference sources and Intuit import guidance are linked in the library UI / ZIP readme. Font families are derived from Google Fonts under their bundled licenses in `public/fonts/`; local subsets avoid external font requests. Validation: `node --no-warnings --loader ./tests/ts-loader.mjs --test tests/*.test.mjs` covers amortization, template sharing and persistence, library counts, contact coverage, name uniqueness, CSV columns, check numbers, and reconciliation. `npx tsc --noEmit` checks the app. ## Bank logos Each of the ten fictional banks has an original two-color SVG mark in `lib/bank-logos.ts` and `public/logos/`. The same vector geometry draws directly into PDF headers through `lib/bank-logo-pdf.ts`; no image rasterization is used for those marks. Preview headers, account icons, template samples, checks, and deposit slips use the matching mark. Banner headers use an inverse version. Exported packs include the used bank SVGs under `Bank Logos/`. Check payee names are hidden from statement and transaction descriptions by default: `Check 1123`. The **Include payee name in check line** option restores `Check #1123 · Payee`. It applies immediately to the current pack without changing transaction amounts, dates, check numbers, or account balances. Check images, vendor lists, and instructor matching records retain the actual payee; separate No./Num export columns remain populated. ```` --- ## File: `app/chatgpt-auth.ts` - Encoding: UTF-8 text - SHA-256: `4265a2e7c2dcb3a6f4b7026f762bf5b6e4caec76cc13c0a45987ee9a9f2e42cc` ````typescript import { headers } from "next/headers"; import { redirect } from "next/navigation"; export type ChatGPTUser = { userId: string; displayName: string; email: string; fullName: string | null; }; const USER_ID_HEADER = "oai-authenticated-user-id"; const USER_EMAIL_HEADER = "oai-authenticated-user-email"; const USER_FULL_NAME_HEADER = "oai-authenticated-user-full-name"; const USER_FULL_NAME_ENCODING_HEADER = "oai-authenticated-user-full-name-encoding"; const PERCENT_ENCODED_UTF8 = "percent-encoded-utf-8"; const SIGN_IN_PATH = "/signin-with-chatgpt"; const SIGN_OUT_PATH = "/signout-with-chatgpt"; const CALLBACK_PATH = "/callback"; export async function getChatGPTUser(): Promise { const requestHeaders = await headers(); const userId = requestHeaders.get(USER_ID_HEADER); const email = requestHeaders.get(USER_EMAIL_HEADER); if (!userId || !email) return null; const encodedFullName = requestHeaders.get(USER_FULL_NAME_HEADER); const fullName = encodedFullName && requestHeaders.get(USER_FULL_NAME_ENCODING_HEADER) === PERCENT_ENCODED_UTF8 ? safeDecodeURIComponent(encodedFullName) : null; return { userId, displayName: fullName ?? email, email, fullName, }; } export async function requireChatGPTUser( returnTo: string, ): Promise { const user = await getChatGPTUser(); if (user) return user; redirect(chatGPTSignInPath(returnTo)); } export function chatGPTSignInPath(returnTo: string): string { const safeReturnTo = safeRelativeReturnPath(returnTo); return `${SIGN_IN_PATH}?return_to=${encodeURIComponent(safeReturnTo)}`; } export function chatGPTSignOutPath(returnTo = "/"): string { const safeReturnTo = safeRelativeReturnPath(returnTo); return `${SIGN_OUT_PATH}?return_to=${encodeURIComponent(safeReturnTo)}`; } function safeRelativeReturnPath(value: string): string { if (!value.startsWith("/") || value.startsWith("//")) return "/"; let url: URL; try { url = new URL(value, "https://app.local"); } catch { return "/"; } if (url.origin !== "https://app.local") return "/"; if (isReservedAuthPath(url.pathname)) return "/"; return `${url.pathname}${url.search}${url.hash}`; } function isReservedAuthPath(pathname: string): boolean { return ( pathname === SIGN_IN_PATH || pathname === SIGN_OUT_PATH || pathname === CALLBACK_PATH ); } function safeDecodeURIComponent(value: string): string | null { try { return decodeURIComponent(value); } catch { return null; } } ```` --- ## File: `app/globals.css` - Encoding: UTF-8 text - SHA-256: `86255a7dcde9f1f570ddb756214e09dad4cd6fba8817ae7e73da73db5b11891a` ````css @import "tailwindcss"; @import "tw-animate-css"; @import "../vendor/shadcn-tailwind-4.13.0.css"; :root{--background:#f3f5f8;--foreground:#182735;--card:#fff;--card-foreground:#182735;--popover:#fff;--popover-foreground:#182735;--primary:#176756;--primary-foreground:#fff;--secondary:#edf2f4;--secondary-foreground:#253a48;--muted:#eef1f5;--muted-foreground:#667582;--accent:#e6f2ed;--accent-foreground:#175647;--destructive:#b73535;--border:#dce3e7;--input:#d5dee3;--ring:#176756;--radius:.6rem;--sidebar:#fff;--sidebar-foreground:#182735} @theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--font-sans:Arial,Helvetica,sans-serif} *{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #449789;outline-offset:3px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);padding:0 4.2%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-weight:700;font-size:22px;letter-spacing:-.7px;color:#163b35;text-decoration:none}.brand>span:last-child{font-weight:400}.brandmark{display:grid;place-items:center;background:#155f50;color:#fff;width:36px;height:39px;border-radius:9px;margin-right:11px}.topright{display:flex;align-items:center;gap:27px}.version{font-size:12px;letter-spacing:1.5px;color:#75828c}main{max-width:1540px;margin:0 auto;padding:40px 4.2% 45px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#277b66;margin-bottom:12px}.heading h1{font-size:34px;letter-spacing:-1.1px;font-weight:650;line-height:1.2;margin:0 0 12px}.heading p{font-size:15px;color:#62717d;margin:0}.heading{margin-bottom:32px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}.builder{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-title{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid var(--border)}h2{font-size:16px;font-weight:650;margin:0}.panel-title>svg{margin-left:auto;color:#75868e}.number{font-family:monospace;display:inline-flex;align-items:center;justify-content:center;background:#eaf0ed;border:1px solid #dce6e1;width:25px;height:25px;border-radius:6px;font-size:12px;color:#346f5f}.builder-body{padding:22px 20px}.section-label{font-size:12px;letter-spacing:1.25px;font-weight:700;display:flex;justify-content:space-between;color:#687985;margin-bottom:12px}.section-label span{font-size:12px;letter-spacing:0;font-weight:400}.space{margin-top:27px}.account-list{display:grid;gap:8px}.account-card{display:flex;text-align:left;align-items:center;gap:10px;border:1px solid #dce3e7;background:#fff;border-radius:7px;padding:11px 10px;width:100%;color:#2e414e}.account-card.selected{border-color:#388776;background:#eef7f3;box-shadow:0 0 0 1px #38877615}.account-card strong{display:block;font-size:14px;margin-bottom:5px}.account-card small{font-size:12px;color:#6c7a82;display:block}.account-icon{display:grid;place-items:center;width:33px;height:34px;flex-shrink:0;color:#57746a;background:#e9efeb;border-radius:6px}.account-card>svg:last-child{margin-left:auto;color:#668878;flex-shrink:0}.add-account{display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #c8d6d1;border-radius:7px;background:transparent;color:#3f7565;font-size:14px;padding:10px;width:100%;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:14px;color:#4c5e6a}label input{margin-top:7px;height:39px!important;background:#fff;font-size:14px!important;width:100%;min-width:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.toggle-row strong{font-size:14px;display:block}.toggle-row small{display:block;font-size:12px;color:#71828b;margin-top:5px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-weight:600;font-size:14px;padding:11px 15px}.primary{background:#196c5a;color:#fff;border:1px solid #196c5a;box-shadow:0 2px 2px #11493215}.primary:hover{background:#115544}.secondary{background:#fff;border:1px solid #d5dfe3;color:#425965}.secondary:hover{background:#f0f6f3}.generate{width:100%;margin-top:7px}.small-note{font-size:12px;color:#75828a;text-align:center;margin:12px 0 0}.results{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 0 20px}.preview-toolbar>div{display:flex;align-items:center;gap:10px}.pack-stats{display:flex;align-items:center;gap:24px;border:1px solid #dce4e8;background:#fff;padding:17px 20px;border-radius:9px;margin-bottom:21px}.pack-stats>div{display:flex;gap:7px;align-items:center}.pack-stats strong{font-size:18px}.pack-stats span{font-size:13px;color:#6d7d88}.pack-stats svg{color:#367a65}.pack-stats .example-badge{margin-left:auto;font-size:10px;letter-spacing:1px;font-weight:700;color:#6c7d88;background:#f0f3f5;border:1px solid #e6eaed;border-radius:4px;padding:5px 7px}.preview-tabs{background:transparent!important;gap:15px;padding:0!important;border-radius:0!important;height:39px!important;max-width:100%;margin-bottom:4px}.preview-tabs button{border-radius:0!important;border:0!important;padding:0 2px 12px!important;color:#71818b;font-size:13px!important;box-shadow:none!important;flex:none!important}.preview-tabs button[data-state=active]{color:#246f5f;background:none!important;border-bottom:2px solid #24745f!important}.paper-stage{background:#e8edf0;border:1px solid #dce3e7;border-radius:0 0 10px 10px;padding:27px;min-width:0}.statement-paper{background:white;padding:32px 30px 22px;box-shadow:0 4px 18px #2036440d;border:1px solid #dce1e3;color:#253c4d;min-width:0;position:relative}.paper-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bank-brand{display:flex;align-items:center;gap:10px;color:#1b6555;font-size:14px;font-weight:700;letter-spacing:.8px}.bank-brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.paper-heading{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;border-top:2px solid #236b59}.paper-heading h2{font-size:22px;letter-spacing:-.5px}.paper-heading>span{font-size:13px;color:#617786}.paper-info{display:flex;justify-content:space-between;gap:15px;margin:19px 0 23px;font-size:12px;line-height:1.8;color:#7c8991}.paper-info>div{display:flex;flex-direction:column}.paper-info>div:last-child{text-align:right}.paper-info strong{color:#435b6a;font-weight:600}.balance-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce4e6;border-radius:5px;background:#f8faf9;margin-bottom:28px}.balance-grid>div{padding:13px 10px;border-right:1px solid #e1e8e5;min-width:0}.balance-grid>div:last-child{background:#edf5f0;border-right:0}.balance-grid span{display:block;font-size:10px;color:#6e837d;margin-bottom:7px}.balance-grid strong{font-size:16px;white-space:nowrap;letter-spacing:-.3px;color:#2b584a}.statement-paper h3{font-size:13px;font-weight:700;margin:0 0 7px}.statement-paper table{font-size:11px;white-space:nowrap}.statement-paper th{height:32px;color:#6b808e;background:#f1f5f6;font-size:10px}.statement-paper td{padding:12px 8px;color:#596d79}.amount{text-align:right!important;font-variant-numeric:tabular-nums}.site-footer{display:flex;max-width:1420px;margin:0 auto;padding:19px 4.2% 27px;justify-content:space-between;border-top:1px solid #dfe5e9;color:#8a969e;font-size:12px;gap:15px}.site-footer>span:first-child{letter-spacing:1.2px;font-size:10px;font-weight:700}@media(min-width:1450px){.workspace{grid-template-columns:370px minmax(0,1fr)}.paper-stage{padding:35px 50px}.statement-paper{padding:38px}.statement-paper table{font-size:13px}.statement-paper th{font-size:12px}.balance-grid span{font-size:12px}.balance-grid strong{font-size:18px}}@media(max-width:1100px){.workspace{grid-template-columns:305px minmax(0,1fr);gap:18px}.paper-stage{padding:17px}.statement-paper{padding:23px 18px}.pack-stats{gap:12px;flex-wrap:wrap}.pack-stats .example-badge{display:none}.balance-grid{grid-template-columns:repeat(2,1fr)}.preview-tabs{gap:12px}.preview-tabs button{font-size:12px!important}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.builder-body{padding:20px}.topbar{height:70px}.topright .version{display:none}.heading h1{font-size:29px}.heading p{line-height:1.6}.mobile-break{display:block}main{padding-top:28px}.paper-stage{padding:16px}.preview-tabs{width:100%;justify-content:space-between;gap:8px}.preview-tabs button{white-space:normal;font-size:12px!important}.statement-paper{padding:20px 14px}.paper-info{font-size:11px}.paper-heading h2{font-size:19px}.bank-brand{font-size:12px}.bank-brand svg{width:24px}.paper-heading>span{font-size:12px}.site-footer>span:nth-child(2){display:none}.brand{font-size:20px}.brandmark{width:32px;height:34px}.pack-stats{gap:15px}.preview-toolbar h2{font-size:15px}.preview-toolbar .secondary{font-size:12px;padding:9px}.balance-grid span{font-size:12px}} .account-card{padding:0 7px 0 0}.account-select{display:flex;align-items:center;text-align:left;gap:10px;flex:1;padding:11px 0 11px 10px;background:none;border:0;min-width:0}.account-select>span:last-child{min-width:0}.account-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:205px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#678078;padding:7px;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#e7f0eb}.icon-button:disabled{cursor:default;opacity:.35}.add-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-buttons .add-account{font-size:12px;padding:9px 4px}.helper{font-size:12px;line-height:1.5;color:#78858d;margin:8px 0}.period-tabs{width:100%;margin-bottom:12px;height:34px!important}.period-tabs button{font-size:13px}.period-help{margin-bottom:0}.type-options{margin:18px 0;display:grid;gap:15px}.check-option{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check-option button{margin-top:2px}.check-option strong{display:block;font-size:14px;font-weight:500}.check-option small{display:block;font-size:12px;line-height:1.5;color:#7e8a91;margin-top:3px}.toggle-row{margin-bottom:12px}.toggle-row>div{flex:1}.toggle-row small{line-height:1.5}.connection-help{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#4f7e70;line-height:1.5;background:#f0f6f2;border:1px solid #e3ece6;border-radius:5px;padding:10px;margin:0 0 16px}.connection-help svg{flex-shrink:0;margin-top:1px}.reset-link{display:flex;align-items:center;justify-content:center;gap:6px;color:#829089;font-size:12px;background:none;border:0;margin:16px auto 0}.button-suffix{font-size:10px;letter-spacing:.7px;background:#ffffff18;padding:3px 4px;border-radius:3px}.preview-filters{display:flex;gap:10px;background:#e8edf0;border:1px solid #dce3e7;border-bottom:0;padding:14px 18px;align-items:center;border-radius:8px 8px 0 0}.picker{background:#fff;min-width:130px;flex:1;max-width:260px;font-size:13px!important;min-height:36px;box-shadow:none}.preview-filters>.icon-button{margin-left:auto}.paper-stage{padding-top:14px}.statement-paper h3{display:flex;justify-content:space-between}.statement-paper h3 span{font-size:11px;font-weight:400;color:#81919a}.statement-paper table{white-space:normal}.statement-paper td:nth-child(1){white-space:nowrap}.statement-paper th.amount,.statement-paper td.amount{white-space:nowrap}.tx-description{display:flex;align-items:center;gap:6px}.tx-description svg{flex-shrink:0;color:#448a75}.positive{color:#21745c!important}.paper-total{display:flex;justify-content:space-between;border-top:1px solid #ccd9d4;margin-top:10px;padding:18px 8px 0;font-size:13px}.card-explanation{font-size:12px;line-height:1.6;color:#71848d;margin:18px 0}.pending-notice{margin:-6px 0 15px;border:1px solid #e6d9b5;background:#fffaf0;color:#846629;padding:10px 13px;border-radius:6px;font-size:13px;line-height:1.5}.error-message{background:#fff2f1;border:1px solid #edcfca;color:#ad443a;padding:11px;border-radius:6px;font-size:14px;line-height:1.5}.export-progress{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #c6ded3;background:#eaf5ee;color:#287655;border-radius:7px;margin:0 0 15px;font-size:14px}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.export-includes{display:flex;align-items:center;gap:15px;background:#edf2f2;border:1px solid #dde6e3;border-radius:8px;padding:19px 21px;margin-top:24px}.export-icon{display:grid;place-items:center;width:43px;height:48px;flex-shrink:0;background:#fff;border:1px solid #dce4df;border-radius:7px;color:#507764}.export-includes h3{font-size:14px;font-weight:600;margin-bottom:5px}.export-includes p{font-size:12px;line-height:1.6;color:#657b79;margin:0 0 6px}.export-includes span{font-size:12px;color:#83928e}.account-sheet{background:#fff!important;width:min(440px,100%)!important;max-width:440px!important;overflow-y:auto;padding:24px 18px}.account-sheet [data-slot=sheet-header]{padding:10px 12px}.account-sheet [data-slot=sheet-title]{font-size:23px;letter-spacing:-.5px}.account-sheet [data-slot=sheet-description]{font-size:14px;line-height:1.6;margin-top:7px}.account-form{padding:0 12px;display:grid;gap:20px}.account-form .helper{font-size:14px;margin:0}.account-form input{height:42px!important}.account-form label{font-size:14px}.balance-help{padding:17px;background:#f1f6f3;border:1px solid #dde8e1;border-radius:8px}.balance-help h3{font-size:15px;font-weight:600;margin:0 0 8px}.balance-help p{font-size:14px;line-height:1.7;color:#6c7f73;margin:0}.remove-account{display:flex;gap:8px;align-items:center;justify-content:center;color:#a8453d;font-size:14px;background:none;border:0;padding:10px}.field-error{display:block;color:#ae453b;font-size:12px;margin-top:8px}.ledger-panel{border:1px solid #dce3e7;background:#fff;border-radius:8px;overflow:hidden}.ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px}.ledger-heading h3{font-size:16px;font-weight:600}.ledger-heading p{font-size:12px;color:#78858d;margin:7px 0 0}.ledger-panel table{font-size:13px;white-space:nowrap}.ledger-panel th{background:#f0f4f6;font-size:12px}.ledger-panel td{padding:12px 9px}.match-id{font-family:monospace;font-size:11px;color:#588779}.pagination-row{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;font-size:13px;color:#71838d;border-top:1px solid var(--border)}.pagination-row nav{width:auto;margin:0}.pagination-row ul{gap:12px}.ledger-help{background:#f5f8f6;border-top:1px solid var(--border);padding:16px 19px;color:#71857d;font-size:12px;line-height:1.6}.text-button{background:transparent;border:0;color:#317960;display:inline-flex;gap:7px;align-items:center;font-size:13px;margin-top:10px;padding:0}.evidence-list{background:#e8edf0;padding:22px;border:1px solid var(--border);border-radius:0 0 8px 8px}.evidence-intro h3{font-size:17px;font-weight:600}.evidence-intro p{font-size:13px;color:#6d7d88;margin:7px 0 20px}.evidence-group{margin-bottom:22px;padding:17px;background:white;border:1px solid #dbe3e7;border-radius:7px}.evidence-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:13px;line-height:1.5}.evidence-label span{color:#73858e;white-space:nowrap}.check-image{width:100%;height:auto;border-radius:3px}.customer-check{margin-top:17px;border-top:1px solid #e1e6e3;padding-top:13px}.customer-check p{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:10px;color:#7c8b85}.customer-check strong{font-weight:500;color:#4a6657}.customer-check p>span:last-child{margin-left:auto}.empty-state{background:#fff;min-height:280px;border:1px solid var(--border);border-radius:0 0 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#6f8479}.empty-state h3{font-size:17px;font-weight:600;margin:18px 0 10px;color:#3d5a4b}.empty-state p{font-size:14px;line-height:1.7;max-width:380px}.results>[data-slot=tabs]{gap:0}.results>[data-slot=tabs]>[data-slot=tabs-content]{margin-top:0}@media(min-width:1450px){.account-card strong{max-width:230px}}@media(max-width:1100px){.account-card strong{max-width:165px}.add-buttons .add-account{font-size:11px}.preview-filters{padding:12px}.picker{min-width:100px}.statement-paper th{font-size:11px}.statement-paper td{font-size:12px}.bank-brand{max-width:210px;font-size:12px}.bank-brand small{font-size:9px;letter-spacing:1px}.evidence-label{flex-direction:column;gap:3px}}@media(max-width:800px){.account-card strong{max-width:none}.builder .account-list{max-height:300px;overflow-y:auto}.preview-toolbar{padding-top:13px}.preview-toolbar .primary{font-size:12px;padding:10px}.preview-toolbar .button-suffix{display:none}.pack-stats span{font-size:12px}.pack-stats strong{font-size:17px}.picker{font-size:12px!important;max-width:50%;padding:8px!important}.preview-filters{gap:7px}.preview-filters>.icon-button{padding:4px}.paper-heading{flex-wrap:wrap;gap:7px}.paper-info{flex-direction:column;gap:9px}.paper-info>div:last-child{text-align:left}.statement-paper table{min-width:500px}.bank-brand{max-width:210px}.paper-stage{padding:12px 8px}.statement-paper{padding:19px 13px}.statement-paper .balance-grid{margin-bottom:22px}.ledger-heading{padding:18px 14px}.ledger-heading h3{font-size:15px}.ledger-heading p{line-height:1.5}.evidence-list{padding:14px 10px}.evidence-group{padding:10px}.export-includes{padding:16px;align-items:flex-start}.export-icon{width:35px;height:39px}.heading h1{font-size:30px;line-height:1.25}.topbar{padding:0 5%}.topright{gap:0}.brand{font-size:19px}.brandmark{margin-right:7px}.type-options{grid-template-columns:1fr}.add-buttons .add-account{font-size:13px}.balance-grid strong{font-size:17px}.small-note{font-size:12px}.section-label{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .quick-generate{margin-left:auto;padding:7px 9px;font-size:12px;gap:5px}.panel-title{gap:8px;padding:16px 15px}.panel-title h2{font-size:15px}.panel-title .number{flex-shrink:0}.panel-title .quick-generate{flex-shrink:0}.panel-title>svg{display:none}@media(min-width:801px) and (max-width:1100px){.quick-generate svg{display:none}.panel-title{padding:16px 12px;gap:6px}.panel-title h2{font-size:14px}} .add-loan{grid-column:1/-1}.loan-terms{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 24px;padding:16px;background:#f4f7f9;border:1px solid #dce5e8;border-radius:5px}.loan-terms span{display:block;font-size:12px;color:#778993;margin-bottom:5px}.loan-terms strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.loan-reconciliation{display:flex;gap:7px;align-items:flex-start;background:#eef7f1;border:1px solid #d5e8db;border-radius:5px;color:#2e7258;padding:12px;margin-top:17px;font-size:12px;line-height:1.6}.loan-reconciliation svg{flex-shrink:0;margin-top:3px}.loan-match{display:block;font-size:10px;color:#6c887c;margin-top:4px}.loan-totals{background:#f3f7f5;font-weight:600}.tx-loan-split{font-size:11px;line-height:1.6;color:#70877e;margin-top:4px;white-space:normal;min-width:180px}.account-form .picker{width:100%;max-width:none;min-height:41px}.field-label{margin-bottom:8px}@media(max-width:800px){.loan-terms{gap:15px 12px;padding:12px}.loan-reconciliation{font-size:12px}.loan-table{min-width:520px!important}} .pdf-image-option{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:15px 18px;margin:0 0 20px}.pdf-image-option label{color:#365b4e;font-size:14px;font-weight:600;cursor:pointer}.pdf-image-option p{font-size:12px;color:#75867e;line-height:1.6;margin:5px 0 0}.pdf-image-option>div{min-width:0}.pdf-image-option [data-slot=switch]{flex-shrink:0}@media(max-width:800px){.pdf-image-option{padding:14px;gap:12px}} /* Statement families share data, while changing document composition and typography. */ .statement-paper .bank-brand,.statement-paper .paper-heading,.statement-paper .balance-grid strong,.statement-paper .statement-notices h4{color:var(--statement-color)} .statement-paper .paper-heading{border-color:var(--statement-color)} .statement-paper .balance-grid,.statement-paper .balance-grid>div:last-child,.statement-message{background:var(--statement-tint)} .statement-paper th{background:var(--statement-color);color:#fff} .statement-paper .bank-brand{font-size:17px;letter-spacing:0}.statement-paper .bank-brand small{font-size:10px} .statement-paper.reverse-info .paper-info{flex-direction:row-reverse}.statement-paper.reverse-info .paper-info>div:first-child{text-align:right}.statement-paper.reverse-info .paper-info>div:last-child{text-align:left} .statement-paper.summary-rows .balance-grid{display:block}.statement-paper.summary-rows .balance-grid>div{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border:0;border-bottom:1px solid #dce3e7}.statement-paper.summary-rows .balance-grid span{margin:0} .statement-paper.layout-banner .paper-top{background:var(--statement-color);margin:-32px -30px 0;padding:26px 30px}.statement-paper.layout-banner .bank-brand{color:white} .statement-paper.layout-centered .paper-top{flex-direction:column;text-align:center}.statement-paper.layout-centered .bank-brand{flex-direction:column}.statement-paper.layout-centered .paper-heading{justify-content:center;flex-direction:column;gap:8px} .statement-paper.layout-rail{border-left:12px solid var(--statement-color)}.statement-paper.layout-rail .paper-heading{border-top:0;border-bottom:2px solid var(--statement-color);padding-bottom:15px} .statement-paper.layout-split .paper-top{background:var(--statement-tint);padding:18px}.statement-paper.layout-split .paper-heading{justify-content:flex-end;border-top:0;gap:20px}.statement-paper.layout-split .paper-info{padding:15px;border:1px solid #dae2e8} .statement-message{padding:14px;font-size:13px;line-height:1.7;border-left:3px solid var(--statement-color);margin:0 0 24px}.statement-notices{margin-top:28px;border-top:2px solid var(--statement-color);padding-top:20px}.statement-notices h3{font-size:16px!important;margin-bottom:20px}.statement-notices h4{font-size:13px;font-weight:700;margin:16px 0 6px}.statement-notices p{font-size:12px;line-height:1.75;color:#5c6c77;margin:0} .template-picker .picker{max-width:100%;width:100%}.template-sample{padding:20px;margin-top:14px;color:var(--statement-color);background:var(--statement-tint);border:1px solid var(--statement-color);border-radius:5px}.template-sample strong{display:block;font-size:20px}.template-sample span{display:block;margin-top:8px;font-size:13px}.template-sample.layout-banner{background:var(--statement-color);color:white}.template-sample.layout-centered{text-align:center}.template-sample.layout-rail{border-left:10px solid var(--statement-color)}.template-sample.layout-split strong{text-align:right}.sample-lines{display:grid;gap:7px;margin-top:20px}.sample-lines i{height:3px;background:currentColor;opacity:.17}.sample-lines i:last-child{width:65%} .library-link{display:block;text-align:left;border:1px solid #d3e3da;background:#f0f7f2;color:#22644f;padding:12px;border-radius:7px;width:100%;font-size:14px;font-weight:600;margin-bottom:18px}.library-link span{display:block;font-size:12px;font-weight:400;margin-top:6px}.library-sheet{width:min(680px,100%)!important;max-width:680px!important;overflow-y:auto;background:#fff!important;padding:18px}.library-browser{padding:0 16px 24px}.library-browser>p,.library-browser details p{font-size:14px;line-height:1.75;color:#667a70}.library-browser .picker{max-width:100%;width:100%;margin:12px 0}.library-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.library-counts span{background:#edf5f0;border:1px solid #dce7df;border-radius:6px;padding:11px;font-size:13px}.library-counts b{color:#216650}.library-results{max-height:380px;overflow:auto;border:1px solid #dce4df;border-radius:7px;margin-bottom:24px}.library-results>div{padding:12px;border-bottom:1px solid #e2e9e5;display:grid;gap:5px}.library-results strong{font-size:14px}.library-results span,.library-results small{font-size:12px;color:#6d7e76}.library-sources{font-size:12px;line-height:1.8;margin-top:24px;color:#7a8980}.library-sources a{display:block;text-decoration:underline}.noncash-note{padding:18px;background:#f2f6f3;font-size:14px;line-height:1.7}.library-browser details{font-size:14px;line-height:1.7} @media(min-width:1450px){.statement-paper.layout-banner .paper-top{margin:-38px -38px 0;padding:28px 38px}}@media(max-width:1100px){.statement-paper.layout-banner .paper-top{margin:-23px -18px 0;padding:23px 18px}.statement-paper .bank-brand{font-size:14px}}@media(max-width:800px){.statement-paper.layout-banner .paper-top{margin:-19px -13px 0;padding:18px 13px}.statement-paper.reverse-info .paper-info{flex-direction:column}.statement-paper.reverse-info .paper-info>div:first-child{text-align:left}.statement-paper.layout-split .paper-heading{flex-direction:column;align-items:flex-start;gap:8px}} @font-face{font-family:lato;src:url(/fonts/lato.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:merriweather;src:url(/fonts/merriweather.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:robotoslab;src:url(/fonts/robotoslab.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:nunitosans;src:url(/fonts/nunitosans.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:librebaskerville;src:url(/fonts/librebaskerville.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:barlow;src:url(/fonts/barlow.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:ptserif;src:url(/fonts/ptserif.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:bitter;src:url(/fonts/bitter.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:worksans;src:url(/fonts/worksans.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:ibmplexsans;src:url(/fonts/ibmplexsans.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:montserrat;src:url(/fonts/montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:sourceserif4;src:url(/fonts/sourceserif4.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:oswald;src:url(/fonts/oswald.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:raleway;src:url(/fonts/raleway.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:quicksand;src:url(/fonts/quicksand.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:rubik;src:url(/fonts/rubik.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:firasans;src:url(/fonts/firasans.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:karla;src:url(/fonts/karla.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:lora;src:url(/fonts/lora.ttf) format("truetype");font-weight:100 900;font-display:swap;} @font-face{font-family:cabin;src:url(/fonts/cabin.ttf) format("truetype");font-weight:100 900;font-display:swap;}.statement-bank-logo{display:block;width:38px;height:40px;flex-shrink:0;object-fit:contain}.account-bank-logo{display:block;width:24px;height:26px;object-fit:contain}.template-brand-lockup{display:flex;align-items:center;gap:14px}.template-bank-logo{width:43px;height:46px;flex-shrink:0;object-fit:contain}.template-sample.layout-centered .template-brand-lockup{flex-direction:column;gap:10px}.template-sample.layout-split .template-brand-lockup{justify-content:flex-end}.statement-paper.layout-centered .statement-bank-logo{width:46px;height:49px}.bank-brand>span{min-width:0}@media(max-width:800px){.statement-bank-logo{width:31px;height:33px}.template-brand-lockup strong{font-size:18px}} .check-payee-option{margin-top:1px;margin-left:12px;padding:13px 12px;border-left:2px solid #cbded3;background:#f6f9f7;border-radius:0 6px 6px 0}.check-payee-option small{line-height:1.65} /* Branded training-document lockup */ .topbar{height:auto;min-height:82px;padding-top:10px;padding-bottom:10px;gap:20px}.brand{min-width:0}.brandmark{flex-shrink:0;margin-right:12px}.brandcopy{display:flex;flex-direction:column;min-width:0}.brandname{display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:1}.brandname strong{font-family:oswald,Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:1.15px}.brandname>span{font-family:librebaskerville,Georgia,serif;font-size:13px;font-weight:600;letter-spacing:-.15px}.brandcopy em{font-family:librebaskerville,Georgia,serif;font-size:11px;line-height:1.25;color:#77847e;margin-top:6px}.brand>span:last-child{font-weight:inherit} @media(max-width:980px){.brandname{display:block}.brandname>span{display:block;margin-top:4px}.brandcopy em{margin-top:4px}.version{display:none}} @media(max-width:690px){.topbar{gap:10px}.brandmark{margin-right:8px}.brandname strong{font-size:17px;letter-spacing:.8px}.brandname>span{font-size:11px}.brandcopy em{font-size:10px}} @media(max-width:480px){.brandmark{width:31px;height:34px;border-radius:8px}.brandmark svg{width:19px}.brandname strong{font-size:14px;letter-spacing:.55px}.brandname>span{font-size:9px}.brandcopy em{font-size:9px}.source-download{padding:7px}.source-download svg{width:14px}.topright{gap:5px}} .csv-export-dialog{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;padding:28px;gap:22px;border-color:#d8e2df}.csv-export-dialog [data-slot=dialog-header]{text-align:left;padding-right:18px}.csv-export-dialog [data-slot=dialog-title]{font-size:22px;line-height:1.25}.csv-export-dialog [data-slot=dialog-description]{font-size:14px;line-height:1.5;color:#687c78}.csv-export-options{display:grid;gap:12px}.csv-export-choice{display:flex;align-items:flex-start;gap:13px;width:100%;padding:18px;text-align:left;background:#fff;border:1px solid #cfded8;border-radius:8px;color:#244c41}.csv-export-choice:hover{background:#f1f7f4;border-color:#377b64}.csv-export-choice>span:last-child{min-width:0}.csv-export-choice strong{display:block;font-size:16px;font-weight:650;line-height:1.4}.csv-export-choice small{display:block;font-size:14px;color:#667c73;line-height:1.5;margin-top:7px}.csv-choice-number{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:6px;background:#eaf2ed;color:#28684f;font-size:14px;font-weight:600}.csv-choice-columns{display:block;font-size:14px;line-height:1.5;color:#315f50;margin-top:6px}.csv-import-note{font-size:14px;color:#697c75;line-height:1.6;margin:0}.csv-import-note a{color:#276b53;text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.csv-export-dialog{padding:22px 18px}.csv-export-choice{padding:14px 12px;gap:10px}} .expense-pdf-option{align-items:flex-start}.expense-pdf-option [data-slot=switch]{margin-top:2px}.expense-document-count{display:block;margin-top:9px;font-size:12px;font-weight:600;color:#365b4e} .developer-downloads{display:flex;align-items:center;gap:8px}.source-download{display:inline-flex;align-items:center;gap:7px;border:1px solid #cad9d3;background:#fff;color:#245f51;border-radius:7px;padding:9px 12px;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.source-download:hover{background:#eff6f3;border-color:#a9c8bc}.topright{gap:18px}.standalone-mode .developer-downloads,.standalone-mode .version{display:none}@media(max-width:690px){.source-download{padding:9px}.source-download span{display:none}.developer-downloads{gap:5px}}@media(max-width:420px){.topbar{padding-left:3%;padding-right:3%}} /* Source downloads and footer identity */ .open-source-label{font-size:12px;letter-spacing:1.5px;color:#75828c;white-space:nowrap;margin-right:4px} .site-footer{flex-wrap:wrap;align-items:center;line-height:1.6} .site-footer>.footer-brand{font-size:12px;letter-spacing:.6px;color:#62766c} .footer-contact{font-size:14px;color:#687985} .footer-contact a{color:#245f51;text-decoration:underline;text-underline-offset:3px;white-space:nowrap} .footer-contact a:hover{color:#16483c} @media(max-width:690px){.topbar{flex-wrap:wrap}.topright{margin-left:auto}.open-source-label{margin-right:2px}.site-footer{gap:10px 20px}} ```` --- ## File: `app/layout.tsx` - Encoding: UTF-8 text - SHA-256: `db80cb05ad18d9eef7e8ae31208a8c0d87acd5fd38ec9de9ae5cc874b31f8ba9` ````tsx import type { Metadata } from "next"; import "./globals.css"; const siteUrl = "https://statement-studio-training.hectorgarciacpa.chatgpt.site/"; const title = "PRACTICE DOCUMENTS by Hector Garcia, CPA"; const description = "Create fictional bank, credit card, and loan statements for bookkeeping training, with connected transactions, check images, and PDF and CSV exports."; const previewImage = new URL("og.png", siteUrl).href; export const metadata: Metadata = { metadataBase: new URL(siteUrl), title, description, alternates: { canonical: siteUrl }, openGraph: { type: "website", locale: "en_US", url: siteUrl, siteName: "PRACTICE DOCUMENTS by Hector Garcia, CPA", title, description, images: [{ url: previewImage, secureUrl: previewImage, type: "image/png", width: 1734, height: 907, alt: "Statement Studio — Realistic statements. Better bookkeeping training. Bank, credit card, and loan training samples.", }], }, twitter: { card: "summary_large_image", title, description, images: [{ url: previewImage, alt: "Statement Studio — Realistic statements. Better bookkeeping training." }], }, icons: { icon: "/favicon.svg", shortcut: "/favicon.svg", }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( {children} ); } ```` --- ## File: `app/page.tsx` - Encoding: UTF-8 text - SHA-256: `91e58a3f1563d223f61392b5179513ea34b958b0b2f91ca6112582624c7f15fa` ````tsx "use client"; import { CSSProperties, useEffect, useMemo, useRef, useState } from "react"; import { flushSync } from "react-dom"; import { Layers3, Landmark, CreditCard, HandCoins, Plus, ArrowDownToLine, WandSparkles, ArrowLeftRight, FileText, SlidersHorizontal, ChevronRight, Trash2, LoaderCircle, Check, Image as ImageIcon, ChevronLeft, RefreshCw, Code2, MonitorDown } from "lucide-react"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Switch } from "@/components/ui/switch"; import { Checkbox } from "@/components/ui/checkbox"; import { Input } from "@/components/ui/input"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog"; import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "@/components/ui/sheet"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"; import { Pagination, PaginationContent, PaginationItem } from "@/components/ui/pagination"; import { Toaster } from "@/components/ui/sonner"; import { toast } from "sonner"; import { z } from "zod"; import { useForm } from "react-hook-form"; import { zodResolver } from "@hookform/resolvers/zod"; import { Account, AccountInput, Config, Pack, Statement, Transaction, defaultConfig, accountAddress, generatePack, validatePack, withCheckPayeeNames, money, fullDate, shortDate, loanTotals, statementMetrics, loanConvention, checkSvg, depositSvg, svgDataUrl } from "@/lib/statements"; import { expenseDocuments } from '@/lib/expense-documents'; import { bankLogoUrl } from '@/lib/bank-logos'; import { getTemplate, templatesFor, statementNotices } from '@/lib/templates'; import { merchants, personalNames, categories, categoryName, libraryGroups, libraryNote, librarySources, noncashExamples } from '@/lib/transaction-library'; const initialPack=generatePack(defaultConfig,912026); const amountField=z.string().refine(v=>v===''||/^-?\d+(\.\d{1,2})?$/.test(v),'Use dollars and cents, without commas.'); const accountSchema=z.object({label:z.string().trim().min(1,'Enter an account name.').max(60,'Use 60 characters or fewer.'),beginning:amountField,ending:amountField,annualRate:z.string().refine(v=>v===''||(/^\d+(\.\d{1,4})?$/.test(v)&&Number(v)<=50),'Enter a rate from 0% to 50%.'),monthlyPayment:amountField,paymentDay:z.string().refine(v=>v===''||(Number.isInteger(Number(v))&&Number(v)>=1&&Number(v)<=28),'Choose a day from 1 to 28.'),paymentBankId:z.string(),templateId:z.string()}); function AccountEditor({account,accounts,linked,onSave,onRemove}:{account:AccountInput;accounts:AccountInput[];linked:boolean;onSave:(value:Partial)=>void;onRemove:()=>void}){ const {register,handleSubmit,setValue,watch,formState:{errors}}=useForm>({resolver:zodResolver(accountSchema),defaultValues:{templateId:'',annualRate:'',monthlyPayment:'',paymentDay:'',paymentBankId:'',...account}}); const isLoan=account.type==='loan';const banks=accounts.filter(a=>a.type==='bank');const selectedBank=watch('paymentBankId');const template=getTemplate(watch('templateId'),account.type); return

The institution, account number, and business name are generated automatically.

{!isLoan&&
setValue('templateId',v==='random'?'':v)} items={[{value:'random',label:'Random template'},...templatesFor(account.type).map(t=>({value:t.id,label:t.institution+' · '+t.name}))]}/>
{account.type==='bank'&&}{template.institution}
{watch('templateId')?template.fontLabel+' · '+template.name:'A template will be chosen when you generate.'}

10 distinct designs, each with its own font, layout, colors, and statement notices. {linked&&account.type==='bank'?'Changing this template updates all connected bank accounts. Cards keep separate issuers.':'Your choice stays consistent across monthly statements.'}

}

{isLoan?'A payment that reconciles.':'Set the balances. Or leave it to chance.'}

{isLoan?'Each monthly bank payment is split into principal and interest. Only principal reduces the loan balance. The ending balance is calculated from your loan terms.':'These apply to the first opening and the final closing balance across the whole pack. Intermediate monthly balances carry forward automatically.'}

{isLoan?<>
setValue('paymentBankId',v==='random'?'':v)} items={[{value:'random',label:'Choose a bank randomly'},...banks.map(a=>({value:a.id,label:a.label}))]}/>{!banks.length&&

Add a bank account before generating loan payments.

}{selectedBank&&!banks.some(a=>a.id===selectedBank)&&

The funding bank was removed. Choose another bank account.

}

Loan payments always match their funding bank, even with other account connections off. The payment stays fixed until a smaller final payoff. Blank loan terms are filled in automatically.

:} {account.type==='credit'&&

A positive card balance means an amount owed. Payments reduce it.

} {!isLoan&&

When both balances are set, transaction amounts are adjusted to reach the target. Low opening balances may create an overdraft exercise.

} ; } function Picker({value,onChange,label,items}:{value:string;onChange:(v:string)=>void;label:string;items:{value:string;label:string}[]}){return ;} function TxTable({transactions,bank=true,pack}:{transactions:Transaction[];bank?:boolean;pack?:Pack}){return Date{pack&&Account}DescriptionAmountBalance{pack&&Match ID}{transactions.map(t=>{shortDate(t.date)}{pack&&{pack.accounts.find(a=>a.id===t.accountId)?.label}}
{t.description}{t.linkId&&}
{t.kind==='loan_payment'&&
Payment {money(t.paymentAmount!)} · Principal {money(t.principalAmount!)} · Interest {money(t.interestAmount!)}
}0?'positive':'')}>{t.amount<0?'−':'+'}{money(Math.abs(t.amount))}{money(t.balance)}{pack&&{t.linkId||'—'}})}{!transactions.length&&No activity in this period.}
;} function LoanTable({s}:{s:Statement}){const totals=loanTotals(s);return DateBank paymentPrincipalInterestPrincipal left{s.transactions.map(t=>{shortDate(t.date)}{t.linkId}{money(t.paymentAmount!)}{money(t.principalAmount!)}{money(t.interestAmount!)}{money(t.balance)})}{!s.transactions.length&&{s.opening===0?'Loan paid off. No further payments.':'No scheduled payment falls in this statement period.'}}Period total{money(totals.payments)}{money(totals.principal)}{money(totals.interest)}{money(s.closing)}
;} function StatementPaper({account:a,statement:s}:{account:Account;statement:Statement}){const theme=getTemplate(a.templateId,a.type);return
{a.type==='loan'?:a.type==='credit'?:}{a.institution.toUpperCase()}

{a.type==='loan'?'Business loan statement':a.type==='credit'?'Business credit card':'Business bank statement'}

{s.period.label}
{a.holder}{accountAddress.line1}{accountAddress.line2}
{a.label}{a.number}{fullDate(s.period.start)} – {fullDate(s.period.end)}
{statementMetrics(a,s).map(([label,v])=>
{label}{money(v)}
)}
{theme.noticePosition==='before'&&
{theme.message}
} {a.loan&&
Annual interest rate{a.loan.annualRate}%
Fixed monthly payment{money(a.loan.monthlyPayment)}
Scheduled payment dayDay {a.loan.paymentDay} of each month
Payments from{a.loan.paymentBankLabel} · {a.loan.paymentBankNumber.slice(-4)}
}

{a.type==='loan'?'Payment breakdown':'Account activity'} {s.transactions.length} {a.type==='loan'?(s.transactions.length===1?'payment':'payments'):(s.transactions.length===1?'transaction':'transactions')}

{a.type==='loan'?:} {a.type==='credit'&&

Positive balance = amount owed. Payments and credits reduce the balance.

} {a.type==='loan'&&<>
Bank payments {money(loanTotals(s).payments)} = principal {money(loanTotals(s).principal)} + interest {money(loanTotals(s).interest)}

{loanConvention}

}
{a.type==='loan'?'Remaining loan principal':'Ending balance'}{money(s.closing)}

Account notices & helpful information

{statementNotices(a.type,{...theme,institution:a.institution}).map(n=>

{n.title}

{n.body}

)}
;} function EvidenceGallery({a,s}:{a:Account;s:Statement}){const items=s.transactions.filter(t=>t.kind==='check'||t.customerChecks);const [limit,setLimit]=useState(8);useEffect(()=>setLimit(8),[s.id]);if(!items.length)return

No check images in this statement

Enable checks or customer deposits in your scenario, then generate a new pack.

;return

Supporting documents

{items.length} transactions with images · {a.label} · {s.period.label}

{items.slice(0,limit).map(t=>
{t.kind==='check'?`Issued ${t.description.replace(/^Check/,'check')}`:t.description}{shortDate(t.date)} · {money(Math.abs(t.amount))}
{t.kind==='check'?`Issued{t.customerChecks?.map((c,i)=>

Deposited customer check {i+1}{c.customer}{money(c.amount)}

{`Deposited
)}
)}{limitsetLimit(n=>n+8)}>Show more documents}
;} function LibraryBrowser(){const [query,setQuery]=useState(''),[category,setCategory]=useState('all');const visible=merchants.filter(m=>(category==='all'||String(m.categoryId)===category)&&m.name.toLowerCase().includes(query.toLowerCase()));return

{libraryNote}

{libraryGroups.slice(0,6).map(g=>{g.count} {g.name})}{personalNames.length} Personal names
setQuery(e.target.value)}/>({value:String(c.id),label:c.name}))]}/>{category==='30'?
Noncash journal entries

These examples belong in the books and are not generated as bank withdrawals or card charges.

{noncashExamples.map(n=>

{n}

)}
:<>

{visible.length} matching entries. The full library is included in your ZIP.

{visible.map(m=>
{m.name}{categoryName(m.categoryId)}{money(m.min)}–{money(m.max)}{m.recurring?' · recurring':''}
)}
}
100 personal names for VENMO and checks

{personalNames.join(' · ')}

Merchant reference lists: {librarySources.map(r=>{r.title})}
;} export default function Home(){ const [config,setConfig]=useState(()=>structuredClone(initialPack.config));const [pack,setPack]=useState(initialPack);const [selected,setSelected]=useState('operating');const [period,setPeriod]=useState('2026-01-01');const [tab,setTab]=useState('statement');const [editing,setEditing]=useState(null);const [error,setError]=useState('');const [busy,setBusy]=useState('');const [exportStatus,setExportStatus]=useState('');const [includeImagesInPdf,setIncludeImagesInPdf]=useState(true);const [includeExpenseReceipts,setIncludeExpenseReceipts]=useState(false);const expenseDocs=useMemo(()=>expenseDocuments(pack),[pack]);const receiptCount=expenseDocs.filter(d=>d.kind==='receipt').length;const invoiceCount=expenseDocs.length-receiptCount;const [example,setExample]=useState(true);const [page,setPage]=useState(0);const [libraryOpen,setLibraryOpen]=useState(false);const [csvExportOpen,setCsvExportOpen]=useState(false); useEffect(()=>{const p=generatePack(defaultConfig);setConfig(p.config);setPack(p);},[]); const configRef=useRef(config);configRef.current=config;const packRef=useRef(pack);packRef.current=pack; const dirty=JSON.stringify(config)!==JSON.stringify(pack.config);const a=pack.accounts.find(a=>a.id===selected)||pack.accounts[0];const s=pack.statements.find(s=>s.accountId===a.id&&s.period.start===period)||pack.statements.find(s=>s.accountId===a.id)!;const editingAccount=config.accounts.find(a=>a.id===editing); function update(key:K,value:Config[K]){setConfig(c=>({...c,[key]:value,...(key==='linked'&&value?{accounts:c.accounts.map(a=>a.type==='bank'?{...a,templateId:c.accounts.find(b=>b.type==='bank')?.templateId}:a)}:{})}));if(key==='includeCheckPayee')setPack(p=>withCheckPayeeNames(p,value===true));setError('');} function generate(next=configRef.current,seed?:number){const result=generatePack(next,seed);const issues=validatePack(result);if(issues.length)throw new Error('The scenario did not balance. Try generating it again.');setConfig(result.config);setPack(result);setSelected(result.accounts[0].id);setPeriod(result.periods[0].start);setExample(false);setPage(0);setError('');return result;} function handleGenerate(){try{generate();toast.success('Your statement pack is ready.');}catch(e){setError(e instanceof Error?e.message:'Could not generate this scenario.');}} function addAccount(type:'bank'|'credit'|'loan'){if(config.accounts.length>=8){toast.error('A pack supports up to 8 accounts.');return;}const id=`${type}-${Date.now()}`;setConfig(c=>({...c,accounts:[...c.accounts,{id,type,label:type==='loan'?`Loan account ${c.accounts.filter(a=>a.type==='loan').length+1}`:type==='credit'?`Credit card ${c.accounts.filter(a=>a.type==='credit').length+1}`:`Bank account ${c.accounts.filter(a=>a.type==='bank').length+1}`,beginning:'',ending:'',templateId:type==='loan'?undefined:type==='bank'&&c.linked?c.accounts.find(a=>a.type==='bank')?.templateId:templatesFor(type)[Math.floor(Math.random()*10)].id,...(type==='loan'?{annualRate:'',monthlyPayment:'',paymentDay:'',paymentBankId:c.accounts.find(a=>a.type==='bank')?.id||''}:{})}]}));setEditing(id);} async function download(kind:'pack'|'pdf'|'csv'|'account-csv'|'key'){if(busy)return;setExportStatus('');setBusy(kind==='pack'?'Preparing your pack…':'Preparing download…');try{const ex=await import('@/lib/exports');if(kind==='pack')await ex.exportPack(pack,setBusy,includeImagesInPdf,includeExpenseReceipts);else if(kind==='pdf'){const pdf=await ex.statementPdf(a,s,includeImagesInPdf);ex.downloadBlob(pdf.output('blob'),`${ex.safeName(a.label)}-${s.period.start}.pdf`);}else if(kind==='account-csv')ex.downloadBlob(await ex.ledgerAccountCsvZip(pack),`QuickBooks-Account-CSVs-${pack.periods[0].start}.zip`);else if(kind==='csv')ex.downloadBlob(new Blob([ex.transactionCsv(pack)],{type:'text/csv;charset=utf-8'}),'transactions.csv');else ex.downloadBlob(new Blob([ex.answerKeyCsv(pack)],{type:'text/csv;charset=utf-8'}),'matching-answer-key.csv');setExportStatus('Download ready. Check your browser downloads.');toast.success('Download ready.');}catch(e){const message=e instanceof Error?e.message:'Export failed. Please try again.';setExportStatus('Export failed: '+message);toast.error(message);}finally{setBusy('');}} useEffect(()=>{const context=(document as Document & {modelContext?:{registerTool:(tool:unknown,options:{signal:AbortSignal})=>void|Promise}}).modelContext;if(!context?.registerTool)return;const lifecycle=new AbortController();const tools=[{name:'read_statement_pack',title:'Read statement pack',description:'Read the current statement pack counts, period, accounts and balance totals.',inputSchema:{type:'object',properties:{},additionalProperties:false},annotations:{readOnlyHint:true,untrustedContentHint:false},execute:(input:unknown)=>{z.object({}).strict().parse(input);const p=packRef.current;return{statements:p.statements.length,transactions:p.total,matchedPairs:p.connections,periods:p.periods,accounts:p.accounts.map(a=>({name:a.label,type:a.type,openingCents:a.opening,closingCents:a.closing,...(a.loan?{loanTerms:a.loan,principalPaidCents:a.opening-a.closing,interestPaidCents:a.transactions.reduce((sum,t)=>sum+(t.interestAmount||0),0)}:{})}))};}},{name:'generate_statement_pack',title:'Generate statements',description:'Generate a new statement pack using the visible account settings, optionally overriding dates, monthly count or transaction count. Replaces the preview without downloading files.',inputSchema:{type:'object',properties:{startDate:{type:'string'},months:{type:'integer',minimum:1,maximum:24},totalTransactions:{type:'integer',minimum:1,maximum:5000}},additionalProperties:false},annotations:{readOnlyHint:false,untrustedContentHint:false},execute:(input:unknown)=>{const v=z.object({startDate:z.string().optional(),months:z.number().int().min(1).max(24).optional(),totalTransactions:z.number().int().min(1).max(5000).optional()}).strict().parse(input);const next={...configRef.current,...(v.startDate!==undefined?{start:v.startDate}:{}),...(v.months!==undefined?{months:String(v.months),periodMode:'months' as const}:{}),...(v.totalTransactions!==undefined?{total:String(v.totalTransactions)}:{})};const p=generatePack(next);if(validatePack(p).length)throw new Error('Scenario did not balance.');flushSync(()=>{setConfig(p.config);setPack(p);setSelected(p.accounts[0].id);setPeriod(p.periods[0].start);setExample(false);setPage(0);setError('');});return{statements:p.statements.length,transactions:p.total,matchedPairs:p.connections};}}];for(const tool of tools)try{void Promise.resolve(context.registerTool(tool,{signal:lifecycle.signal})).catch(()=>{});}catch{}return()=>lifecycle.abort();},[]); return
PRACTICE DOCUMENTSby Hector Garcia, CPAFor training/testing purposes only
STATEMENT GENERATOR

Build your statement pack.

Create connected bank, credit card, and loan statements.

01

Build your scenario

ACCOUNTS {config.accounts.length} of 8
{config.accounts.map(account=>
)}
STATEMENT PERIOD
update('periodMode',v as Config['periodMode'])}>Monthly seriesDate range
{config.periodMode==='months'?:}

One statement per calendar month, per account. First and last months can be partial.

TRANSACTIONS

Includes both sides of transfers, card payments, and loan payments.

{([['electronic','Electronic activity','ACH receipts, bills, and withdrawals'],['checks','Checks with images','Paid checks with payee details'],['deposits','Customer deposits with images','Checks from different customers and issuing banks']] as const).map(([key,title,sub])=>)}{(config.checks||pack.transactions.some(t=>t.kind==='check'))&&}

Cards include purchases and merchant credits. Type choices apply to bank accounts.

Connect the accountsMonthly transfers and matching card payments
update('linked',v)} aria-label="Connect the accounts"/>
{config.linked&&config.accounts.filter(a=>a.type==='bank').length===0&&

Add a bank account to create matching card payments.

}{config.linked&&config.accounts.filter(a=>a.type==='bank').length>0&&

Bank accounts share one institution and template. Cards keep independent issuers. Transfers and payments match on both sides.

}{config.accounts.some(a=>a.type==='loan')&&

Loan payments are always connected to the bank chosen in each loan’s settings.

}
{error&&

{error}

}

Blank fields are randomized.

02

Your statement pack

{pack.statements.length}statements
{pack.total.toLocaleString()}transactions
{pack.connections} matched pairs
{example?'EXAMPLE PACK':'READY TO EXPORT'}
{pack.transactions.some(t=>t.kind==='check'||t.customerChecks?.length)&&

Applies to individual PDFs and bulk exports. The ZIP also includes separate image files.

}

Separate PDFs in the ZIP, organized by the account paid from. Card purchases get small receipts dated on the transaction date. ACH, wire, check, and other electronic expenses get full-page invoices dated 0–30 days before payment.

Excludes transfers, card payments, refunds, and loan repayments.

{receiptCount} receipts · {invoiceCount} invoices{includeExpenseReceipts?' will be included':' available'}
{dirty&&
Your settings have changed. Generate a new pack to apply them.
}{exportStatus&&
{exportStatus}
}{busy&&
{busy}
} {setTab(v);setPage(0);}}> Statement previewAll transactionsCheck & deposit images {tab!=='transactions'&&
({value:a.id,label:a.label}))}/>({value:p.start,label:p.label}))}/>
}

Complete transaction ledger

{fullDate(pack.periods[0].start)} – {fullDate(pack.periods.at(-1)!.end)} · {pack.accounts.length} accounts

Export transaction ledgerChoose a CSV format for the full statement pack.

QuickBooks’ standard bank upload uses Date, Description and Amount. No. is an extra check-number reference; remove it if your importer requires only those three columns. Format guide

{page*25+1}–{Math.min((page+1)*25,pack.total)} of {pack.total}{page+1} / {Math.ceil(pack.total/25)}

Bank: + money in, − money out. Card: + charges, − payments or credits. Loan: − principal repaid; the matching bank payment also includes interest.

One download. The whole pack.

Monthly PDFs · QuickBooks CSVs · Customer & vendor names · Supporting images · Matching keys

Generated in your browser. No bank connection or real account data needed.
{if(!v)setEditing(null);}}>Account settingsCustomize this account for your scenario.{editingAccount&&{setConfig(c=>({...c,accounts:c.accounts.map(a=>a.id===editingAccount.id?{...a,...value}:c.linked&&editingAccount.type==='bank'&&a.type==='bank'?{...a,templateId:value.templateId}:a)}));setEditing(null);setError('');}} onRemove={()=>{if(config.accounts.length===1){toast.error('Keep at least one account in your scenario.');return;}setConfig(c=>({...c,accounts:c.accounts.filter(a=>a.id!==editingAccount.id)}));setEditing(null);setError('');}}/>}Transaction library{merchants.length} merchant examples, {personalNames.length} personal names, and 30 bookkeeping categories.
; } ```` --- ## File: `build/sites-vite-plugin.LICENSE` - Encoding: Base64 binary - Size: 1,063 bytes - SHA-256: `7de1e115d165f176e68f962acdb809b5ab8d8ae78d3981e0701392b2ac50c713` ````base64 TUlUIExpY2Vuc2UKCkNvcHlyaWdodCAoYykgMjAyNiBPcGVuQUkKClBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHkKb2YgdGhpcyBzb2Z0d2FyZSBhbmQgYXNzb2NpYXRlZCBkb2N1bWVudGF0aW9uIGZpbGVzICh0aGUgIlNvZnR3YXJlIiksIHRvIGRlYWwKaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlIHJpZ2h0cwp0byB1c2UsIGNvcHksIG1vZGlmeSwgbWVyZ2UsIHB1Ymxpc2gsIGRpc3RyaWJ1dGUsIHN1YmxpY2Vuc2UsIGFuZC9vciBzZWxsCmNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpcwpmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOgoKVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW4gYWxsCmNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuCgpUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgIkFTIElTIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUgpJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSwKRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFCkFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIKTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSwKT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTiBUSEUKU09GVFdBUkUuCg== ```` --- ## File: `build/sites-vite-plugin.ts` - Encoding: UTF-8 text - SHA-256: `07af20e7097d9ed1d76f7c446d02997550b8fc5ca89668b249e25eabd62c6834` ````typescript // Vendored from @openai/sites-vite-plugin 0.2.0 (openai/sites#9). // See sites-vite-plugin.LICENSE for the upstream MIT license. import { access, cp, mkdir, rm } from "node:fs/promises"; import type { IncomingMessage, ServerResponse } from "node:http"; import { resolve } from "node:path"; import type { Plugin } from "vite"; const localUserId = "local_seedy"; const localEmail = "seedy@sites.test"; const localFullName = "Seedy"; const localCookieName = "__sites_local_auth"; const localHosts = new Set(["localhost", "127.0.0.1", "::1"]); const localAddresses = new Set(["127.0.0.1", "::1", "::ffff:127.0.0.1"]); const authPaths = new Set([ "/signin-with-chatgpt", "/signout-with-chatgpt", "/callback", ]); async function exists(path: string): Promise { try { await access(path); return true; } catch (error) { if ((error as NodeJS.ErrnoException).code === "ENOENT") { return false; } throw error; } } export function sites({ mockAuth = true } = {}): Plugin { let root = process.cwd(); let command: "build" | "serve" = "build"; return { name: "sites", configResolved(config) { root = config.root; command = config.command; }, configureServer(server) { if (!mockAuth) return; const secure = Boolean(server.config.server.https); server.config.logger.info(`Sites local sign-in: ${localEmail}`); server.middlewares.use((request, response, next) => { for (const name of Object.keys(request.headers)) { if (name.startsWith("oai-authenticated-user-")) { removeHeader(request, name); } } let authority: URL; let url: URL; try { authority = new URL( `${secure ? "https" : "http"}://${request.headers.host}`, ); url = new URL(request.url ?? "/", authority); } catch { if (authPaths.has((request.url ?? "/").split("?")[0])) { respond(response, 403); } else { next(); } return; } const hostname = authority.hostname .replace(/^\[|\]$/g, "") .toLowerCase(); if ( !localHosts.has(hostname) || !localAddresses.has(request.socket.remoteAddress ?? "") || url.origin !== authority.origin ) { if (authPaths.has(url.pathname)) respond(response, 403); else next(); return; } const cookies = (request.headers.cookie ?? "") .split(";") .map((cookie) => cookie.trim()) .filter(Boolean); const signInCookies = cookies .filter((cookie) => cookie.startsWith(`${localCookieName}=`)) .map((cookie) => cookie.slice(localCookieName.length + 1)); const applicationCookies = cookies.filter( (cookie) => !cookie.startsWith(`${localCookieName}=`), ); if (applicationCookies.length !== cookies.length) { removeHeader(request, "cookie"); if (applicationCookies.length) { setHeader(request, "cookie", applicationCookies.join("; ")); } } if (url.pathname === "/callback") { respond(response, 501); return; } const signIn = url.pathname === "/signin-with-chatgpt"; const signOut = url.pathname === "/signout-with-chatgpt"; if (!signIn && !signOut) { if (signInCookies.length === 1 && signInCookies[0] === "1") { setHeader(request, "oai-authenticated-user-id", localUserId); setHeader(request, "oai-authenticated-user-email", localEmail); setHeader( request, "oai-authenticated-user-full-name", localFullName, ); setHeader( request, "oai-authenticated-user-full-name-encoding", "percent-encoded-utf-8", ); } next(); return; } if ( (request.headers.origin && request.headers.origin !== url.origin) || request.headers["sec-fetch-site"] === "cross-site" ) { respond(response, 403); return; } if ( request.headers["next-router-prefetch"] !== undefined || request.headers["x-middleware-prefetch"] === "1" || [request.headers.purpose, request.headers["sec-purpose"]].some( (value) => typeof value === "string" && value .split(/[;,]/) .some((part) => part.trim().toLowerCase() === "prefetch"), ) ) { respond(response, 204); return; } if ( request.method !== "GET" && (!signOut || request.method !== "POST") ) { response.setHeader("Allow", signIn ? "GET" : "GET, POST"); respond(response, 405); return; } response.statusCode = request.method === "POST" ? 303 : 302; response.setHeader("Cache-Control", "private, no-store"); response.setHeader( "Location", safeReturn(url.searchParams.get("return_to")), ); response.setHeader( "Set-Cookie", `${localCookieName}=${signIn ? "1" : ""}; Path=/; ${ signOut ? "Max-Age=0; " : "" }HttpOnly; SameSite=Lax${secure ? "; Secure" : ""}`, ); response.end(); }); }, async closeBundle() { if (command !== "build") return; const outputDirectory = resolve(root, "dist", ".openai"); const hostingConfig = resolve(root, ".openai", "hosting.json"); const drizzleSource = resolve(root, "drizzle"); await rm(outputDirectory, { recursive: true, force: true }); await mkdir(outputDirectory, { recursive: true }); await cp(hostingConfig, resolve(outputDirectory, "hosting.json")); if (await exists(drizzleSource)) { await cp(drizzleSource, resolve(outputDirectory, "drizzle"), { recursive: true, }); } }, }; } function removeHeader(request: IncomingMessage, name: string): void { delete request.headers[name]; for (let index = request.rawHeaders.length - 2; index >= 0; index -= 2) { if (request.rawHeaders[index]?.toLowerCase() === name) { request.rawHeaders.splice(index, 2); } } } function setHeader( request: IncomingMessage, name: string, value: string, ): void { removeHeader(request, name); request.headers[name] = value; request.rawHeaders.push(name, value); } function respond(response: ServerResponse, status: number): void { response.statusCode = status; response.setHeader("Cache-Control", "private, no-store"); response.end(); } function safeReturn(value: string | null): string { if (!value?.startsWith("/") || value.startsWith("//")) return "/"; try { const url = new URL(value, "http://localhost"); if (url.origin !== "http://localhost" || authPaths.has(url.pathname)) { return "/"; } return `${url.pathname}${url.search}${url.hash}`; } catch { return "/"; } } ```` --- ## File: `cloudflare-env.d.ts` - Encoding: UTF-8 text - SHA-256: `8b0eca84aa3364cc7ccc43cc3af6beb88dd34ebd410de08690bf094ce39fbcb0` ````typescript declare namespace Cloudflare { interface Env { DB?: D1Database; BUCKET?: R2Bucket; } } ```` --- ## File: `components.json` - Encoding: UTF-8 text - SHA-256: `31f4ca67a4a62572571003d3d5aac85ee6fbfca67a192924bac6b168d95e98fd` ````json { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "registries": {} } ```` --- ## File: `components/ui/accordion.tsx` - Encoding: UTF-8 text - SHA-256: `a4f153089ba886dfcf73fac26b5c01ca933fa12fbe88df6fb723912bfffdfbb0` ````tsx "use client" import * as React from "react" import { ChevronDownIcon } from "lucide-react" import { Accordion as AccordionPrimitive } from "radix-ui" import { cn } from "@/lib/utils" function Accordion({ ...props }: React.ComponentProps) { return } function AccordionItem({ className, ...props }: React.ComponentProps) { return ( ) } function AccordionTrigger({ className, children, ...props }: React.ComponentProps) { return ( svg]:rotate-180", className )} {...props} > {children} ) } function AccordionContent({ className, children, ...props }: React.ComponentProps) { return (
{children}
 ) } export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } ```` --- ## File: `components/ui/alert-dialog.tsx` - Encoding: UTF-8 text - SHA-256: `9a8d950f2b9b4352d5ebb762fb44d5c28c2d353aa29712071973656a8736e311` ````tsx "use client" import * as React from "react" import { AlertDialog as AlertDialogPrimitive } from "radix-ui" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" function AlertDialog({ ...props }: React.ComponentProps) { return } function AlertDialogTrigger({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogPortal({ ...props }: React.ComponentProps) { return ( ) } function AlertDialogOverlay({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogContent({ className, size = "default", ...props }: React.ComponentProps & { size?: "default" | "sm" }) { return ( ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AlertDialogTitle({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogDescription({ className, ...props }: React.ComponentProps) { return ( ) } function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AlertDialogAction({ className, variant = "default", size = "default", ...props }: React.ComponentProps & Pick, "variant" | "size">) { return ( ) } function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }: React.ComponentProps & Pick, "variant" | "size">) { return ( ) } export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } ```` --- ## File: `components/ui/alert.tsx` - Encoding: UTF-8 text - SHA-256: `2cc59b5f7bda91c1670884b1bf46bfc8a2a6f226cef184f5762acc037188885b` ````tsx import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const alertVariants = cva( "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", { variants: { variant: { default: "bg-card text-card-foreground", destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current", }, }, defaultVariants: { variant: "default", }, } ) function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps) { return (
) } function AlertTitle({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AlertDescription({ className, ...props }: React.ComponentProps<"div">) { return (
) } export { Alert, AlertTitle, AlertDescription } ```` --- ## File: `components/ui/aspect-ratio.tsx` - Encoding: UTF-8 text - SHA-256: `b1c157886236782cb92d8fbcd4749532aaf6d8aabefd6e157ca40358f902f407` ````tsx "use client" import { AspectRatio as AspectRatioPrimitive } from "radix-ui" function AspectRatio({ ...props }: React.ComponentProps) { return } export { AspectRatio } ```` --- ## File: `components/ui/attachment.tsx` - Encoding: UTF-8 text - SHA-256: `ae8a25dd1a896d3964e3ef54d97e51221b418cde287dfd794428b89951c5c790` ````tsx import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { Slot } from "radix-ui" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/button" const attachmentVariants = cva( "group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", { variants: { size: { default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2", sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5", xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1", }, orientation: { horizontal: "min-w-40 items-center", vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30", }, }, } ) function Attachment({ className, state = "done", size = "default", orientation = "horizontal", ...props }: React.ComponentProps<"div"> & VariantProps & { state?: "idle" | "uploading" | "processing" | "error" | "done" }) { return (
) } const attachmentMediaVariants = cva( "relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", { variants: { variant: { icon: "", image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover", }, }, defaultVariants: { variant: "icon", }, } ) function AttachmentMedia({ className, variant = "icon", ...props }: React.ComponentProps<"div"> & VariantProps) { return (
) } function AttachmentContent({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AttachmentTitle({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function AttachmentDescription({ className, ...props }: React.ComponentProps<"span">) { return ( ) } function AttachmentActions({ className, ...props }: React.ComponentProps<"div">) { return (
) } function AttachmentAction({ className, variant, size = "icon-xs", ...props }: React.ComponentProps) { return ( ) } function CarouselNext({ className, variant = "outline", size = "icon", ...props }: React.ComponentProps) { const { orientation, scrollNext, canScrollNext } = useCarousel() return ( ) } export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, } ```` --- ## File: `components/ui/chart.tsx` - Encoding: UTF-8 text - SHA-256: `45aa5ea4a386f4fb5b8869ff4bab3a08cf89255190ee322043baf84c3e950b6a` ````tsx "use client" import * as React from "react" import * as RechartsPrimitive from "recharts" import type { TooltipValueType } from "recharts" import { cn } from "@/lib/utils" const THEMES = { light: null, dark: "(prefers-color-scheme: dark)", } as const const INITIAL_DIMENSION = { width: 320, height: 200 } as const type TooltipNameType = number | string export type ChartConfig = Record< string, { label?: React.ReactNode icon?: React.ComponentType } & ( | { color?: string; theme?: never } | { color?: never; theme: Record } ) > type ChartContextProps = { config: ChartConfig } const ChartContext = React.createContext(null) function useChart() { const context = React.useContext(ChartContext) if (!context) { throw new Error("useChart must be used within a ") } return context } function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }: React.ComponentProps<"div"> & { config: ChartConfig children: React.ComponentProps< typeof RechartsPrimitive.ResponsiveContainer >["children"] initialDimension?: { width: number height: number } }) { const uniqueId = React.useId() const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}` return (
{children}
) } const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => { const colorConfig = Object.entries(config).filter( ([, config]) => config.theme ?? config.color ) if (!colorConfig.length) { return null } return ( `); if(html.includes(scriptTag)||html.includes(styleTag))throw new Error('Standalone HTML still references external build assets.'); html=html.replace('','\n'); const readme=`STATEMENT STUDIO — OFFLINE APP\n\n1. Unzip this folder.\n2. Double-click “Open Statement Studio.html”.\n3. If your computer asks which application to use, choose Chrome, Edge, Safari, or Firefox.\n\nNo installation, account, cloud service, or internet connection is required. Statement Studio runs entirely inside your browser. Generated PDFs, CSVs, images, and ZIP files are saved through your browser's normal Downloads process.\n\nKeep the HTML file intact. To update Statement Studio later, download a newer Offline ZIP from the hosted application.\n`; const zip=new JSZip(); zip.file('Open Statement Studio.html',html); zip.file('README.txt',readme); const bytes=await zip.generateAsync({type:'nodebuffer',compression:'DEFLATE',compressionOptions:{level:9}}); writeFileSync(publicZip,bytes); console.log(`Created public/Statement-Studio-Standalone.zip (${(bytes.length/1024/1024).toFixed(1)} MB).`); ```` --- ## File: `scripts/build-verified.sh` - Encoding: Base64 binary - Size: 661 bytes - SHA-256: `2ae5329ac860076070c9217a43106a15cb5ecf907a0f7baeb9ef903f76b53c68` ````base64 IyEvdXNyL2Jpbi9lbnYgYmFzaApzZXQgLWV1byBwaXBlZmFpbAoKc2NyaXB0X2Rpcj0iJChjZCAiJChkaXJuYW1lICIke0JBU0hfU09VUkNFWzBdfSIpIiAmJiBwd2QpIgoKaWYgW1sgIiR7U0lURVNfRU5WX1JFQURZOi19IiAhPSAiMSIgXV07IHRoZW4KICBleGVjICIke3NjcmlwdF9kaXJ9L3NpdGVzLWVudi5zaCIgLS0gIiQwIiAiJEAiCmZpCgpjb21tYW5kIC12IHRpbWVvdXQgfHwgewogIGVjaG8gImJ1aWxkLXZlcmlmaWVkLnNoIHJlcXVpcmVzIEdOVSB0aW1lb3V0LiIgPiYyCiAgZXhpdCA2OQp9Cgp2aW5leHQ9IiR7U0lURVNfUFJPSkVDVF9ST09UfS9ub2RlX21vZHVsZXMvLmJpbi92aW5leHQiCmlmIFtbICEgLXggIiR7dmluZXh0fSIgXV07IHRoZW4KICBlY2hvICJ2aW5leHQgaXMgdW5hdmFpbGFibGUuIFJ1biBucG0gcnVuIGluc3RhbGw6Y2kgYW5kIHdhaXQgZm9yIGl0IHRvIGZpbmlzaCBiZWZvcmUgYnVpbGRpbmcuIiA+JjIKICBleGl0IDY5CmZpCgplY2hvICJSdW5uaW5nIGJvdW5kZWQgdmluZXh0IGJ1aWxkLi4uIgp0aW1lb3V0IFwKICAtLXNpZ25hbD1URVJNIFwKICAtLWtpbGwtYWZ0ZXI9IiR7U0lURVNfQlVJTERfS0lMTF9BRlRFUjotMTBzfSIgXAogICIke1NJVEVTX0JVSUxEX1RJTUVPVVQ6LTNtfSIgXAogICIke3ZpbmV4dH0iIGJ1aWxkCg== ```` --- ## File: `scripts/execution-profile.mjs` - Encoding: UTF-8 text - SHA-256: `2e71116f4d2b70cff8bb70436f8dd5c709ec7ff62893424530f404e0193d3630` ````javascript import { readFileSync } from "node:fs"; export function readExecutionProfile() { let settings; try { settings = JSON.parse(readFileSync(new URL("../.sites-runtime/execution-profile.json", import.meta.url), "utf8")); } catch (error) { // Clean clones and remote builds have no checkout-local selection. if (error.code === "ENOENT") return "portable"; throw error; } if (!["managed-linux", "portable"].includes(settings?.executionProfile)) { throw new Error("Invalid local execution profile; rerun the Sites plugin's configure-execution-profile.mjs."); } return settings.executionProfile; } ```` --- ## File: `scripts/generate-developer-package.mjs` - Encoding: UTF-8 text - SHA-256: `45d8240ea525d5233cae066dd06de4028019c455ecce364e7d1afd8af1c9b928` ````javascript import { createHash } from 'node:crypto'; import { execFileSync } from 'node:child_process'; import { mkdirSync, readFileSync, writeFileSync } from 'node:fs'; import { extname, relative, resolve } from 'node:path'; const root=resolve(import.meta.dirname,'..'); const output='public/Statement-Studio-Developer-Build-Package.md'; const excluded=(file)=>file===output||file==='public/Statement-Studio-Standalone.zip'||file.startsWith('.standalone-dist/')||file.startsWith('.git/')||file.startsWith('node_modules/')||file.startsWith('dist/')||file.startsWith('.next/')||file.startsWith('.sites-runtime/')||file.startsWith('.wrangler/')||file==='.env'||file.startsWith('.env.'); let files; try{files=execFileSync('git',['ls-files','--cached','--others','--exclude-standard'],{cwd:root,encoding:'utf8'}).trim().split('\n').filter(Boolean);}catch{throw new Error('Source inventory could not be created. Run this script from the project checkout.');} files=[...new Set(files)].filter(file=>!excluded(file)).sort(); const textExtensions=new Set(['','.css','.csv','.html','.js','.json','.md','.mjs','.svg','.toml','.ts','.tsx','.txt','.yaml','.yml']); const language=(file)=>({'.css':'css','.html':'html','.js':'javascript','.json':'json','.md':'markdown','.mjs':'javascript','.svg':'xml','.toml':'toml','.ts':'typescript','.tsx':'tsx','.yaml':'yaml','.yml':'yaml'}[extname(file).toLowerCase()]||'text'); const fence=(text)=>'`'.repeat(Math.max(4,...[...text.matchAll(/`+/g)].map(match=>match[0].length+1))); const hash=(buffer)=>createHash('sha256').update(buffer).digest('hex'); const generatedAt=new Date().toISOString(); const sections=[]; let binaryCount=0; for(const file of files){ const buffer=readFileSync(resolve(root,file)); const binary=!textExtensions.has(extname(file).toLowerCase())||buffer.includes(0); if(binary){binaryCount++;const data=buffer.toString('base64');const marks=fence(data);sections.push(`## File: \`${file}\`\n\n- Encoding: Base64 binary\n- Size: ${buffer.length.toLocaleString()} bytes\n- SHA-256: \`${hash(buffer)}\`\n\n${marks}base64\n${data}\n${marks}`);continue;} const text=buffer.toString('utf8');const marks=fence(text);sections.push(`## File: \`${file}\`\n\n- Encoding: UTF-8 text\n- SHA-256: \`${hash(buffer)}\`\n\n${marks}${language(file)}\n${text}\n${marks}`); } const tree=files.map(file=>`- \`${file}\``).join('\n'); const document=`# Statement Studio — Complete Developer Build Package Generated from the deployed Statement Studio source on ${generatedAt}. This single Markdown document contains the complete application source, project configuration, tests, instructions, and binary assets required to reconstruct Statement Studio. It intentionally excludes Git history, installed dependencies, build output, local caches, and environment-secret files. ## Master instruction for Codex, Claude Code, or another developer Reconstruct Statement Studio exactly from this document. Create a new empty project folder, reproduce every file listed below at its exact relative path, decode every Base64 binary block into raw bytes, install dependencies with the checked-in lockfile, run the automated tests, build the application, and correct only reconstruction errors. Preserve the product behavior, visual design, calculations, export formats, accessibility, and responsive layout. Do not replace the implementation with a simplified prototype. Do not invent credentials or copy hosting identifiers into a different hosting account. ## Application summary Statement Studio is a browser-based bookkeeping training-data generator. It creates internally connected fictional bank, credit-card, and loan statements; transaction ledgers; QuickBooks-compatible CSV exports; check and deposit images; expense receipts and invoices; reconciliation keys; and ZIP training packs. The application uses Next.js-compatible React through Vinext, TypeScript, Tailwind CSS, jsPDF, JSZip, Zod, React Hook Form, and Cloudflare-compatible build output. ## Reconstruction procedure 1. Create an empty folder and reproduce the file tree below. 2. For each UTF-8 file section, copy the fenced content exactly into the named file. 3. For each Base64 binary section, decode only the Base64 payload into the named file. Example: save the payload as a temporary text file and run \`base64 --decode temporary.txt > path/to/file\`. 4. Do not create any \`.env\` file unless the target environment requires one. No secrets are included in this package. 5. If deploying outside ChatGPT Sites, adapt the hosting configuration while leaving application behavior unchanged. 6. Install Node.js 22.13 or newer. 7. Run \`npm ci\`. 8. Run \`node --no-warnings --loader ./tests/ts-loader.mjs --test tests/*.test.mjs\`. 9. Run \`npm run build\`. 10. Run the app with the development or hosting command appropriate to the target platform and verify the checklist below. ## Verification checklist - The scenario builder supports bank, credit-card, and loan accounts. - Monthly and custom-range statements generate with balanced opening and closing balances. - Connected transfers, card payments, and loan payments reconcile on both sides. - Statement previews, complete transaction ledgers, and supporting check/deposit images render correctly. - Individual PDFs, CSV options, matching keys, and the complete ZIP pack download successfully. - Optional expense receipts and invoices appear in the ZIP with their matching key. - The top-bar “Download source code” action downloads this complete Markdown package. - Desktop and mobile layouts remain usable and keyboard-focus indicators are visible. - Automated tests and the production build succeed. ## Package inventory - ${files.length} project files - ${binaryCount} Base64-encoded binary assets - SHA-256 digest supplied for every file ## File tree ${tree} # Complete file contents ${sections.join('\n\n---\n\n')} --- # Claude Artifact adaptation instructions Use this section only when the target is a **Claude Artifact**, rather than a normal local or hosted code project. Claude Artifacts are optimized for self-contained interactive React applications. The original Statement Studio project uses a multi-file Next.js/Vinext structure, build tooling, automated tests, local font assets, and deployment configuration. Do not try to reproduce that infrastructure inside the Artifact. Instead, use the complete source above as the authoritative functional and visual specification and adapt the application to the capabilities available in Claude Artifacts. ## Instructions for Claude 1. Create a working interactive React Artifact—not a written explanation, architecture proposal, or static mockup. 2. Preserve the primary Statement Studio experience: scenario configuration, bank/credit-card/loan accounts, statement periods, transaction generation, matched transfers and payments, statement previews, transaction ledger, supporting check/deposit images, and available browser downloads. 3. Preserve all accounting calculations and sign conventions. Bank inflows are positive and outflows are negative. Credit-card charges are positive and payments or credits are negative. Loan payments must reconcile between principal, interest, and the funding bank. 4. Adapt the original multi-file application into the smallest maintainable Artifact-compatible React structure. Consolidate modules when necessary, but do not intentionally simplify or remove core business logic merely to shorten the code. 5. Use only libraries and browser capabilities supported in the Artifact environment. If a package, server feature, or framework API is unavailable, replace it with an equivalent browser-side implementation. 6. Do not depend on Next.js routing, Cloudflare Workers, a database, environment variables, external APIs, or persistent server storage. Keep generated scenario state in the Artifact session unless Claude Artifacts provides an approved local persistence mechanism. 7. Treat the embedded fonts, hosting files, build scripts, tests, and deployment configuration as reference material. They do not all need to be recreated inside the Artifact. 8. Retain responsive behavior, accessible labels, keyboard focus states, clear error messages, and the established Statement Studio visual design. 9. Implement and validate the application in stages if the entire adaptation cannot be completed reliably in one response: first the generator and interface, then statement rendering, then PDF/CSV/ZIP exports and supporting documents. 10. After each stage, run the Artifact, fix runtime errors, and confirm that generated balances and matched transactions reconcile before proceeding. ## Ready-to-use Claude prompt > Read the attached Statement Studio Complete Developer Build Package in full and create a functional Claude Artifact adaptation using React. The complete source above is the authoritative reference for behavior, calculations, content, and visual design. Build the working Artifact; do not merely summarize the project or provide setup instructions. Preserve the scenario builder, bank/credit-card/loan accounts, statement generation, connected transactions, previews, transaction ledger, supporting images, and browser-based exports. Adapt unsupported Next.js, Vinext, hosting, testing, and filesystem features to the Claude Artifact environment without weakening the accounting logic. If the full implementation is too large for one pass, complete the core generator and interface first, verify that it runs, and then add the export features in subsequent revisions. `; mkdirSync(resolve(root,'public'),{recursive:true}); writeFileSync(resolve(root,output),document,'utf8'); console.log(`Created ${relative(process.cwd(),resolve(root,output))} with ${files.length} files.`); ```` --- ## File: `scripts/install-ci.mjs` - Encoding: UTF-8 text - SHA-256: `63f2c4589b740184b68a0c9214fe92439b6f7d1fbfbec9ef552fd745b0a9c6cc` ````javascript import { spawnSync } from "node:child_process"; import { accessSync, constants } from "node:fs"; import path from "node:path"; import { projectRoot } from "./sites-env.mjs"; import { readExecutionProfile } from "./execution-profile.mjs"; if (!process.env.npm_execpath) { throw new Error("Run this installer with npm run install:ci."); } if (![ "SHARP_IGNORE_GLOBAL_LIBVIPS", "SHARP_FORCE_GLOBAL_LIBVIPS", "npm_config_build_from_source", "NPM_CONFIG_BUILD_FROM_SOURCE", ].some((key) => key in process.env)) { process.env.SHARP_IGNORE_GLOBAL_LIBVIPS = "1"; } if (readExecutionProfile() === "managed-linux") { const result = spawnSync("bash", [path.join(projectRoot, "scripts/install-ci.sh")], { stdio: "inherit", }); if (result.error) throw result.error; process.exit(result.status ?? 1); } // Invoke npm's JavaScript entrypoint, avoiding platform-specific shell shims. const installed = spawnSync( process.execPath, [ process.env.npm_execpath, "ci", "--prefix", projectRoot, "--workspaces=false", "--include=dev", "--include=optional", "--prefer-offline", "--no-audit", "--no-fund", ], { stdio: "inherit" }, ); if (installed.error) throw installed.error; if (installed.status !== 0) process.exit(installed.status ?? 1); try { accessSync( path.join( projectRoot, "node_modules", ".bin", process.platform === "win32" ? "vinext.cmd" : "vinext", ), process.platform === "win32" ? constants.F_OK : constants.X_OK, ); } catch { console.error("npm ci exited successfully but the local vinext executable is unavailable."); process.exitCode = 69; } ```` --- ## File: `scripts/install-ci.sh` - Encoding: Base64 binary - Size: 7,494 bytes - SHA-256: `5161648b51012c7351a4a975c6ed05a67cc1f1d9dbabc4381708d1005d8c4edb` ````base64 IyEvdXNyL2Jpbi9lbnYgYmFzaApzZXQgLWV1byBwaXBlZmFpbAoKc2NyaXB0X2Rpcj0iJChjZCAiJChkaXJuYW1lICIke0JBU0hfU09VUkNFWzBdfSIpIiAmJiBwd2QpIgoKaWYgW1sgIiR7U0lURVNfRU5WX1JFQURZOi19IiAhPSAiMSIgXV07IHRoZW4KICBleGVjICIke3NjcmlwdF9kaXJ9L3NpdGVzLWVudi5zaCIgLS0gIiQwIiAiJEAiCmZpCgpjb21tYW5kIC12IGZsb2NrIHx8IHsKICBlY2hvICJpbnN0YWxsLWNpLnNoIHJlcXVpcmVzIExpbnV4IGZsb2NrLiIgPiYyCiAgZXhpdCA2OQp9CmNvbW1hbmQgLXYgdGltZW91dCB8fCB7CiAgZWNobyAiaW5zdGFsbC1jaS5zaCByZXF1aXJlcyBHTlUgdGltZW91dC4iID4mMgogIGV4aXQgNjkKfQpjb21tYW5kIC12IGN1cmwgfHwgewogIGVjaG8gImluc3RhbGwtY2kuc2ggcmVxdWlyZXMgY3VybCBmb3IgdGhlIGxvY2tlZC10YXJiYWxsIHByZWZsaWdodC4iID4mMgogIGV4aXQgNjkKfQpjb21tYW5kIC12IHNoYTI1NnN1bSB8fCB7CiAgZWNobyAiaW5zdGFsbC1jaS5zaCByZXF1aXJlcyBzaGEyNTZzdW0gZm9yIGNhY2hlIGFuZCBpbnN0YWxsIHZlcmlmaWNhdGlvbi4iID4mMgogIGV4aXQgNjkKfQoKcnVudGltZV9yb290PSIke1NJVEVTX1JVTlRJTUVfUk9PVDotJHtTSVRFU19QUk9KRUNUX1JPT1R9Ly5zaXRlcy1ydW50aW1lfSIKZXhwZWN0ZWRfaG9tZT0iJHtydW50aW1lX3Jvb3R9L2hvbWUiCmV4cGVjdGVkX2NhY2hlPSIke3J1bnRpbWVfcm9vdH0vbnBtLWNhY2hlIgoKZWNobyAiW3NpdGVzXSB2YWxpZGF0aW5nIHdyaXRhYmxlIGluc3RhbGwgZW52aXJvbm1lbnQiCmlmIFtbICIke0hPTUV9IiAhPSAiJHtleHBlY3RlZF9ob21lfSIgXV07IHRoZW4KICBlY2hvICJFeHBlY3RlZCBIT01FPSR7ZXhwZWN0ZWRfaG9tZX0sIGdvdCBIT01FPSR7SE9NRX0uIiA+JjIKICBleGl0IDc4CmZpCmFjdHVhbF9jYWNoZT0iJChucG0gLS1wcmVmaXggIiR7U0lURVNfUFJPSkVDVF9ST09UfSIgLS13b3Jrc3BhY2VzPWZhbHNlIGNvbmZpZyBnZXQgY2FjaGUpIgppZiBbWyAiJHthY3R1YWxfY2FjaGV9IiAhPSAiJHtleHBlY3RlZF9jYWNoZX0iIF1dOyB0aGVuCiAgZWNobyAiRXhwZWN0ZWQgbnBtIGNhY2hlICR7ZXhwZWN0ZWRfY2FjaGV9LCBnb3QgJHthY3R1YWxfY2FjaGV9LiIgPiYyCiAgZXhpdCA3OApmaQp0b3VjaCAiJHtIT01FfS8uc2l0ZXMtd3JpdGUtdGVzdCIgIiR7ZXhwZWN0ZWRfY2FjaGV9Ly5zaXRlcy13cml0ZS10ZXN0IgpybSAtZiAiJHtIT01FfS8uc2l0ZXMtd3JpdGUtdGVzdCIgIiR7ZXhwZWN0ZWRfY2FjaGV9Ly5zaXRlcy13cml0ZS10ZXN0IgplY2hvICJbc2l0ZXNdIGVudmlyb25tZW50IHBhc3NlZDogSE9NRT0ke0hPTUV9LCBjYWNoZT0ke2V4cGVjdGVkX2NhY2hlfSIKCmxvY2tfZmlsZT0iJHtydW50aW1lX3Jvb3R9L2luc3RhbGwubG9jayIKZXhlYyA5PiIke2xvY2tfZmlsZX0iCmlmICEgZmxvY2sgLW4gOTsgdGhlbgogIGVjaG8gIkFub3RoZXIgZGVwZW5kZW5jeSBpbnN0YWxsIGlzIGFscmVhZHkgcnVubmluZyBmb3IgJHtTSVRFU19QUk9KRUNUX1JPT1R9LiIgPiYyCiAgZXhpdCA3NQpmaQoKIyBDYXRjaCBhbiBpbnN0YWxsZXIgc3RhcnRlZCBvdXRzaWRlIHRoaXMgaGVscGVyLiBMaW51eCBleHBvc2VzIGJvdGggaXRzIGNvbW1hbmQKIyBsaW5lIGFuZCB3b3JraW5nIGRpcmVjdG9yeSB0aHJvdWdoIC9wcm9jLCBzbyBhdm9pZCBicm9hZCBwcm9jZXNzLW5hbWUgbWF0Y2hlcy4KZm9yIHByb2Nlc3MgaW4gL3Byb2MvWzAtOV0qOyBkbwogIHBpZD0iJHtwcm9jZXNzIyMqL30iCiAgW1sgIiR7cGlkfSIgIT0gIiQkIiAmJiAiJHtwaWR9IiAhPSAiJHtQUElEfSIgXV0gfHwgY29udGludWUKICBwcm9jZXNzX2N3ZD0iJChyZWFkbGluayAtZiAiJHtwcm9jZXNzfS9jd2QiIHx8IHRydWUpIgogIFtbICIke3Byb2Nlc3NfY3dkfSIgPT0gIiR7U0lURVNfUFJPSkVDVF9ST09UfSIgXV0gfHwgY29udGludWUKICBwcm9jZXNzX2NvbW1hbmQ9IiQodHIgJ1wwJyAnICcgPCIke3Byb2Nlc3N9L2NtZGxpbmUiIHx8IHRydWUpIgogIGlmIFtbICIke3Byb2Nlc3NfY29tbWFuZH0iID09ICoibnBtIGNpIiogXV07IHRoZW4KICAgIGVjaG8gIkFub3RoZXIgbnBtIGNpIGlzIHZpc2libGUgaW4gJHtTSVRFU19QUk9KRUNUX1JPT1R9OyByZWZ1c2luZyB0byBvdmVybGFwIGluc3RhbGxzLiIgPiYyCiAgICBleGl0IDc1CiAgZmkKZG9uZQoKbG9ja2ZpbGVfc2hhMjU2PSIkKHNoYTI1NnN1bSAiJHtTSVRFU19QUk9KRUNUX1JPT1R9L3BhY2thZ2UtbG9jay5qc29uIiB8IGF3ayAne3ByaW50ICQxfScpIgp1c2Vfc2VlZGVkX2NhY2hlPTAKIyBSZXBvcnQgc2VlZCBzZWxlY3Rpb24gc2VwYXJhdGVseSBmcm9tIHBhY2thZ2UgY2FjaGUgaGl0cyBvciBkb3dubG9hZHMuCmNhY2hlX3NlZWRfcmVzdWx0PXNlZWRfdW5hdmFpbGFibGUKc2VlZF9jYWNoZT0iJHtTSVRFU19OUE1fQ0FDSEVfU0VFRDotfSIKaWYgW1sgLW4gIiR7c2VlZF9jYWNoZX0iICYmIC1kICIke3NlZWRfY2FjaGV9IiBdXTsgdGhlbgogIHNlZWRfbG9ja2ZpbGVfc2hhMjU2PSIkKGNhdCAiJHtzZWVkX2NhY2hlfS8uc2l0ZXMtbG9ja2ZpbGUtc2hhMjU2IiB8fCB0cnVlKSIKICBpZiBbWyAiJHtzZWVkX2xvY2tmaWxlX3NoYTI1Nn0iID09ICIke2xvY2tmaWxlX3NoYTI1Nn0iIF1dOyB0aGVuCiAgICBlY2hvICJbc2l0ZXNdIHJlc3RvcmluZyBpbWFnZS1zZWVkZWQgbnBtIGNhY2hlIgogICAgY3AgLWEgIiR7c2VlZF9jYWNoZX0vLiIgIiR7ZXhwZWN0ZWRfY2FjaGV9LyIKICAgIHVzZV9zZWVkZWRfY2FjaGU9MQogICAgY2FjaGVfc2VlZF9yZXN1bHQ9c2VlZF91c2VkCiAgICBlY2hvICJbc2l0ZXNdIGltYWdlIGNhY2hlIHNlZWQgbWF0Y2hlZDsgcmVnaXN0cnkgZmFsbGJhY2sgcmVtYWlucyBhdmFpbGFibGUiCiAgZWxzZQogICAgY2FjaGVfc2VlZF9yZXN1bHQ9c2VlZF9sb2NrZmlsZV9taXNtYXRjaAogICAgZWNobyAiW3NpdGVzXSBpbWFnZSBjYWNoZSBzZWVkIGRvZXMgbm90IG1hdGNoIHRoaXMgbG9ja2ZpbGU7IHVzaW5nIHRoZSBuZXR3b3JrIHBhdGgiCiAgZmkKZmkKCmxvY2tlZF92aW5leHRfb3V0cHV0PSIkKHsgbm9kZSAtLWlucHV0LXR5cGU9bW9kdWxlIC0gIiR7U0lURVNfUFJPSkVDVF9ST09UfS9wYWNrYWdlLWxvY2suanNvbiIgPDwnTk9ERScKaW1wb3J0IHsgcmVhZEZpbGUgfSBmcm9tICJub2RlOmZzL3Byb21pc2VzIjsKCmNvbnN0IGxvY2sgPSBKU09OLnBhcnNlKGF3YWl0IHJlYWRGaWxlKHByb2Nlc3MuYXJndlsyXSwgInV0ZjgiKSk7CmNvbnN0IHZpbmV4dCA9IGxvY2sucGFja2FnZXM/Llsibm9kZV9tb2R1bGVzL3ZpbmV4dCJdOwppZiAoIXZpbmV4dD8ucmVzb2x2ZWQgfHwgIXZpbmV4dD8uaW50ZWdyaXR5KSB7CiAgdGhyb3cgbmV3IEVycm9yKCJwYWNrYWdlLWxvY2suanNvbiBkb2VzIG5vdCBjb250YWluIGEgcmVzb2x2ZWQsIGludGVncml0eS1waW5uZWQgdmluZXh0IHRhcmJhbGwiKTsKfQpjb25zb2xlLmxvZyh2aW5leHQucmVzb2x2ZWQpOwpjb25zb2xlLmxvZyh2aW5leHQuaW50ZWdyaXR5KTsKTk9ERQp9KSIgfHwgewogIGVjaG8gIkNvdWxkIG5vdCByZWFkIHRoZSBpbnRlZ3JpdHktcGlubmVkIHZpbmV4dCB0YXJiYWxsIGZyb20gcGFja2FnZS1sb2NrLmpzb24uIiA+JjIKICBleGl0IDY1Cn0KbWFwZmlsZSAtdCBsb2NrZWRfdmluZXh0IDw8PCIke2xvY2tlZF92aW5leHRfb3V0cHV0fSIKaWYgW1sgIiR7I2xvY2tlZF92aW5leHRbQF19IiAtbmUgMiBdXTsgdGhlbgogIGVjaG8gIkV4cGVjdGVkIGV4YWN0bHkgb25lIFZpbmV4dCBVUkwgYW5kIGludGVncml0eSB2YWx1ZSBmcm9tIHBhY2thZ2UtbG9jay5qc29uLiIgPiYyCiAgZXhpdCA2NQpmaQoKbG9ja2VkX3RhcmJhbGw9IiR7bG9ja2VkX3ZpbmV4dFswXX0iCmxvY2tlZF9pbnRlZ3JpdHk9IiR7bG9ja2VkX3ZpbmV4dFsxXX0iCgppZiBbWyAiJHt1c2Vfc2VlZGVkX2NhY2hlfSIgPT0gIjAiIF1dOyB0aGVuCiAgcmVnaXN0cnk9IiQobnBtIC0tcHJlZml4ICIke1NJVEVTX1BST0pFQ1RfUk9PVH0iIC0td29ya3NwYWNlcz1mYWxzZSBjb25maWcgZ2V0IHJlZ2lzdHJ5KSIKICBwcmVmbGlnaHRfdXJsPSIkKHsgbm9kZSAtLWlucHV0LXR5cGU9bW9kdWxlIC0gIiR7bG9ja2VkX3RhcmJhbGx9IiAiJHtyZWdpc3RyeX0iIDw8J05PREUnCmNvbnN0IGxvY2tlZCA9IG5ldyBVUkwocHJvY2Vzcy5hcmd2WzJdKTsKY29uc3QgcmVnaXN0cnkgPSBuZXcgVVJMKHByb2Nlc3MuYXJndlszXSk7CmlmIChsb2NrZWQuaG9zdG5hbWUgPT09ICJyZWdpc3RyeS5ucG1qcy5vcmciKSB7CiAgbG9ja2VkLnByb3RvY29sID0gcmVnaXN0cnkucHJvdG9jb2w7CiAgbG9ja2VkLmhvc3QgPSByZWdpc3RyeS5ob3N0OwogIGxvY2tlZC5wYXRobmFtZSA9IGAke3JlZ2lzdHJ5LnBhdGhuYW1lLnJlcGxhY2UoL1wvJC8sICIiKX0ke2xvY2tlZC5wYXRobmFtZX1gOwp9CnByb2Nlc3Muc3Rkb3V0LndyaXRlKGxvY2tlZC5ocmVmKTsKTk9ERQp9KSIgfHwgewogIGVjaG8gIkNvdWxkIG5vdCBjb25zdHJ1Y3QgdGhlIGxvY2tlZC10YXJiYWxsIHByZWZsaWdodCBVUkwuIiA+JjIKICBleGl0IDY1CiAgfQoKICBwcmVmbGlnaHRfZGlyPSIke3J1bnRpbWVfcm9vdH0vcHJlZmxpZ2h0IgogIHByZWZsaWdodF90YXJiYWxsPSIke3ByZWZsaWdodF9kaXJ9L3ZpbmV4dC50Z3oiCiAgbWtkaXIgLXAgIiR7cHJlZmxpZ2h0X2Rpcn0iCgogIGVjaG8gIltzaXRlc10gZG93bmxvYWRpbmcgdGhlIGNvbXBsZXRlIGxvY2tlZCB2aW5leHQgdGFyYmFsbCIKICBjdXJsIFwKICAgIC0tZmFpbCBcCiAgICAtLWxvY2F0aW9uIFwKICAgIC0tc2lsZW50IFwKICAgIC0tc2hvdy1lcnJvciBcCiAgICAtLXJldHJ5IDAgXAogICAgLS1jb25uZWN0LXRpbWVvdXQgMTUgXAogICAgLS1tYXgtdGltZSAxMjAgXAogICAgLS1vdXRwdXQgIiR7cHJlZmxpZ2h0X3RhcmJhbGx9IiBcCiAgICAiJHtwcmVmbGlnaHRfdXJsfSIKCiAgZWNobyAiW3NpdGVzXSB2ZXJpZnlpbmcgbG9ja2VkIHZpbmV4dCB0YXJiYWxsIGludGVncml0eSIKICBub2RlIC0taW5wdXQtdHlwZT1tb2R1bGUgLSAiJHtwcmVmbGlnaHRfdGFyYmFsbH0iICIke2xvY2tlZF9pbnRlZ3JpdHl9IiA8PCdOT0RFJwppbXBvcnQgeyBjcmVhdGVIYXNoIH0gZnJvbSAibm9kZTpjcnlwdG8iOwppbXBvcnQgeyByZWFkRmlsZSB9IGZyb20gIm5vZGU6ZnMvcHJvbWlzZXMiOwoKY29uc3QgW2FsZ29yaXRobSwgZXhwZWN0ZWRdID0gcHJvY2Vzcy5hcmd2WzNdLnNwbGl0KCItIiwgMik7CmlmICghYWxnb3JpdGhtIHx8ICFleHBlY3RlZCkgewogIHRocm93IG5ldyBFcnJvcihgdW5zdXBwb3J0ZWQgaW50ZWdyaXR5IHZhbHVlOiAke3Byb2Nlc3MuYXJndlszXX1gKTsKfQpjb25zdCBhY3R1YWwgPSBjcmVhdGVIYXNoKGFsZ29yaXRobSkKICAudXBkYXRlKGF3YWl0IHJlYWRGaWxlKHByb2Nlc3MuYXJndlsyXSkpCiAgLmRpZ2VzdCgiYmFzZTY0Iik7CmlmIChhY3R1YWwgIT09IGV4cGVjdGVkKSB7CiAgdGhyb3cgbmV3IEVycm9yKGB2aW5leHQgdGFyYmFsbCBpbnRlZ3JpdHkgbWlzbWF0Y2ggZm9yICR7YWxnb3JpdGhtfWApOwp9Ck5PREUKICBlY2hvICJbc2l0ZXNdIG5ldHdvcmsgYW5kIGludGVncml0eSBwcmVmbGlnaHQgcGFzc2VkIgpmaQoKZWNobyAiW3NpdGVzXSBydW5uaW5nIGV4YWN0bHkgb25lIGJvdW5kZWQgbnBtIGNpIgpleHBvcnQgTlBNX0NPTkZJR19NQVhTT0NLRVRTPTEKZXhwb3J0IE5QTV9DT05GSUdfRkVUQ0hfUkVUUklFUz0wCmV4cG9ydCBOUE1fQ09ORklHX0ZFVENIX1RJTUVPVVQ9MzAwMDAKbnBtX2NpX2FyZ3M9KGNpIC0tcHJlZml4ICIke1NJVEVTX1BST0pFQ1RfUk9PVH0iIC0td29ya3NwYWNlcz1mYWxzZSAtLWluY2x1ZGU9ZGV2IC0taW5jbHVkZT1vcHRpb25hbCAtLWNhY2hlICIke2V4cGVjdGVkX2NhY2hlfSIpCmlmIFtbICIke3VzZV9zZWVkZWRfY2FjaGV9IiA9PSAiMSIgXV07IHRoZW4KICBucG1fY2lfYXJncys9KC0tcHJlZmVyLW9mZmxpbmUpCmZpCnRpbWVvdXQgXAogIC0tc2lnbmFsPVRFUk0gXAogIC0ta2lsbC1hZnRlcj0iJHtTSVRFU19JTlNUQUxMX0tJTExfQUZURVI6LTE1c30iIFwKICAiJHtTSVRFU19JTlNUQUxMX1RJTUVPVVQ6LThtfSIgXAogIG5wbSAiJHtucG1fY2lfYXJnc1tAXX0iCgp2aW5leHQ9IiR7U0lURVNfUFJPSkVDVF9ST09UfS9ub2RlX21vZHVsZXMvLmJpbi92aW5leHQiCmlmIFtbICEgLXggIiR7dmluZXh0fSIgXV07IHRoZW4KICBlY2hvICJucG0gY2kgZXhpdGVkIHN1Y2Nlc3NmdWxseSBidXQgbm9kZV9tb2R1bGVzLy5iaW4vdmluZXh0IGlzIHVuYXZhaWxhYmxlLiIgPiYyCiAgZXhpdCA2OQpmaQoKbm9kZSAtLWlucHV0LXR5cGU9bW9kdWxlIC0gIiR7U0lURVNfUFJPSkVDVF9ST09UfS9ub2RlX21vZHVsZXMvLnNpdGVzLWluc3RhbGwuanNvbiIgIiR7bG9ja2ZpbGVfc2hhMjU2fSIgIiR7Y2FjaGVfc2VlZF9yZXN1bHR9IiA8PCdOT0RFJwppbXBvcnQgeyBjb25zdGFudHMgfSBmcm9tICJub2RlOmZzIjsKaW1wb3J0IHsgb3Blbiwgd3JpdGVGaWxlIH0gZnJvbSAibm9kZTpmcy9wcm9taXNlcyI7Cgphd2FpdCB3cml0ZUZpbGUoCiAgcHJvY2Vzcy5hcmd2WzJdLAogIGAke0pTT04uc3RyaW5naWZ5KHsKICAgIGxvY2tmaWxlX3NoYTI1NjogcHJvY2Vzcy5hcmd2WzNdLAogICAgbm9kZTogcHJvY2Vzcy52ZXJzaW9uLAogICAgcGxhdGZvcm06IGAke3Byb2Nlc3MucGxhdGZvcm19LSR7cHJvY2Vzcy5hcmNofWAsCiAgfSwgbnVsbCwgMil9XG5gLAopOwovLyBUaGUgbWVhc3VyZWQgcGx1Z2luIHdyYXBwZXIgc3VwcGxpZXMgYW4gZXhpc3RpbmcgcHJpdmF0ZSBmaWxlIGZvciB0aGlzIGF0dGVtcHQuCi8vIENhY2hlIHRlbGVtZXRyeSBtdXN0IG5vdCBjaGFuZ2UgdGhlIGluc3RhbGwgcmVzdWx0IG9yIGNyZWF0ZSBhcmJpdHJhcnkgZmlsZXMuCmNvbnN0IHJlcG9ydFBhdGggPSBwcm9jZXNzLmVudi5TSVRFU19JTlNUQUxMX1JFUE9SVF9QQVRIOwppZiAocmVwb3J0UGF0aCkgewogIGxldCByZXBvcnQ7CiAgdHJ5IHsKICAgIHJlcG9ydCA9IGF3YWl0IG9wZW4ocmVwb3J0UGF0aCwgY29uc3RhbnRzLk9fV1JPTkxZIHwgY29uc3RhbnRzLk9fTk9GT0xMT1cgfCBjb25zdGFudHMuT19OT05CTE9DSyk7CiAgICBpZiAoKGF3YWl0IHJlcG9ydC5zdGF0KCkpLmlzRmlsZSgpKSB7CiAgICAgIGF3YWl0IHJlcG9ydC50cnVuY2F0ZSgwKTsKICAgICAgYXdhaXQgcmVwb3J0LndyaXRlRmlsZShgJHtKU09OLnN0cmluZ2lmeSh7IHZlcnNpb246IDEsIGNhY2hlX3NlZWQ6IHByb2Nlc3MuYXJndls0XSB9KX1cbmApOwogICAgfQogIH0gY2F0Y2ggewogICAgLy8gTGVhdmUgdGhlIGRlY2lzaW9uIHVuYXZhaWxhYmxlIHJhdGhlciB0aGFuIGludmVudGluZyBzZWVkIHVzZSBvciBmYWlsaW5nIHNldHVwLgogIH0gZmluYWxseSB7CiAgICBhd2FpdCByZXBvcnQ/LmNsb3NlKCkuY2F0Y2goKCkgPT4ge30pOwogIH0KfQpOT0RFCmVjaG8gIltzaXRlc10gbnBtIGNpIHBhc3NlZCBhbmQgdmluZXh0IGlzIGF2YWlsYWJsZSIK ```` --- ## File: `scripts/install-pnpm.sh` - Encoding: Base64 binary - Size: 9,024 bytes - SHA-256: `db980d931c7d1fb6d64dfede2fc698227d9bbd3bbb94f50a8966d9eb980bf10c` ````base64 IyEvdXNyL2Jpbi9lbnYgYmFzaApzZXQgLWV1byBwaXBlZmFpbAoKc2NyaXB0X2Rpcj0iJChjZCAiJChkaXJuYW1lICIke0JBU0hfU09VUkNFWzBdfSIpIiAmJiBwd2QpIgppZiBbWyAiJHtTSVRFU19FTlZfUkVBRFk6LX0iICE9ICIxIiBdXTsgdGhlbgogIGV4ZWMgIiR7c2NyaXB0X2Rpcn0vc2l0ZXMtZW52LnNoIiAtLSAiJDAiICIkQCIKZmkKCnJlcXVpcmVfc2hhcmVkPTAKcHJlcGFyZV9vbmx5PTAKZm9yIGFyZ3VtZW50IGluICIkQCI7IGRvCiAgY2FzZSAiJHthcmd1bWVudH0iIGluCiAgICAtLXJlcXVpcmUtc2hhcmVkKSByZXF1aXJlX3NoYXJlZD0xIDs7CiAgICAtLXByZXBhcmUtc3RvcmUpIHByZXBhcmVfb25seT0xIDs7CiAgICAqKSBlY2hvICJVbmtub3duIHBucG0gaW5zdGFsbGF0aW9uIG9wdGlvbjogJHthcmd1bWVudH0iID4mMjsgZXhpdCA2NCA7OwogIGVzYWMKZG9uZQoKZm9yIHRvb2wgaW4gZmxvY2sgdGltZW91dCBub2RlOyBkbwogIGNvbW1hbmQgLXYgIiR7dG9vbH0iID4vZGV2L251bGwgfHwgeyBlY2hvICJwbnBtIHNldHVwIHJlcXVpcmVzIExpbnV4IGZsb2NrLCBHTlUgdGltZW91dCwgYW5kIE5vZGUuanMuIiA+JjI7IGV4aXQgNjk7IH0KZG9uZQpjYWNoZV9zZWVkPWRlY2lzaW9uX3VuYXZhaWxhYmxlCnN0b3JlX3Njb3BlPXVua25vd24Kc3RvcmVfc3RhdGU9dW5hdmFpbGFibGUKcmVwb3J0X3N0b3JlKCkgewogIG5vZGUgIiR7c2NyaXB0X2Rpcn0vcG5wbS1pbnN0YWxsLm1qcyIgLS1yZXBvcnQtc3RvcmUgIiR7Y2FjaGVfc2VlZH0iICIke3N0b3JlX3Njb3BlfSIgIiR7c3RvcmVfc3RhdGV9IiAiJHtwcmVwYXJlX29ubHl9Igp9CiMgUHVibGlzaCBwcmVwYXJhdGlvbiBmYWlsdXJlcyB0b287IHRoZSBvcHRpb25hbCByZXBvcnQgbmV2ZXIgZGVjaWRlcyBzdWNjZXNzLgp0cmFwICdyZXBvcnRfc3RvcmUgfHwgdHJ1ZScgRVhJVAoKaWYgW1sgLW4gIiR7U0lURVNfUE5QTV9CSU46LX0iICYmIC1mICIke1NJVEVTX1BOUE1fQklOfSIgJiYgLXIgIiR7U0lURVNfUE5QTV9CSU59IiBdXTsgdGhlbgogIHBucG1fY29tbWFuZD0obm9kZSAiJHtTSVRFU19QTlBNX0JJTn0iKQplbGlmIFtbICIke3JlcXVpcmVfc2hhcmVkfSIgPT0gMSBdXTsgdGhlbgogIGVjaG8gIltzaXRlc10gdGhlIGltYWdlLXBpbm5lZCBwbnBtIGlzIHVuYXZhaWxhYmxlIiA+JjIKICBleGl0IDY5CmVsaWYgY29tbWFuZCAtdiBjb3JlcGFjayA+L2Rldi9udWxsOyB0aGVuCiAgIyBDb3JlcGFjayBob25vcnMgdGhlIGVzdGFibGlzaGVkIHByb2plY3QncyBwaW4gZXZlbiB3aGVuIFBBVEggaGFzIGEgZGlmZmVyZW50CiAgIyBwbnBtIHZlcnNpb24uIEEgYmFyZSBwbnBtIGlzIHVzZWQgb25seSBpZiBDb3JlcGFjayBpcyBhYnNlbnQsIHRoZW4gdmVyaWZpZWQuCiAgcG5wbV9jb21tYW5kPShjb3JlcGFjayBwbnBtKQplbGlmIGNvbW1hbmQgLXYgcG5wbSA+L2Rldi9udWxsOyB0aGVuCiAgcG5wbV9jb21tYW5kPShwbnBtKQplbHNlCiAgZWNobyAiVGhpcyBwbnBtIHByb2plY3QgcmVxdWlyZXMgcG5wbSAxMS4yNS4wIG9yIENvcmVwYWNrLiIgPiYyCiAgZXhpdCA2OQpmaQoKcnVudGltZV9yb290PSIke1NJVEVTX1JVTlRJTUVfUk9PVDotJHtTSVRFU19QUk9KRUNUX1JPT1R9Ly5zaXRlcy1ydW50aW1lfSIKcHJpdmF0ZV9zdG9yZT0iJHtydW50aW1lX3Jvb3R9L3BucG0tc3RvcmUiCmlmIFtbICIke0hPTUV9IiAhPSAiJHtydW50aW1lX3Jvb3R9L2hvbWUiIHx8IC1MICIke3ByaXZhdGVfc3RvcmV9IiBdXTsgdGhlbgogIGVjaG8gIkRlcGVuZGVuY3kgc2V0dXAgcmVxdWlyZXMgYSBwcm9qZWN0LW93bmVkIHdyaXRhYmxlIGhvbWUgYW5kIHBucG0gc3RvcmUuIiA+JjIKICBleGl0IDc4CmZpCiMgQSBzaW5nbGUgTm9kZSBwcm9jZXNzIG93bnMgdGhlIHJlZ3VsYXItZmlsZSBkZXNjcmlwdG9ycyBmb3IgYm90aCBsZWFzZXMuCiMgQ2xvc2luZyBpdHMgaW5wdXQgKGluY2x1ZGluZyB0aGlzIHNoZWxsIGV4aXRpbmcpIHJlbGVhc2VzIHRoZSBwcm9qZWN0IGxvY2suCmNvcHJvYyBTSVRFU19JTlNUQUxMX0xPQ0tTIHsKICBub2RlICIke3NjcmlwdF9kaXJ9L3BucG0taW5zdGFsbC5tanMiIC0taG9sZC1pbnN0YWxsLWxvY2tzIFwKICAgICIke3J1bnRpbWVfcm9vdH0vaW5zdGFsbC5sb2NrIiAiJHtTSVRFU19QTlBNX1NIQVJFRF9TVE9SRTotfS5zZWVkLmxvY2siIFwKICAgICIke1NJVEVTX1BOUE1fU1RPUkVfTE9DS19USU1FT1VUOi0zMH0iCn0KaW5zdGFsbF9sb2NrX3BpZD0iJHtTSVRFU19JTlNUQUxMX0xPQ0tTX1BJRH0iCmluc3RhbGxfbG9ja19vdXRwdXQ9IiR7U0lURVNfSU5TVEFMTF9MT0NLU1swXX0iCmluc3RhbGxfbG9ja19pbnB1dD0iJHtTSVRFU19JTlNUQUxMX0xPQ0tTWzFdfSIKbG9ja19zdGF0dXM9dW5hdmFpbGFibGUKcmVhZCAtciBsb2NrX3N0YXR1cyA8JiIke2luc3RhbGxfbG9ja19vdXRwdXR9IiB8fCB0cnVlCmlmIFtbICIke2xvY2tfc3RhdHVzfSIgIT0gbG9ja2VkIF1dOyB0aGVuCiAgZXhlYyB7aW5zdGFsbF9sb2NrX2lucHV0fT4mLQogIGV4ZWMge2luc3RhbGxfbG9ja19vdXRwdXR9PCYtCiAgd2FpdCAiJHtpbnN0YWxsX2xvY2tfcGlkfSIgfHwgdHJ1ZQogIGlmIFtbICIke2xvY2tfc3RhdHVzfSIgPT0gYnVzeSBdXTsgdGhlbgogICAgZWNobyAiQW5vdGhlciBkZXBlbmRlbmN5IGluc3RhbGwgaXMgYWxyZWFkeSBydW5uaW5nIGZvciAke1NJVEVTX1BST0pFQ1RfUk9PVH0uIiA+JjIKICAgIGV4aXQgNzUKICBmaQogIGVjaG8gIkRlcGVuZGVuY3kgc2V0dXAgcmVxdWlyZXMgYSByZWd1bGFyLCB3cml0YWJsZSBwcm9qZWN0IGluc3RhbGwgbG9jay4iID4mMgogIGV4aXQgNzgKZmkKZXhwb3J0IFhER19DQUNIRV9IT01FPSIke3J1bnRpbWVfcm9vdH0veGRnLWNhY2hlIiBYREdfREFUQV9IT01FPSIke3J1bnRpbWVfcm9vdH0veGRnLWRhdGEiCm1rZGlyIC1wICIke1hER19DQUNIRV9IT01FfSIgIiR7WERHX0RBVEFfSE9NRX0iIHx8IGV4aXQgNzAKcG5wbV92ZXJzaW9uPSIkKHRpbWVvdXQgLS1zaWduYWw9VEVSTSAtLWtpbGwtYWZ0ZXI9IiR7U0lURVNfSU5TVEFMTF9LSUxMX0FGVEVSOi0xNXN9IiBcCiAgIiR7U0lURVNfUE5QTV9CT09UU1RSQVBfVElNRU9VVDotMzBzfSIgIiR7cG5wbV9jb21tYW5kW0BdfSIgLS12ZXJzaW9uKSIKaWYgW1sgIiR7cG5wbV92ZXJzaW9ufSIgIT0gIjExLjI1LjAiIF1dOyB0aGVuCiAgZWNobyAiVGhpcyBwcm9qZWN0IHJlcXVpcmVzIHBucG0gMTEuMjUuMCBhbmQgaXRzIHYxMSBzdG9yZSBmb3JtYXQuIiA+JjIKICBleGl0IDY5CmZpCgpjYW5fd3JpdGVfZGlyZWN0b3J5KCkgewogIGxvY2FsIHByb2JlCiAgIyBhY2Nlc3MoKS90ZXN0IC13IGNhbiBzdWNjZWVkIGV2ZW4gd2hlbiBhIGtlcm5lbCBzYW5kYm94IGRlbmllcyBhIHdyaXRlLgogIHByb2JlPSIkKG1rdGVtcCAiJHsxfS8uc2l0ZXMtc3RvcmUtcHJvYmUuWFhYWFhYIiAyPi9kZXYvbnVsbCkiIHx8IHJldHVybiAxCiAgcm0gLWYgLS0gIiR7cHJvYmV9IiAyPi9kZXYvbnVsbAp9CgpyZWxlYXNlX3NoYXJlZF9sb2NrKCkgewogIGlmIFtbICIke3NoYXJlZF9sb2NrX2hlbGQ6LX0iID09IDEgXV07IHRoZW4KICAgIHByaW50ZiAnJXNcbicgcmVsZWFzZS1zaGFyZWQgPiYiJHtpbnN0YWxsX2xvY2tfaW5wdXR9IgogICAgbG9jYWwgc3RhdHVzCiAgICByZWFkIC1yIHN0YXR1cyA8JiIke2luc3RhbGxfbG9ja19vdXRwdXR9IiAmJiBbWyAiJHtzdGF0dXN9IiA9PSByZWxlYXNlZCBdXSB8fCByZXR1cm4gNzAKICAgIHNoYXJlZF9sb2NrX2hlbGQ9MAogIGZpCn0KCmFjcXVpcmVfc2hhcmVkX2xvY2soKSB7CiAgIyBUaGUgTm9kZSBob2xkZXIgb3BlbnMgdGhpcyB3b3Jrc3BhY2UtY29udHJvbGxlZCBlbnRyeSB3aXRoIG5vLWZvbGxvdyBhbmQKICAjIG5vbmJsb2NraW5nIGZsYWdzLCB0aGVuIHZlcmlmaWVzIGEgcmVndWxhciBmaWxlIGJlZm9yZSBib3VuZGVkIGZsb2NrLgogIHByaW50ZiAnJXNcbicgc2hhcmVkID4mIiR7aW5zdGFsbF9sb2NrX2lucHV0fSIKICBsb2NhbCBzdGF0dXMKICBpZiByZWFkIC1yIHN0YXR1cyA8JiIke2luc3RhbGxfbG9ja19vdXRwdXR9IiAmJiBbWyAiJHtzdGF0dXN9IiA9PSBsb2NrZWQgXV07IHRoZW4KICAgIHNoYXJlZF9sb2NrX2hlbGQ9MQogICAgcmV0dXJuIDAKICBmaQogIHJldHVybiAxCn0KCndyaXRhYmxlX3N0b3JlPSIke3ByaXZhdGVfc3RvcmV9IgpzaGFyZWRfc3RvcmU9IiR7U0lURVNfUE5QTV9TSEFSRURfU1RPUkU6LX0iCmlmIFtbICIke3NoYXJlZF9zdG9yZX0iID09ICIvd29ya3NwYWNlLy5zaXRlcy1ydW50aW1lL3BucG0tc3RvcmUiICYmCiAgICAgICEgLUwgIiR7c2hhcmVkX3N0b3JlfSIgJiYgISAtTCAiJHtzaGFyZWRfc3RvcmUlLyp9IiAmJgogICAgICAtZCAiJHtzaGFyZWRfc3RvcmUlLyovKn0iIF1dOyB0aGVuCiAgIyBOb3JtYWwgV29yayBhbHJlYWR5IHdyaXRlcyB0aGlzIG93bmVyJ3Mgd29ya3NwYWNlLiBOYXJyb3dlciBwcm9maWxlcyBtdXN0CiAgIyBwYXNzIHRoZSBhY3R1YWwgY3JlYXRlIHByb2JlLCB3aXRob3V0IHdpZGVuaW5nIHRoZWlyIHBlcm1pc3Npb25zLgogIGlmIG1rZGlyIC1wICIke3NoYXJlZF9zdG9yZSUvKn0iIDI+L2Rldi9udWxsICYmCiAgICAgIGNhbl93cml0ZV9kaXJlY3RvcnkgIiR7c2hhcmVkX3N0b3JlJS8qfSIgJiYKICAgICAgYWNxdWlyZV9zaGFyZWRfbG9jazsgdGhlbgogICAgaWYgW1sgISAtTCAiJHtzaGFyZWRfc3RvcmV9IiAmJiAhIC1MICIke3NoYXJlZF9zdG9yZSUvKn0iICYmCiAgICAgICAgICAoICEgLWUgIiR7c2hhcmVkX3N0b3JlfSIgfHwgKCAtZCAiJHtzaGFyZWRfc3RvcmV9IiAmJiAhIC1MICIke3NoYXJlZF9zdG9yZX0iICYmIC13ICIke3NoYXJlZF9zdG9yZX0iICkgKSBdXSAmJgogICAgICAgIHsgW1sgISAtZCAiJHtzaGFyZWRfc3RvcmV9IiBdXSB8fCBjYW5fd3JpdGVfZGlyZWN0b3J5ICIke3NoYXJlZF9zdG9yZX0iOyB9OyB0aGVuCiAgICAgIHdyaXRhYmxlX3N0b3JlPSIke3NoYXJlZF9zdG9yZX0iCiAgICAgIHN0b3JlX3Njb3BlPXdvcmtzcGFjZQogICAgZWxzZQogICAgICByZWxlYXNlX3NoYXJlZF9sb2NrCiAgICBmaQogIGVsc2UKICAgIHJlbGVhc2Vfc2hhcmVkX2xvY2sKICBmaQpmaQppZiBbWyAiJHtzdG9yZV9zY29wZX0iICE9IHdvcmtzcGFjZSBdXTsgdGhlbgogIGlmIFtbICIke3JlcXVpcmVfc2hhcmVkfSIgPT0gMSBdXTsgdGhlbgogICAgZWNobyAiW3NpdGVzXSB0aGUgd29ya3NwYWNlIHBucG0gc3RvcmUgaXMgdW5hdmFpbGFibGUiID4mMgogICAgZXhpdCA2OQogIGZpCiAgc3RvcmVfc2NvcGU9cHJvamVjdApmaQoKc2VlZD0iJHtTSVRFU19QTlBNX0NBQ0hFX1NFRUQ6LX0iCmNhY2hlX3NlZWQ9c2VlZF91bmF2YWlsYWJsZQppZiBbWyAtZCAiJHt3cml0YWJsZV9zdG9yZX0iIF1dOyB0aGVuCiAgIyBOZXZlciBtZXJnZSBhIG5ld2VyIGltYWdlIHNlZWQgaW50byBhbiBleGlzdGluZyBtdXRhYmxlIHN0b3JlLgogIHN0b3JlX3N0YXRlPXJldXNlZAogIGNhY2hlX3NlZWQ9bm90X2FwcGxpY2FibGUKICBpZiBbWyAtZiAiJHt3cml0YWJsZV9zdG9yZX0vLnNpdGVzLXBucG0tc2VlZC1hcHBsaWVkLmpzb24iIF1dOyB0aGVuIGNhY2hlX3NlZWQ9c2VlZF91c2VkOyBmaQplbHNlCiAgc2VlZF9jb21wYXRpYmxlPTAKICBpZiBbWyAtbiAiJHtzZWVkfSIgJiYgLWQgIiR7c2VlZH0vdjExIiBdXSAmJiBub2RlIC0taW5wdXQtdHlwZT1tb2R1bGUgLSAiJHtzZWVkfS8uc2l0ZXMtcG5wbS1zZWVkLmpzb24iIDw8J05PREUnCmltcG9ydCB7IHJlYWRGaWxlU3luYywgc3RhdFN5bmMgfSBmcm9tICJub2RlOmZzIjsKdHJ5IHsKICBjb25zdCBmaWxlbmFtZSA9IHByb2Nlc3MuYXJndlsyXTsKICBpZiAoc3RhdFN5bmMoZmlsZW5hbWUpLnNpemUgPiA0MDk2KSBwcm9jZXNzLmV4aXQoMSk7CiAgY29uc3Qgc2VlZCA9IEpTT04ucGFyc2UocmVhZEZpbGVTeW5jKGZpbGVuYW1lLCAidXRmOCIpKTsKICBwcm9jZXNzLmV4aXQoc2VlZC52ZXJzaW9uID09PSAxICYmIHNlZWQucG5wbV92ZXJzaW9uID09PSAiMTEuMjUuMCIgJiYKICAgIHNlZWQuc3RvcmVfdmVyc2lvbiA9PT0gInYxMSIgJiYgL15bYS1mMC05XXs2NH0kLy50ZXN0KHNlZWQubG9ja2ZpbGVfc2hhMjU2KSA/IDAgOiAxKTsKfSBjYXRjaCB7IHByb2Nlc3MuZXhpdCgxKTsgfQpOT0RFCiAgdGhlbiBzZWVkX2NvbXBhdGlibGU9MTsgZmkKICBpZiBbWyAiJHtzZWVkX2NvbXBhdGlibGV9IiA9PSAxIF1dOyB0aGVuCiAgICBpZiBbWyAiJHtwcmVwYXJlX29ubHl9IiA9PSAxIF1dOyB0aGVuCiAgICAgIGVjaG8gIltzaXRlc10gY29weWluZyB0aGUgaW1hZ2Ugc2VlZCBpbnRvIHRoZSB3cml0YWJsZSAke3N0b3JlX3Njb3BlfSBwbnBtIHN0b3JlIiA+JjIKICAgIGVsc2UKICAgICAgZWNobyAiW3NpdGVzXSBjb3B5aW5nIHRoZSBpbWFnZSBzZWVkIGludG8gdGhlIHdyaXRhYmxlICR7c3RvcmVfc2NvcGV9IHBucG0gc3RvcmUiCiAgICBmaQogICAgc2VlZF9zdGFnZT0iJChta3RlbXAgLWQgIiR7d3JpdGFibGVfc3RvcmV9LnNlZWQuWFhYWFhYIikiIHx8IGV4aXQgNzAKICAgIHRyYXAgJ2lmIFtbIC1uICIke3NlZWRfc3RhZ2U6LX0iIF1dOyB0aGVuIHJtIC1yZiAtLSAiJHtzZWVkX3N0YWdlfSI7IGZpOyByZXBvcnRfc3RvcmUgfHwgdHJ1ZScgRVhJVAogICAgdGltZW91dCAtLXNpZ25hbD1URVJNIC0ta2lsbC1hZnRlcj0iJHtTSVRFU19JTlNUQUxMX0tJTExfQUZURVI6LTE1c30iIFwKICAgICAgIiR7U0lURVNfUE5QTV9TVE9SRV9QUkVQQVJFX1RJTUVPVVQ6LTYwc30iIGJhc2ggLWMgXAogICAgICAnY3AgLWEgLS1uby1wcmVzZXJ2ZT1vd25lcnNoaXAgIiQxLy4iICIkMi8iICYmIGNobW9kIC1SIHUrcndYICIkMiInIF8gIiR7c2VlZH0iICIke3NlZWRfc3RhZ2V9IiB8fCBleGl0IDcwCiAgICBjcCAiJHtzZWVkfS8uc2l0ZXMtcG5wbS1zZWVkLmpzb24iICIke3NlZWRfc3RhZ2V9Ly5zaXRlcy1wbnBtLXNlZWQtYXBwbGllZC5qc29uIiB8fCBleGl0IDcwCiAgICAjIEFuIG9yZGluYXJ5IHBucG0gY29tbWFuZCBjYW4gaW5pdGlhbGl6ZSB0aGUgc3RvcmUgd2l0aG91dCBvdXIgc2VlZCBsb2NrLgogICAgIyBQdWJsaXNoIHdpdGhvdXQgcmVwbGFjaW5nIGV2ZW4gYW4gZW1wdHkgZGlyZWN0b3J5IGNyZWF0ZWQgYnkgdGhhdCBjb21tYW5kLgogICAgbXYgLVQgLS11cGRhdGU9bm9uZSAiJHtzZWVkX3N0YWdlfSIgIiR7d3JpdGFibGVfc3RvcmV9IiB8fCBleGl0IDcwCiAgICBpZiBbWyAtZCAiJHtzZWVkX3N0YWdlfSIgXV07IHRoZW4KICAgICAgaWYgW1sgLUwgIiR7d3JpdGFibGVfc3RvcmV9IiB8fCAhIC1kICIke3dyaXRhYmxlX3N0b3JlfSIgXV07IHRoZW4gZXhpdCA3ODsgZmkKICAgICAgcm0gLXJmIC0tICIke3NlZWRfc3RhZ2V9IiB8fCBleGl0IDcwCiAgICAgIHN0b3JlX3N0YXRlPXJldXNlZAogICAgICBjYWNoZV9zZWVkPW5vdF9hcHBsaWNhYmxlCiAgICAgIGlmIFtbIC1mICIke3dyaXRhYmxlX3N0b3JlfS8uc2l0ZXMtcG5wbS1zZWVkLWFwcGxpZWQuanNvbiIgXV07IHRoZW4gY2FjaGVfc2VlZD1zZWVkX3VzZWQ7IGZpCiAgICBlbHNlCiAgICAgIHN0b3JlX3N0YXRlPXNlZWRlZAogICAgICBjYWNoZV9zZWVkPXNlZWRfdXNlZAogICAgZmkKICAgIHNlZWRfc3RhZ2U9IiIKICBlbHNlCiAgICBta2RpciAtcCAiJHt3cml0YWJsZV9zdG9yZX0iIHx8IGV4aXQgNzAKICAgIHN0b3JlX3N0YXRlPWNyZWF0ZWQKICBmaQpmaQppZiAhIGNhbl93cml0ZV9kaXJlY3RvcnkgIiR7d3JpdGFibGVfc3RvcmV9IjsgdGhlbiBzdG9yZV9zdGF0ZT11bmF2YWlsYWJsZTsgZXhpdCA3MDsgZmkKcmVsZWFzZV9zaGFyZWRfbG9jawpyZXBvcnRfc3RvcmUKdHJhcCAtIEVYSVQKaWYgW1sgIiR7cHJlcGFyZV9vbmx5fSIgPT0gMSBdXTsgdGhlbiBleGl0IDA7IGZpCgojIENvbmZpZ3VyYXRpb24gdHJhdmVscyB3aXRoIHNvdXJjZSB3aXRob3V0IGVtYmVkZGluZyBhbiBhYnNvbHV0ZSBtYWNoaW5lIHBhdGguCiMgQSBsYXRlciByZXN0cmljdGVkIHNlc3Npb24gc2VsZWN0cyBhIHByaXZhdGUgc3RvcmUgYmVmb3JlIGl0cyBmcm96ZW4gcmVwYWlyLgpjb25maWd1cmVkX3N0b3JlPS5zaXRlcy1ydW50aW1lL3BucG0tc3RvcmUKaWYgW1sgIiR7c3RvcmVfc2NvcGV9IiA9PSB3b3Jrc3BhY2UgXV07IHRoZW4KICBjb25maWd1cmVkX3N0b3JlPScke1NJVEVTX1BOUE1fU0hBUkVEX1NUT1JFOi0uc2l0ZXMtcnVudGltZS9wbnBtLXN0b3JlfScKZWxpZiBbWyAiJHtydW50aW1lX3Jvb3R9IiAhPSAiJHtTSVRFU19QUk9KRUNUX1JPT1R9Ly5zaXRlcy1ydW50aW1lIiBdXTsgdGhlbgogIGNvbmZpZ3VyZWRfc3RvcmU9JyR7U0lURVNfUlVOVElNRV9ST09UOi0uc2l0ZXMtcnVudGltZX0vcG5wbS1zdG9yZScKZmkKIiR7cG5wbV9jb21tYW5kW0BdfSIgY29uZmlnIHNldCBwYWNrYWdlLWltcG9ydC1tZXRob2QgY2xvbmUtb3ItY29weSAtLWxvY2F0aW9uIHByb2plY3QKIiR7cG5wbV9jb21tYW5kW0BdfSIgY29uZmlnIHNldCBzdG9yZS1kaXIgIiR7Y29uZmlndXJlZF9zdG9yZX0iIC0tbG9jYXRpb24gcHJvamVjdAoiJHtwbnBtX2NvbW1hbmRbQF19IiBjb25maWcgc2V0IGNhY2hlLWRpciAiJHtjb25maWd1cmVkX3N0b3JlfS9wb2xpY3ktY2FjaGUiIC0tbG9jYXRpb24gcHJvamVjdAoKIyBDST10cnVlIGxldHMgbmF0aXZlIHBucG0gaW5zdGFsbCByZWJ1aWxkIG1vZHVsZXMgd2hvc2Ugc3RvcmUgbW92ZWQsIHdpdGhvdXQgYQojIHByb21wdCwgLS1mb3JjZSwgY2hhbmdpbmcgdGhlIGxvY2tmaWxlLCBvciB0cmFuc2xhdGluZyB0aGUgcHJvamVjdCBpbnRvIG5wbS4KQ0k9dHJ1ZSB0aW1lb3V0IC0tc2lnbmFsPVRFUk0gLS1raWxsLWFmdGVyPSIke1NJVEVTX0lOU1RBTExfS0lMTF9BRlRFUjotMTVzfSIgXAogICIke1NJVEVTX0lOU1RBTExfVElNRU9VVDotOG19IiBub2RlICIke3NjcmlwdF9kaXJ9L3BucG0taW5zdGFsbC5tanMiIFwKICAiJHtjYWNoZV9zZWVkfSIgIiR7c3RvcmVfc2NvcGV9IiAiJHtzdG9yZV9zdGF0ZX0iICIke3dyaXRhYmxlX3N0b3JlfSIgIiR7cG5wbV9jb21tYW5kW0BdfSIK ```` --- ## File: `scripts/pnpm-install.mjs` - Encoding: UTF-8 text - SHA-256: `380309d06af721775377f805e90bbba27118e91bf67cd6c87ca59b9ef56453e8` ````javascript import { spawn } from "node:child_process"; import { createHash } from "node:crypto"; import { accessSync, closeSync, constants, fstatSync, ftruncateSync, openSync, readFileSync, writeFileSync, writeSync, } from "node:fs"; import { constants as osConstants } from "node:os"; import path from "node:path"; import { createInterface } from "node:readline"; import { fileURLToPath } from "node:url"; const MAX_PACKAGES = 100_000; const CACHE_SEEDS = new Set(["seed_used", "seed_unavailable", "seed_lockfile_mismatch", "decision_unavailable", "not_applicable"]); const STORE_STATES = new Set(["created", "seeded", "reused", "unavailable"]); // The caller may use operational status only for // initial-setup fallback; an established project always retains pnpm. Broad // fetch failures can include TLS/auth errors and stay fatal. const OPERATIONAL_FAILURE_CODES = new Set([ "ERR_PNPM_UNEXPECTED_STORE", "ERR_PNPM_UNEXPECTED_VIRTUAL_STORE", "ERR_PNPM_OUTDATED_LOCKFILE", "ERR_PNPM_FROZEN_LOCKFILE_WITH_OUTDATED_LOCKFILE", "ERR_PNPM_NO_LOCKFILE", "ERR_PNPM_FETCH_408", "ERR_PNPM_FETCH_429", "ERR_PNPM_FETCH_500", "ERR_PNPM_FETCH_502", "ERR_PNPM_FETCH_503", "ERR_PNPM_FETCH_504", ]); // These are pnpm-reported package IDs, not an assertion about network bytes or // image-cache provenance. Do not interpret an installed-tree no-op as 100% reuse. export class InstallProgress { constructor(project) { this.project = path.resolve(project); this.reused = new Set(); this.downloaded = new Set(); this.complete = false; this.added = undefined; this.invalid = false; } accept(event) { if (event?.name === "pnpm:stats" && event.prefix === this.project && Number.isSafeInteger(event.added) && event.added >= 0) this.added = event.added; if (event?.name === "pnpm:stage" && event.stage === "importing_done" && event.prefix === this.project) this.complete = true; if (event?.name !== "pnpm:progress" || event.requester !== this.project || !["fetched", "found_in_store"].includes(event.status)) return; if (typeof event.packageId !== "string" || !event.packageId || event.packageId.length > 4096 || this.reused.size + this.downloaded.size >= MAX_PACKAGES) { this.invalid = true; return; } if (event.status === "fetched") { this.reused.delete(event.packageId); this.downloaded.add(event.packageId); } else if (!this.downloaded.has(event.packageId)) { this.reused.add(event.packageId); } } counts(success) { if (!success || !this.complete || !(this.added > 0) || this.invalid || this.reused.size + this.downloaded.size === 0) return {}; return { packages_reused: this.reused.size, packages_downloaded: this.downloaded.size }; } } function openReport() { const report = process.env.SITES_INSTALL_REPORT_PATH; if (!report || !constants.O_NOFOLLOW) return undefined; let fd; try { fd = openSync(report, constants.O_WRONLY | constants.O_NOFOLLOW | constants.O_NONBLOCK); if (fstatSync(fd).isFile()) return fd; } catch {} if (fd !== undefined) closeSync(fd); return undefined; } function writeReport(fd, report) { if (fd === undefined) return; try { const body = `${JSON.stringify(report)}\n`; writeSync(fd, body, 0, "utf8"); ftruncateSync(fd, Buffer.byteLength(body)); } catch { // Optional telemetry must not change installation behavior or expose its path. } } function showLine(line, progress, failure) { let event; try { event = JSON.parse(line); } catch { process.stdout.write(`${line}\n`); return; } progress.accept(event); if (event?.level === "error" && failure.code !== 65) { failure.code = event.name === "pnpm" && OPERATIONAL_FAILURE_CODES.has(event.err?.code) ? 70 : 65; } const message = event?.message ?? event?.err?.message; if (event?.name === "pnpm:lifecycle" && typeof event.line === "string") { process.stdout.write(`${event.line}\n`); } else if (typeof message === "string" && ["warn", "error", "info"].includes(event.level)) { const output = event.level === "error" ? process.stderr : process.stdout; output.write(`${message}\n`); } } async function openLock(filename, waitSeconds) { let fd; try { if (!filename || !constants.O_NOFOLLOW || !constants.O_NONBLOCK) throw new Error("Unsupported lock"); fd = openSync(filename, constants.O_CREAT | constants.O_RDWR | constants.O_NOFOLLOW | constants.O_NONBLOCK, 0o600); if (!fstatSync(fd).isFile()) throw new Error("Expected a regular lock file"); const child = spawn("flock", ["-w", waitSeconds, "3"], { stdio: ["ignore", "ignore", "ignore", fd] }); const code = await new Promise((resolve) => { child.once("error", () => resolve(undefined)); child.once("close", resolve); }); if (code === 0) return { status: "locked", fd }; closeSync(fd); return { status: code === undefined ? "unavailable" : "busy" }; } catch { if (fd !== undefined) closeSync(fd); return { status: "unavailable" }; } } async function holdInstallLocks(projectLock, sharedLock, waitSeconds) { // The shell holds both leases through stdin. EOF (including caller exit) // releases the same open file descriptions that flock locked in its child. const requests = createInterface({ input: process.stdin, crlfDelay: Infinity }); const project = await openLock(projectLock, "0"); let shared; try { process.stdout.write(`${project.status}\n`); for await (const request of requests) { if (request === "shared" && project.fd !== undefined) { shared ??= await openLock(sharedLock, waitSeconds); process.stdout.write(`${shared.status}\n`); } else if (request === "release-shared") { if (shared?.fd !== undefined) closeSync(shared.fd); shared = undefined; process.stdout.write("released\n"); } else { process.stdout.write("unavailable\n"); } } } finally { if (shared?.fd !== undefined) closeSync(shared.fd); if (project.fd !== undefined) closeSync(project.fd); requests.close(); } } async function main() { const argsIn = process.argv.slice(2); if (argsIn[0] === "--hold-install-locks") { await holdInstallLocks(argsIn[1], argsIn[2], argsIn[3]); return; } if (argsIn[0] === "--report-store") { const [, cacheSeed, storeScope, storeState, stdout] = argsIn; if (!CACHE_SEEDS.has(cacheSeed) || !["project", "workspace", "unknown"].includes(storeScope) || !STORE_STATES.has(storeState)) { process.exitCode = 64; return; } const report = { version: 1, cache_seed: cacheSeed, store_scope: storeScope, store_state: storeState }; const fd = openReport(); writeReport(fd, report); if (fd !== undefined) closeSync(fd); if (stdout === "1") process.stdout.write(`${JSON.stringify(report)}\n`); return; } const [cacheSeed, storeScope, storeState, store, executable, ...prefix] = argsIn; if (!CACHE_SEEDS.has(cacheSeed) || !["project", "workspace"].includes(storeScope) || !STORE_STATES.has(storeState) || storeState === "unavailable" || !store || !path.isAbsolute(store) || !executable) { process.stderr.write("Invalid pnpm installation arguments.\n"); process.exitCode = 64; return; } const fd = openReport(); const report = { version: 1, cache_seed: cacheSeed, store_scope: storeScope, store_state: storeState }; writeReport(fd, report); const progress = new InstallProgress(process.cwd()); const failure = {}; const env = { ...process.env }; delete env.SITES_INSTALL_REPORT_PATH; const args = [...prefix, "install", "--prod=false", "--ignore-scripts=false", "--frozen-lockfile", "--prefer-offline", "--store-dir", store, "--cache-dir", path.join(store, "policy-cache"), "--fetch-retries=0", "--fetch-timeout=30000", "--network-concurrency=1", "--reporter=ndjson", "--package-import-method=clone-or-copy"]; let result = { code: 1, signal: null }; let receivedSignal; try { const child = spawn(executable, args, { env, stdio: ["inherit", "pipe", "inherit"] }); const lines = createInterface({ input: child.stdout, crlfDelay: Infinity }); lines.on("line", (line) => showLine(line, progress, failure)); // timeout/exec owns the inherited group. Relaying would deliver signals twice. const signalHandlers = ["SIGINT", "SIGHUP", "SIGTERM"].map((signal) => { const handler = () => { receivedSignal ??= signal; }; process.on(signal, handler); return [signal, handler]; }); let spawnError; child.once("error", (error) => { spawnError = error; }); result = await new Promise((resolve) => child.once("close", (code, signal) => { resolve({ code: spawnError ? (spawnError.code === "ENOENT" ? 127 : 1) : code, signal }); })); for (const [signal, handler] of signalHandlers) process.removeListener(signal, handler); lines.close(); result.signal ??= receivedSignal; if (spawnError) { process.stderr.write("Unable to start pnpm.\n"); result.code = spawnError.code === "ENOENT" ? 127 : 65; } else if (result.code !== 0 && !result.signal) { result.code = failure.code ?? 65; } if (result.code === 0 && !result.signal) { accessSync("node_modules/.bin/vinext", constants.X_OK); const lock = readFileSync("pnpm-lock.yaml"); writeFileSync("node_modules/.sites-install.json", `${JSON.stringify({ package_manager: "pnpm@11.25.0", lockfile_sha256: createHash("sha256").update(lock).digest("hex"), node: process.version, platform: `${process.platform}-${process.arch}`, }, null, 2)}\n`); } } catch { process.stderr.write("Dependency setup did not produce a usable Vinext installation.\n"); result = { code: 65, signal: receivedSignal ?? null }; } finally { Object.assign(report, progress.counts(result.code === 0 && !result.signal)); writeReport(fd, report); if (fd !== undefined) closeSync(fd); } if (report.packages_reused !== undefined) { process.stdout.write(`[sites] pnpm reused ${report.packages_reused} packages and downloaded ${report.packages_downloaded}\n`); } if (result.code === 0 && !result.signal) process.stdout.write("[sites] dependency setup passed\n"); process.exitCode = result.signal ? 128 + (osConstants.signals[result.signal] ?? 0) : result.code ?? 1; if (result.signal) { try { process.kill(process.pid, result.signal); } catch {} } } if (process.argv[1] && path.resolve(process.argv[1]) === fileURLToPath(import.meta.url)) await main(); ```` --- ## File: `scripts/run-framework.mjs` - Encoding: UTF-8 text - SHA-256: `9bf9f41a29314cabe0238b8e9c540ec3f7b5a6adafc7c8fb6c3940722d061dca` ````javascript import { spawnSync } from "node:child_process"; import { fileURLToPath } from "node:url"; import { readExecutionProfile } from "./execution-profile.mjs"; const [command, ...args] = process.argv.slice(2); if (!["dev", "build"].includes(command)) throw new Error("Expected dev or build."); const managedLinux = readExecutionProfile() === "managed-linux"; if (managedLinux && command === "build") { const result = spawnSync("bash", [ fileURLToPath(new URL("./build-verified.sh", import.meta.url)), ...args, ], { stdio: "inherit" }); if (result.error) throw result.error; process.exit(result.status ?? 1); } // Import in this process so the preview owner retains its PID and signals. const cli = new URL(managedLinux ? "../node_modules/vite/bin/vite.js" : "../node_modules/vinext/dist/cli.js", import.meta.url); process.argv = [process.execPath, fileURLToPath(cli), command, ...(!managedLinux && command === "dev" ? ["--port", "5173"] : []), ...args]; await import(cli.href); ```` --- ## File: `scripts/sites-env.mjs` - Encoding: UTF-8 text - SHA-256: `5de99d6806b01f0ee0b941af3684d75dcf1afbbcff22cb95bfa2e584c5dafa88` ````javascript import { mkdirSync } from "node:fs"; import path from "node:path"; import { fileURLToPath } from "node:url"; export const projectRoot = fileURLToPath(new URL("../", import.meta.url)); const runtimeRoot = process.env.SITES_RUNTIME_ROOT || path.join(projectRoot, ".sites-runtime"); process.env.CLOUDFLARE_CF_FETCH_ENABLED ||= "false"; process.env.WRANGLER_SEND_METRICS ||= "false"; process.env.WRANGLER_WRITE_LOGS ||= "false"; process.env.WRANGLER_LOG_PATH ||= path.join(runtimeRoot, "wrangler/logs"); process.env.WRANGLER_REGISTRY_PATH ||= path.join(runtimeRoot, "wrangler/dev-registry"); process.env.MINIFLARE_REGISTRY_PATH ||= path.join(runtimeRoot, "wrangler/registry"); process.chdir(projectRoot); for (const directory of [ path.dirname(process.env.WRANGLER_LOG_PATH), process.env.WRANGLER_REGISTRY_PATH, process.env.MINIFLARE_REGISTRY_PATH, ]) { mkdirSync(directory, { recursive: true }); } ```` --- ## File: `scripts/sites-env.sh` - Encoding: Base64 binary - Size: 1,530 bytes - SHA-256: `df86ebfc27d2f00860036658e933ac0ddd7b5f6879aa5d51218f0863c7e1fb60` ````base64 IyEvdXNyL2Jpbi9lbnYgYmFzaApzZXQgLWV1byBwaXBlZmFpbAoKcHJvamVjdF9yb290PSIkKGNkICIkKGRpcm5hbWUgIiR7QkFTSF9TT1VSQ0VbMF19IikvLi4iICYmIHB3ZCkiCnJ1bnRpbWVfcm9vdD0iJHtTSVRFU19SVU5USU1FX1JPT1Q6LSR7cHJvamVjdF9yb290fS8uc2l0ZXMtcnVudGltZX0iCgpta2RpciAtcCBcCiAgIiR7cnVudGltZV9yb290fS9ob21lIiBcCiAgIiR7cnVudGltZV9yb290fS9ucG0tY2FjaGUiIFwKICAiJHtydW50aW1lX3Jvb3R9L3hkZy1jb25maWciIFwKICAiJHtydW50aW1lX3Jvb3R9L3RtcCIgXAogICIke3J1bnRpbWVfcm9vdH0vd3JhbmdsZXIvbG9ncyIKCmV4cG9ydCBTSVRFU19FTlZfUkVBRFk9MQpleHBvcnQgU0lURVNfUFJPSkVDVF9ST09UPSIke3Byb2plY3Rfcm9vdH0iCmV4cG9ydCBIT01FPSIke3J1bnRpbWVfcm9vdH0vaG9tZSIKZXhwb3J0IFhER19DT05GSUdfSE9NRT0iJHtydW50aW1lX3Jvb3R9L3hkZy1jb25maWciCmV4cG9ydCBUTVBESVI9IiR7cnVudGltZV9yb290fS90bXAiCmV4cG9ydCBXUkFOR0xFUl9XUklURV9MT0dTPWZhbHNlCmV4cG9ydCBXUkFOR0xFUl9MT0dfUEFUSD0iJHtydW50aW1lX3Jvb3R9L3dyYW5nbGVyL2xvZ3MiCmV4cG9ydCBNSU5JRkxBUkVfUkVHSVNUUllfUEFUSD0iJHtydW50aW1lX3Jvb3R9L3dyYW5nbGVyL3JlZ2lzdHJ5IgoKIyBUaGUgcnVudGltZSBtYXkgcHJvdmlkZSBhIGdsb2JhbCBucG0gY2FjaGUuIEtlZXAgdGhlIGltYWdlJ3MgcmVhZC1vbmx5IFNpdGVzCiMgc2VlZCBzZXBhcmF0ZSBhbmQgbWFrZSB0aGlzIHByb2plY3QncyB3cml0YWJsZSBjYWNoZSBhdXRob3JpdGF0aXZlLgp1bnNldCBOUE1fQ09ORklHX0NBQ0hFIG5wbV9jb25maWdfY2FjaGUgfHwgdHJ1ZQpleHBvcnQgbnBtX2NvbmZpZ19jYWNoZT0iJHtydW50aW1lX3Jvb3R9L25wbS1jYWNoZSIKZXhwb3J0IG5wbV9jb25maWdfYXVkaXQ9ZmFsc2UKZXhwb3J0IG5wbV9jb25maWdfZnVuZD1mYWxzZQpleHBvcnQgbnBtX2NvbmZpZ191cGRhdGVfbm90aWZpZXI9ZmFsc2UKCiMgVGhlIHJ1bnRpbWUgYWxyZWFkeSBzdXBwbGllcyB0aGUgc3RhbmRhcmQgSFRUUChTKV9QUk9YWSB2YXJpYWJsZXMuIFJlbW92ZQojIG5wbS1zcGVjaWZpYyBhbGlhc2VzIHNvIG5wbSAxMSBkb2VzIG5vdCByZWludGVycHJldCBvciB3YXJuIGFib3V0IHRoZW0uCnVuc2V0IFwKICBucG1fY29uZmlnX3Byb3h5IFwKICBucG1fY29uZmlnX2h0dHBfcHJveHkgXAogIG5wbV9jb25maWdfaHR0cHNfcHJveHkgXAogIE5QTV9DT05GSUdfUFJPWFkgXAogIE5QTV9DT05GSUdfSFRUUF9QUk9YWSBcCiAgTlBNX0NPTkZJR19IVFRQU19QUk9YWSBcCiAgfHwgdHJ1ZQoKaWYgW1sgIiR7MTotfSIgPT0gIi0tIiBdXTsgdGhlbgogIHNoaWZ0CmZpCgppZiBbWyAiJCMiIC1lcSAwIF1dOyB0aGVuCiAgZWNobyAidXNhZ2U6IHNjcmlwdHMvc2l0ZXMtZW52LnNoIC0tIGNvbW1hbmQgW2FyZ3MuLi5dIiA+JjIKICBleGl0IDY0CmZpCgpjZCAiJHtwcm9qZWN0X3Jvb3R9IgpleGVjICIkQCIK ```` --- ## File: `standalone/fonts.ts` - Encoding: UTF-8 text - SHA-256: `c003558008cfd8cdd6d8948a94339c5e2e47fde28a065bd9024ebcfd9b227f96` ````typescript import barlow from '@/public/fonts/barlow.ttf?url'; import bitter from '@/public/fonts/bitter.ttf?url'; import cabin from '@/public/fonts/cabin.ttf?url'; import firasans from '@/public/fonts/firasans.ttf?url'; import ibmplexsans from '@/public/fonts/ibmplexsans.ttf?url'; import karla from '@/public/fonts/karla.ttf?url'; import lato from '@/public/fonts/lato.ttf?url'; import librebaskerville from '@/public/fonts/librebaskerville.ttf?url'; import lora from '@/public/fonts/lora.ttf?url'; import merriweather from '@/public/fonts/merriweather.ttf?url'; import montserrat from '@/public/fonts/montserrat.ttf?url'; import nunitosans from '@/public/fonts/nunitosans.ttf?url'; import oswald from '@/public/fonts/oswald.ttf?url'; import ptserif from '@/public/fonts/ptserif.ttf?url'; import quicksand from '@/public/fonts/quicksand.ttf?url'; import raleway from '@/public/fonts/raleway.ttf?url'; import robotoslab from '@/public/fonts/robotoslab.ttf?url'; import rubik from '@/public/fonts/rubik.ttf?url'; import sourceserif4 from '@/public/fonts/sourceserif4.ttf?url'; import worksans from '@/public/fonts/worksans.ttf?url'; const base64=(url:string)=>url.slice(url.indexOf(',')+1); export const embeddedFonts:Record={barlow:base64(barlow),bitter:base64(bitter),cabin:base64(cabin),firasans:base64(firasans),ibmplexsans:base64(ibmplexsans),karla:base64(karla),lato:base64(lato),librebaskerville:base64(librebaskerville),lora:base64(lora),merriweather:base64(merriweather),montserrat:base64(montserrat),nunitosans:base64(nunitosans),oswald:base64(oswald),ptserif:base64(ptserif),quicksand:base64(quicksand),raleway:base64(raleway),robotoslab:base64(robotoslab),rubik:base64(rubik),sourceserif4:base64(sourceserif4),worksans:base64(worksans)}; ```` --- ## File: `standalone/index.html` - Encoding: UTF-8 text - SHA-256: `9761eae329f62da73454b16731e7bab72d3dfc57af2d37298627a5e7dfa1a39d` ````html Statement Studio — Offline
```` --- ## File: `standalone/main.tsx` - Encoding: UTF-8 text - SHA-256: `de8a4ecc5072f11643d98672ca084fe3a71ce90eb274357ab1d70121c5c9c050` ````tsx import React from 'react'; import { createRoot } from 'react-dom/client'; import Home from '@/app/page'; import { embeddedFonts } from './fonts'; import '@/app/globals.css'; (globalThis as typeof globalThis&{__STATEMENT_STUDIO_FONTS__?:Record}).__STATEMENT_STUDIO_FONTS__=embeddedFonts; const root=document.getElementById('root'); if(!root)throw new Error('Statement Studio could not start.'); createRoot(root).render(); ```` --- ## File: `standalone/vite.config.ts` - Encoding: UTF-8 text - SHA-256: `ff2f19a6ede8a938cf2a8fad6b80c93fccf61f2328944be6653dddb1423725c8` ````typescript import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; import { fileURLToPath, URL } from 'node:url'; export default defineConfig({ root:fileURLToPath(new URL('.',import.meta.url)), base:'./', resolve:{alias:{'@':fileURLToPath(new URL('..',import.meta.url))}}, plugins:[react()], build:{ outDir:fileURLToPath(new URL('../.standalone-dist',import.meta.url)), emptyOutDir:true, assetsInlineLimit:Number.MAX_SAFE_INTEGER, cssCodeSplit:false, rolldownOptions:{output:{codeSplitting:false}}, }, }); ```` --- ## File: `tests/check-issuers.test.mjs` - Encoding: UTF-8 text - SHA-256: `687007384a1b7d68d4d254ee652fe3a2097a8fc73e7e7a00f77ce904468d84a4` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import {defaultConfig,generatePack,checkSvg,depositSvg} from '../lib/statements.ts'; import {templatesFor} from '../lib/templates.ts'; import {bankLogos} from '../lib/bank-logos.ts'; import {evidenceFor} from '../lib/exports.ts'; const banks=templatesFor('bank'); const xml=s=>s.replaceAll('&','&'); function assertBrand(svg,bank){ assert.ok(svg.includes(`data-issuing-bank="${bank.id}"`)); assert.ok(svg.includes(`${xml(bank.institution)} logo`)); assert.ok(svg.includes(`>${xml(bank.institution)}`)); assert.ok(svg.includes(`fill="${bank.tint}"`)); assert.ok(svg.includes(`stroke="${bank.color}"`)); for(const shape of bankLogos[bank.id].shapes)assert.ok(svg.includes(`d="${shape.d}"`)); assert.equal(bankLogos[bank.id].name,bank.institution); assert.equal(bankLogos[bank.id].color,bank.color); } test('paid check images and export evidence follow each of the ten issuing bank templates',()=>{ for(const bank of banks){ const c=structuredClone(defaultConfig);c.accounts=[{...c.accounts[0],templateId:bank.id}]; c.linked=false;c.total='8';c.electronic=false;c.deposits=false; const p=generatePack(c,77),a=p.accounts[0],t=a.transactions[0],svg=checkSvg(a,t); assertBrand(svg,bank); assert.ok(svg.includes(a.number));assert.ok(svg.includes(xml(t.payee))); assert.equal(evidenceFor(a,[t])[0].svg,svg); assertBrand(checkSvg({...a,institution:'Outdated bank label'},t),bank); } }); test('customer checks use their own bank across all receiving/issuing bank combinations',()=>{ const p=generatePack(structuredClone(defaultConfig),88),base=p.accounts[0],t=base.transactions.find(t=>t.kind==='deposit'); for(const receiving of banks)for(const issuing of banks){ const a={...base,templateId:receiving.id,institution:receiving.institution}; const customer={customer:'Example Customer',bank:issuing.institution,bankTemplateId:issuing.id,number:'SAMPLE-3210',accountNumber:'TEST-C7654321',amount:10000}; const tx={...t,amount:customer.amount,customerChecks:[customer]},svg=checkSvg(a,tx,customer); assertBrand(svg,issuing);assert.ok(svg.includes(customer.accountNumber));assert.ok(!svg.includes(a.number)); assert.equal(evidenceFor(a,[tx])[1].svg,svg); const slip=depositSvg(a,tx);assert.ok(slip.includes(`${xml(receiving.institution)} logo`));assert.ok(slip.includes(`${xml(receiving.institution)} · ${a.number}`)); assert.equal(checkSvg(a,tx,{...customer,bankTemplateId:undefined}),svg); } }); test('generated customer checks retain the matching issuer ID and name; unknown issuers never borrow another bank logo',()=>{ const p=generatePack({...structuredClone(defaultConfig),total:'1500'},42); const seen=new Set(); for(const a of p.accounts)for(const t of a.transactions)for(const customer of t.customerChecks??[]){ const bank=banks.find(b=>b.id===customer.bankTemplateId);assert.ok(bank);assert.equal(customer.bank,bank.institution);assertBrand(checkSvg(a,t,customer),bank);seen.add(bank.id); } assert.equal(seen.size,10); const a=p.accounts[0],t=a.transactions.find(t=>t.kind==='deposit'),customer={...t.customerChecks[0],bank:'Other Fictional Bank',bankTemplateId:undefined}; const svg=checkSvg(a,t,customer);assert.ok(svg.includes('>Other Fictional Bank'));assert.ok(!svg.includes('')); }); ```` --- ## File: `tests/check-memos.test.mjs` - Encoding: UTF-8 text - SHA-256: `2856c27762dfc2838792605f95f5c0702caae074ab37119559ae945ce975b918` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import {defaultConfig,generatePack,checkSvg,withCheckPayeeNames,validatePack} from '../lib/statements.ts'; import {expenseCheckMemo} from '../lib/check-memos.ts'; import {evidenceFor,cleanTransactionCsv} from '../lib/exports.ts'; const xml=s=>s.replaceAll('&','&'); test('issued checks keep the statement owner in FROM while payees and expense memos vary',()=>{ const config={...structuredClone(defaultConfig),total:'1800'}; const pack=generatePack(config,182),again=generatePack(config,182),toggled=withCheckPayeeNames(pack,true); assert.deepEqual(pack,again);assert.deepEqual(validatePack(pack),[]); const memos=new Set(),payees=new Set(); for(const a of pack.accounts){ const fromAreas=new Set(); for(const t of a.transactions.filter(t=>t.kind==='check')){ const svg=checkSvg(a,t);fromAreas.add(svg.match(/<g data-check-from=.*?<\/g>/)[0]); assert.ok(svg.includes(`data-check-from="${xml(a.holder)}"`)); assert.ok(svg.includes(`>${xml(t.payee)}</text>`)); assert.ok(t.checkMemo&&!t.checkMemo.includes(t.id)); assert.ok(svg.includes(`Memo: ${xml(t.checkMemo)}</text>`)); assert.equal(evidenceFor(a,[t])[0].svg,svg); const shown=toggled.transactions.find(x=>x.id===t.id); assert.equal(shown.checkMemo,t.checkMemo);assert.equal(checkSvg(a,shown),svg); assert.equal(t.description,'Check '+t.checkNumber); assert.ok(!cleanTransactionCsv(a,[t]).includes(t.checkMemo)); payees.add(t.payee);memos.add(t.checkMemo); } if(a.type==='bank')assert.equal(fromAreas.size,1); } assert.ok(payees.size>30);assert.ok(memos.size>30); }); test('memo choices follow specific vendor services and the check month',()=>{ const cases=[ ['Mr. Rooter Plumbing',16,/plumb|water leak/i], ['Aire Serv',16,/HVAC|AC repair|air conditioning/i], ['CertaPro Painters',16,/paint/i], ['Brightpath IT Consulting',22,/server|network|computer|IT support/i], ['Willow HR Advisory',22,/HR|handbook|hiring/i], ['99designs',5,/design|artwork/i], ['Cedar Tax Advisors',21,/tax/i], ['Property tax payment',28,/property tax/i], ['Building permit fee',28,/building permit/i], ['Staples',13,/supplies|paper|toner|supply/i], ]; for(const [payee,categoryId,expected] of cases)for(const variation of [0,.2,.5,.8,.99]){ const memo=expenseCheckMemo({date:'2026-02-12',payee,categoryId},variation); assert.match(memo,expected,`${payee}: ${memo}`);assert.ok(memo.length<=42); } for(const date of ['2026-01-12','2026-02-12','2026-12-12']){ const expected={'01':'Jan','02':'Feb','12':'Dec'}[date.slice(5,7)],memos=new Set(); for(const variation of [0,.4,.8]){const memo=expenseCheckMemo({date,payee:'WeWork',categoryId:9},variation);assert.ok(memo.includes(expected));assert.match(memo,/rent/i);memos.add(memo);} assert.equal(memos.size,3); } }); test('deposited checks show the customer as FROM and the statement owner as payee, with stable receipt memos',()=>{ const p=generatePack(structuredClone(defaultConfig),12); for(const a of p.accounts)for(const t of a.transactions)for(const c of t.customerChecks??[]){ const svg=checkSvg(a,t,c); assert.ok(svg.includes(`data-check-from="${xml(c.customer)}"`)); assert.ok(svg.includes(`font-size="24">${xml(a.holder)}</text>`)); assert.ok(c.memo&&!c.memo.includes(t.id)); assert.ok(svg.includes(`Memo: ${xml(c.memo)}</text>`)); assert.equal(checkSvg(a,t,c),svg); } }); ```` --- ## File: `tests/customer-deposits.test.mjs` - Encoding: UTF-8 text - SHA-256: `af9d21c6d039f99143b4373f8ec72ac06349a2d3e1be9137058a10b0bfd1e09c` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import {defaultConfig,generatePack,validatePack,checkSvg,depositSvg,accountAddress} from '../lib/statements.ts'; import {depositCsv,evidenceFor,contactCsv} from '../lib/exports.ts'; import {templatesFor} from '../lib/templates.ts'; const xml=s=>s.replaceAll('&','&'); test('deposits mix customers and banks, retaining each customer identity across accounts and months',()=>{ const cfg={...structuredClone(defaultConfig),total:'1200'},pack=generatePack(cfg,39); assert.deepEqual(pack,generatePack(cfg,39));assert.deepEqual(validatePack(pack),[]); const profiles=new Map(),numbers=new Map(),banks=new Set(),addresses=new Set();let mixed=0,repeated=0; for(const a of pack.accounts)for(const t of a.transactions){ if(!t.customerChecks)continue; assert.equal(t.customerChecks.reduce((sum,c)=>sum+c.amount,0),t.amount); assert.equal(new Set(t.customerChecks.map(c=>c.customer)).size,t.customerChecks.length); if(new Set(t.customerChecks.map(c=>c.bank)).size>1)mixed++; for(const c of t.customerChecks){ assert.ok(c.amount>0);assert.ok(c.address.line1&&c.address.line2);assert.notDeepEqual(c.address,accountAddress); assert.equal(templatesFor('bank').find(b=>b.id===c.bankTemplateId).institution,c.bank); const identity={bank:c.bank,bankTemplateId:c.bankTemplateId,address:c.address,accountNumber:c.accountNumber}; if(profiles.has(c.customer)){assert.deepEqual(identity,profiles.get(c.customer));repeated++;}else profiles.set(c.customer,identity); const previous=numbers.get(c.customer)??new Set();assert.ok(!previous.has(c.number));previous.add(c.number);numbers.set(c.customer,previous); const svg=checkSvg(a,t,c);assert.ok(svg.includes(`data-check-from="${xml(c.customer)}"`));assert.ok(svg.includes(xml(c.address.line1)));assert.ok(svg.includes(xml(c.address.line2))); assert.ok(svg.includes(`font-size="24">${xml(a.holder)}</text>`));assert.ok(!svg.includes(accountAddress.line1)); banks.add(c.bank);addresses.add(JSON.stringify(c.address)); } assert.ok(depositSvg(a,t).includes(xml(a.institution))); } assert.equal(banks.size,10);assert.ok(addresses.size>80);assert.ok(mixed>30);assert.ok(repeated>50); assert.equal(contactCsv(pack,'customer').split('\r\n')[0],'\uFEFF"Name"'); }); test('deposit images and details export carry the same customer address, with independent fallback for older checks',()=>{ const pack=generatePack(structuredClone(defaultConfig),10),a=pack.accounts[0],t=a.transactions.find(t=>t.customerChecks),c=t.customerChecks[0]; assert.equal(evidenceFor(a,[t])[1].svg,checkSvg(a,t,c)); const details=depositCsv(pack);assert.ok(details.includes('"Customer address line 1","Customer address line 2"'));assert.ok(details.includes(`"${c.address.line1}"`));assert.ok(details.includes(`"${c.address.line2}"`)); const legacy={...c,address:undefined},svg=checkSvg(a,t,legacy);assert.ok(!svg.includes(accountAddress.line1));assert.equal(checkSvg(a,t,legacy),svg); }); test('small balance-target deposits contain positive checks that reconcile exactly',()=>{ for(const cents of [1,2,3])for(let seed=0;seed<8;seed++){ const cfg=structuredClone(defaultConfig);cfg.accounts=[{...cfg.accounts[0],beginning:'0',ending:(cents/100).toFixed(2)}];cfg.linked=false;cfg.electronic=false;cfg.checks=false;cfg.deposits=true;cfg.total='1';cfg.months='1'; const pack=generatePack(cfg,seed),t=pack.transactions[0];assert.equal(t.amount,cents);assert.ok(t.customerChecks.every(c=>c.amount>0));assert.equal(t.customerChecks.reduce((sum,c)=>sum+c.amount,0),cents);assert.deepEqual(validatePack(pack),[]); } }); ```` --- ## File: `tests/expense-documents.test.mjs` - Encoding: UTF-8 text - SHA-256: `be3f99e4c5621fb304ca6171a702ec5879929e96d3733e01726cba602e18979d` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import JSZip from 'jszip'; import {defaultConfig,generatePack,withCheckPayeeNames} from '../lib/statements.ts'; import {expenseDocuments,expenseMethod} from '../lib/expense-documents.ts'; import {expenseDocumentPdf} from '../lib/expense-document-pdf.ts'; import {addExpenseDocumentFiles} from '../lib/exports.ts'; test('every vendor expense has one exact matching document; financing, customers and refunds have none',()=>{ const c=structuredClone(defaultConfig);c.total='900'; c.accounts.push({id:'loan',type:'loan',label:'Loan',beginning:'5000',ending:'',annualRate:'12',monthlyPayment:'500',paymentDay:'15',paymentBankId:'operating'}); const p=generatePack(c,66),before=JSON.stringify(p),docs=expenseDocuments(p); const expected=p.accounts.flatMap(a=>a.transactions.filter(t=>t.partyRole==='vendor'&&!['loan_payment','payment','transfer'].includes(t.kind)&&(a.type==='bank'?t.amount<0:a.type==='credit'&&t.amount>0))); assert.equal(docs.length,expected.length);assert.equal(new Set(docs.map(d=>d.transactionId)).size,expected.length); for(const d of docs){const t=expected.find(t=>t.id===d.transactionId);assert.ok(t);assert.equal(d.amount,Math.abs(t.amount));assert.equal(d.vendor,t.payee||t.partyName);assert.equal(d.paymentDate,t.date);assert.equal(d.accountId,t.accountId);} assert.equal(JSON.stringify(p),before);assert.deepEqual(expenseDocuments(p),docs); assert.deepEqual(expenseDocuments(withCheckPayeeNames(p,true)),docs); assert.ok(p.transactions.some(t=>t.partyRole==='customer'&&t.amount<0)); assert.ok(p.transactions.some(t=>t.kind==='purchase'&&t.amount<0)); }); test('payment methods select the right format and never mistake bank outflows or card credits',()=>{ const p=generatePack(structuredClone(defaultConfig),66),a=p.accounts[0],card=p.accounts[2]; const t={id:'t',accountId:a.id,date:'2026-01-01',description:'',kind:'electronic',amount:-12501,balance:0,partyName:'Willow Services',partyRole:'vendor'}; for(const [description,method] of [['ACH debit · Willow','ACH'],['Wire payment · Willow','Wire'],['Debit card · Willow','Debit card'],['VENMO PAYMENT · Willow','Electronic payment']])assert.equal(expenseMethod(a,{...t,description}),method); assert.equal(expenseMethod(a,{...t,kind:'check',description:'Check 1123'}),'Check'); assert.equal(expenseMethod(card,{...t,kind:'purchase',amount:12501}),'Credit card'); for(const kind of ['payment','transfer','loan_payment','deposit'])assert.equal(expenseMethod(a,{...t,kind}),null); for(const amount of [0,12501])assert.equal(expenseMethod(a,{...t,amount}),null); assert.equal(expenseMethod(card,{...t,kind:'purchase'}),null); assert.equal(expenseMethod(a,{...t,partyRole:'customer'}),null); }); test('receipt dates match exactly and invoice ages cover 0–30 days across year and leap-day boundaries',()=>{ const p=generatePack(structuredClone(defaultConfig),5),a=p.accounts[0]; a.transactions=Array.from({length:600},(_,i)=>({id:`TEST-${i}`,accountId:a.id,date:['2026-01-01','2024-03-01'][i%2],description:'ACH debit · Willow Services',kind:i%3?'check':'electronic',amount:-12345,balance:0,partyRole:'vendor',partyName:'Willow Services',checkNumber:String(i+1000)})); const docs=expenseDocuments(p),invoices=docs.filter(e=>e.kind==='invoice'),ages=new Set(); for(const e of docs){const days=(Date.parse(e.paymentDate)-Date.parse(e.date))/86400000;if(e.kind==='receipt')assert.equal(days,0);else{assert.ok(days>=0&&days<=30);assert.equal((Date.parse(e.dueDate)-Date.parse(e.date))/86400000,30);ages.add(days);}} assert.equal(ages.size,31);assert.ok(invoices.some(e=>e.date.startsWith('2025-12')));assert.ok(invoices.some(e=>e.date==='2024-02-29')); }); test('the ZIP separates every source account, preserves hidden payees, and uses small receipts and letter invoices',async()=>{ const c=structuredClone(defaultConfig);c.total='80';const p=generatePack(c,66); p.accounts[1].label=p.accounts[0].label;p.accounts[1].number=p.accounts[0].number; const docs=expenseDocuments(p),zip=new JSZip();await addExpenseDocumentFiles(zip,p,()=>{}); const files=Object.values(zip.files).filter(f=>!f.dir),pdfs=files.filter(f=>f.name.endsWith('.pdf')); assert.equal(pdfs.length,docs.length);assert.equal(new Set(docs.map(d=>d.path)).size,docs.length); assert.equal(new Set(docs.map(d=>d.sourceFolder)).size,3); assert.ok(files.every(f=>f.name.startsWith('Receipts & Invoices/')||f.name==='instructor/expense-document-matching-key.csv')); assert.ok((await zip.file('instructor/expense-document-matching-key.csv').async('string')).includes('Payment date')); const hidden=p.transactions.find(t=>t.kind==='check');assert.ok(!hidden.description.includes(hidden.payee));assert.equal(docs.find(d=>d.transactionId===hidden.id).vendor,hidden.payee); for(const kind of ['receipt','invoice']){ const e=docs.find(d=>d.kind===kind),pdf=expenseDocumentPdf(e,p.accounts.find(a=>a.id===e.accountId)); assert.equal(pdf.getNumberOfPages(),1); assert.ok(Math.abs(pdf.internal.pageSize.getWidth()-(kind==='receipt'?226.77:612))<.01); if(kind==='invoice')assert.equal(pdf.internal.pageSize.getHeight(),792);else assert.ok(pdf.internal.pageSize.getHeight()<500); } }); test('documents follow final calibrated amounts and empty expense packs export without stray PDFs',async()=>{ const c=structuredClone(defaultConfig);c.accounts=[{...c.accounts[0],beginning:'10000',ending:'4000'}];c.checks=false;c.deposits=false;c.linked=false;c.months='1';c.total='30'; const p=generatePack(c,42);for(const e of expenseDocuments(p))assert.equal(e.amount,Math.abs(p.transactions.find(t=>t.id===e.transactionId).amount)); const empty={...p,accounts:p.accounts.map(a=>({...a,transactions:[]})),transactions:[]}; assert.deepEqual(expenseDocuments(empty),[]);const zip=new JSZip();await addExpenseDocumentFiles(zip,empty,()=>{}); assert.equal(Object.keys(zip.files).filter(n=>n.endsWith('.pdf')).length,0); }); ```` --- ## File: `tests/ledger-csv.test.mjs` - Encoding: UTF-8 text - SHA-256: `002336980e997a38593b86d99830c4a670251526ff100071396a091f5ab09a75` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import JSZip from 'jszip'; import {defaultConfig,generatePack} from '../lib/statements.ts'; import {ledgerAccountCsv,ledgerAccountCsvZip,transactionCsv} from '../lib/exports.ts'; function parseCsv(text){ const rows=[];let row=[],cell='',quoted=false;const value=text.replace(/^\uFEFF/,''); for(let i=0;i<value.length;i++){ const c=value[i]; if(c==='"'){if(quoted&&value[i+1]==='"'){cell+='"';i++;}else quoted=!quoted;} else if(!quoted&&c===','){row.push(cell);cell='';} else if(!quoted&&c==='\r'&&value[i+1]==='\n'){row.push(cell);rows.push(row);row=[];cell='';i++;} else cell+=c; } row.push(cell);rows.push(row);return rows; } test('ledger ZIP contains one four-column CSV per bank/card for the entire pack, excluding loans',async()=>{ const c=structuredClone(defaultConfig);c.accounts.push({id:'loan',type:'loan',label:'Equipment loan',beginning:'5000',ending:'',annualRate:'12',monthlyPayment:'500',paymentDay:'15',paymentBankId:'operating'}); const p=generatePack(c,66),completeBefore=transactionCsv(p),blob=await ledgerAccountCsvZip(p),zip=await JSZip.loadAsync(await blob.arrayBuffer()); const accounts=p.accounts.filter(a=>a.type!=='loan'),files=Object.values(zip.files).filter(f=>!f.dir); assert.equal(files.length,accounts.length);assert.ok(files.every(f=>f.name.endsWith('.csv'))); for(const [index,a] of accounts.entries()){ const rows=parseCsv(await files[index].async('string')); assert.deepEqual(rows[0],['Date','Description','Amount','No.']); const transactions=a.transactions.filter(t=>t.amount!==0);assert.equal(rows.length,transactions.length+1); for(const [i,t] of transactions.entries()){ const [date,description,amount,num]=rows[i+1];assert.equal(rows[i+1].length,4); assert.equal(date,`${t.date.slice(5,7)}/${t.date.slice(8,10)}/${t.date.slice(0,4)}`); assert.equal(description,t.description);assert.equal(amount,(t.amount/100).toFixed(2));assert.equal(num,t.checkNumber||''); } assert.equal(new Set(rows.slice(1).map(r=>r[0].slice(0,2))).size,3); } assert.equal(transactionCsv(p),completeBefore); const completeRows=parseCsv(completeBefore);assert.equal(completeRows[0].length,19);assert.equal(completeRows.length,p.total+1);assert.ok(completeRows.some(r=>r[0]==='Equipment loan')); }); test('check references, escaped descriptions, and duplicate labels export without loss or filename collisions',async()=>{ const p=generatePack(structuredClone(defaultConfig),10),a=p.accounts[0],check=a.transactions.find(t=>t.kind==='check'); check.description='Vendor, Inc. "Repair"\nOffice work';check.checkNumber='00123'; const row=parseCsv(ledgerAccountCsv(a)).find(r=>r[3]==='00123');assert.equal(row[1],check.description); p.accounts[1].label=a.label;p.accounts[1].number=a.number; const zip=await JSZip.loadAsync(await (await ledgerAccountCsvZip(p)).arrayBuffer());assert.equal(Object.keys(zip.files).length,3);assert.equal(new Set(Object.keys(zip.files)).size,3); }); test('large accounts stay in one file each and include transactions beyond the visible ledger page',async()=>{ const c=structuredClone(defaultConfig);c.accounts=c.accounts.filter(a=>a.id!=='savings');c.total='2400'; const p=generatePack(c,6),zip=await JSZip.loadAsync(await (await ledgerAccountCsvZip(p)).arrayBuffer()); const files=Object.values(zip.files);assert.equal(files.length,2); for(const [i,a] of p.accounts.entries()){assert.ok(a.transactions.length>999);assert.equal(parseCsv(await files[i].async('string')).length,a.transactions.filter(t=>t.amount!==0).length+1);} }); ```` --- ## File: `tests/loans.test.mjs` - Encoding: UTF-8 text - SHA-256: `573260bda46f87a3a8b0ae7dc28d228b32a31ac6ed6595dc3aeefd20b513cf75` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import { defaultConfig, generatePack, validatePack, loanTotals } from '../lib/statements.ts'; function scenario(loan={},config={}){const c=structuredClone(defaultConfig);return {...c,...config,accounts:[...c.accounts,{id:'loan',type:'loan',label:'Equipment loan',beginning:'10000',ending:'',annualRate:'12',monthlyPayment:'1000',paymentDay:'15',paymentBankId:'savings',...loan}]};} const getLoan=p=>p.accounts.find(a=>a.id==='loan'); test('fixed cash payments split correctly and match the selected bank to the cent',()=>{ const p=generatePack(scenario(),33),loan=getLoan(p);assert.deepEqual(validatePack(p),[]);assert.equal(p.total,180);assert.equal(p.statements.length,12); assert.deepEqual(loan.transactions.map(t=>[t.date,t.paymentAmount,t.principalAmount,t.interestAmount,t.balance]),[['2026-01-15',100000,90000,10000,910000],['2026-02-15',100000,90900,9100,819100],['2026-03-15',100000,91809,8191,727291]]); for(const t of loan.transactions){const match=p.accounts.find(a=>a.id==='savings').transactions.find(b=>b.linkId===t.linkId);assert.equal(match.amount,-t.paymentAmount);assert.equal(match.principalAmount+match.interestAmount,-match.amount);assert.equal(match.date,t.date);assert.equal(t.amount,-t.principalAmount);} const ss=p.statements.filter(s=>s.accountId==='loan');assert.equal(ss[1].opening,ss[0].closing);assert.deepEqual(loanTotals(ss[1]),{payments:100000,principal:90900,interest:9100}); }); test('zero interest and early payoff stop further payments',()=>{const p=generatePack(scenario({beginning:'3000',annualRate:'0'},{months:'6'}),2);const l=getLoan(p);assert.equal(l.transactions.length,3);assert.equal(l.closing,0);assert.ok(l.transactions.every(t=>t.principalAmount===100000&&t.interestAmount===0));assert.equal(p.statements.filter(s=>s.accountId==='loan').at(-1).transactions.length,0);assert.deepEqual(validatePack(p),[]);}); test('final payment is capped at the remaining principal plus interest',()=>{const p=generatePack(scenario({beginning:'1000',monthlyPayment:'600'}),11);assert.deepEqual(getLoan(p).transactions.map(t=>[t.paymentAmount,t.principalAmount,t.interestAmount]),[[60000,59000,1000],[41410,41000,410]]);assert.equal(getLoan(p).closing,0);assert.deepEqual(validatePack(p),[]);}); test('partial months include only scheduled dates and preserve empty statements',()=>{const p=generatePack(scenario({}, {start:'2024-01-20',end:'2024-03-10',periodMode:'range'}),7);assert.equal(getLoan(p).transactions.length,1);assert.equal(getLoan(p).transactions[0].date,'2024-02-15');assert.deepEqual(p.statements.filter(s=>s.accountId==='loan').map(s=>[s.opening,s.closing,s.transactions.length]),[[1000000,1000000,0],[1000000,910000,1],[910000,910000,0]]);assert.deepEqual(validatePack(p),[]);}); test('loan links persist with optional connections off and fixed bank balance targets',()=>{const c=scenario({}, {linked:false});c.accounts[1].ending='18000';const p=generatePack(c,49);assert.equal(p.connections,3);assert.equal(p.accounts[1].closing,1800000);assert.deepEqual(validatePack(p),[]);}); test('invalid loan terms reject intentionally',()=>{for(const loan of [{beginning:'0'},{beginning:'-10'},{annualRate:'-1'},{annualRate:'51'},{monthlyPayment:'100'},{monthlyPayment:'-1'},{paymentDay:'29'},{paymentDay:'0'},{paymentBankId:'card'},{paymentBankId:'deleted'},{ending:'5000'}])assert.throws(()=>generatePack(scenario(loan),4));const c=scenario();c.accounts=c.accounts.filter(a=>a.type!=='bank');assert.throws(()=>generatePack(c),/add a bank account/);assert.throws(()=>generatePack(scenario({}, {total:'1'})),/needs at least/);}); test('multiple randomized loans reconcile without random non-loan activity',()=>{for(let i=1;i<=50;i++){const c=scenario({beginning:'',annualRate:'',monthlyPayment:'',paymentDay:'',paymentBankId:''});c.accounts.push({...c.accounts.at(-1),id:'loan-2',label:'Vehicle loan'});const p=generatePack(c,i);assert.deepEqual(validatePack(p),[]);assert.equal(p.total,180);for(const a of p.accounts.filter(a=>a.type==='loan')){assert.ok(a.transactions.every(t=>t.kind==='loan_payment'));assert.ok(a.closing>=0);assert.ok(a.transactions.every(t=>t.paymentAmount<=a.loan.monthlyPayment));}}}); test('validator detects corrupted interest and unmatched loan payment',()=>{const p=generatePack(scenario(),6);const l=getLoan(p);l.transactions[0].interestAmount++;assert.ok(validatePack(p).some(e=>e.includes('Loan split mismatch')));}); test('bank and card scenarios continue to reconcile',()=>{for(let i=0;i<10;i++){const p=generatePack(structuredClone(defaultConfig),i);assert.deepEqual(validatePack(p),[]);assert.equal(p.total,180);assert.equal(p.statements.length,9);}}); ```` --- ## File: `tests/templates-library.test.mjs` - Encoding: UTF-8 text - SHA-256: `897bcb65873aeb74ec4c30f0eacef969ad37814499127853d674dc3a566dad3d` ````javascript import test from 'node:test'; import assert from 'node:assert/strict'; import {defaultConfig,generatePack,validatePack} from '../lib/statements.ts'; import {statementTemplates,templatesFor} from '../lib/templates.ts'; import {merchants,personalNames,categories,libraryGroups} from '../lib/transaction-library.ts'; import {contactsFor} from '../lib/contacts.ts'; import {transactionCsv,cleanTransactionCsv,contactCsv} from '../lib/exports.ts'; const config=()=>structuredClone(defaultConfig); test('20 distinct templates and requested library coverage',()=>{ assert.equal(templatesFor('bank').length,10);assert.equal(templatesFor('credit').length,10);assert.equal(new Set(statementTemplates.map(t=>t.font)).size,20); assert.deepEqual(libraryGroups.slice(0,6).map(g=>g.count),[100,100,100,10,10,25]);assert.equal(new Set(personalNames).size,100);assert.equal(categories.length,30);assert.equal(categories[29].cash,false);assert.ok(merchants.every(m=>m.categoryId!==30&&m.min>0&&m.max>=m.min)); }); test('connected banks share chosen issuer; cards keep their own; disconnect restores independent choice',()=>{ const c=config();c.accounts[0].templateId='redwood';c.accounts[1].templateId='cedar';c.accounts[2].templateId='orbit';let p=generatePack(c,10); assert.deepEqual(p.accounts.map(a=>a.templateId),['redwood','redwood','orbit']);assert.equal(p.accounts[0].institution,p.accounts[1].institution);assert.notEqual(p.accounts[2].institution,p.accounts[0].institution);assert.deepEqual(validatePack(p),[]); c.linked=false;p=generatePack(c,10);assert.deepEqual(p.accounts.map(a=>a.templateId),['redwood','cedar','orbit']); for(const t of statementTemplates){const s=config();s.accounts=s.accounts.filter(a=>a.type===t.type).slice(0,1);s.accounts[0].templateId=t.id;s.linked=false;const p=generatePack(s,6);assert.equal(p.accounts[0].institution,t.institution);assert.equal(p.accounts[0].templateId,t.id);assert.deepEqual(validatePack(p),[]);} }); test('seeds randomize templates, choices persist, and all seeds reconcile',()=>{ const templates=new Set();for(let i=0;i<30;i++){const p=generatePack(config(),i);templates.add(p.accounts[0].templateId);assert.deepEqual(validatePack(p),[]);assert.equal(p.total,180);const again=generatePack(p.config,i+100);assert.deepEqual(again.accounts.map(a=>a.templateId),p.accounts.map(a=>a.templateId));assert.ok(p.transactions.every(t=>t.categoryId!==30));}assert.ok(templates.size>=8); }); test('used counterparties export once, cover deposited checks and refunds, with globally unique names',()=>{ const c=config();c.total='1800';const p=generatePack(c,47),contacts=contactsFor(p);const names=contacts.map(c=>c.name.toLowerCase());assert.equal(new Set(names).size,names.length);assert.ok(contacts.length>100); for(const t of p.transactions){for(const customer of t.customerChecks||[])assert.ok(contacts.some(c=>c.role==='customer'&&c.statementNames.includes(customer.customer)&&c.transactionIds.includes(t.id)));if(t.partyName)assert.ok(contacts.some(c=>c.role===t.partyRole&&c.statementNames.includes(t.partyName)&&c.transactionIds.includes(t.id)));} assert.ok(p.transactions.some(t=>t.partyRole==='customer'&&t.amount<0));assert.ok(contacts.some(c=>c.name!==c.statementNames[0]));assert.ok(contacts.every(c=>c.transactionIds.length>0));assert.equal(contactCsv(p,'customer').split('\r\n')[0],'\uFEFF"Name"'); }); test('clean CSV has exactly the requested columns and check numbers; detailed ledger has No.',()=>{ const p=generatePack(config(),4),a=p.accounts[0],tx=a.transactions.find(t=>t.kind==='check');const clean=cleanTransactionCsv(a).replace(/^\uFEFF/,'').split('\r\n');assert.equal(clean[0],'"Date","Description","Amounts","Num"');assert.ok(clean.some(row=>row.endsWith(`,"${tx.checkNumber}"`)));assert.ok(cleanTransactionCsv(a,[tx]).includes((tx.amount/100).toFixed(2)));assert.equal(cleanTransactionCsv(a,[tx],true).split('\r\n')[0],'\uFEFF"Date","Description","Amount"');assert.ok(transactionCsv(p).split('\r\n')[0].endsWith(',"No."'));assert.deepEqual(validatePack(p),[]); }); ```` --- ## File: `tests/ts-loader.mjs` - Encoding: UTF-8 text - SHA-256: `c9b8bf8aa85315f2187e75cd9853815be0946c3d4dfff569b2fbe3fae5171b26` ````javascript import fs from 'node:fs/promises'; import {fileURLToPath} from 'node:url'; import ts from 'typescript'; export async function resolve(spec,ctx,next){try{return await next(spec,ctx);}catch(e){if(spec.startsWith('.')&&!/\.[a-z]+$/.test(spec))return next(spec+'.ts',ctx);throw e;}} export async function load(url,ctx,next){if(url.endsWith('.ts'))return{format:'module',shortCircuit:true,source:ts.transpileModule(await fs.readFile(fileURLToPath(url),'utf8'),{compilerOptions:{module:ts.ModuleKind.ESNext,target:ts.ScriptTarget.ES2022}}).outputText};return next(url,ctx);} ```` --- ## File: `tsconfig.json` - Encoding: UTF-8 text - SHA-256: `7199c6e4e400921e8049729840165a39f1476fa97901bed00239e7697bfe8da4` ````json { "compilerOptions": { "target": "ES2017", "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "strict": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "bundler", "resolveJsonModule": true, "isolatedModules": true, "jsx": "react-jsx", "incremental": true, "plugins": [ { "name": "next" } ], "paths": { "@/*": [ "./*" ] }, "types": [ "node", "@cloudflare/workers-types" ] }, "include": [ "next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts" ], "exclude": [ "node_modules", "examples" ] } ```` --- ## File: `vendor/shadcn-tailwind-4.13.0.LICENSE.md` - Encoding: UTF-8 text - SHA-256: `1564074e13439397221ffd522e2e504d56561994a23d371aa5e3ad43e4f5423f` ````markdown MIT License Copyright (c) 2023 shadcn Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ```` --- ## File: `vendor/shadcn-tailwind-4.13.0.css` - Encoding: UTF-8 text - SHA-256: `bc7d83425702955b4cb67cb14ede9d603f9d912376d57a2d81d661094d2a782a` ````css @theme inline { @keyframes accordion-down { from { height: 0; } to { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } } @keyframes accordion-up { from { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } to { height: 0; } } } /* Custom variants */ @custom-variant data-open { &:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; } } @custom-variant data-closed { &:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; } } @custom-variant data-checked { &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; } } @custom-variant data-unchecked { &:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; } } @custom-variant data-selected { &:where([data-selected="true"]) { @slot; } } @custom-variant data-disabled { &:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; } } @custom-variant data-active { &:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; } } @custom-variant data-horizontal { &:where([data-orientation="horizontal"]) { @slot; } } @custom-variant data-vertical { &:where([data-orientation="vertical"]) { @slot; } } @utility no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } } /* scroll-fade */ @property --scroll-fade-t { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --scroll-fade-b { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --scroll-fade-s { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --scroll-fade-e { syntax: "<length-percentage>"; inherits: false; initial-value: 0px; } @property --scroll-fade-mask { syntax: "*"; inherits: false; } @theme inline { @keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } } } @utility scroll-fade { --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } } @utility scroll-fade-y { --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-block: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); } } @utility scroll-fade-x { --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-inline: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); } } @utility scroll-fade-t { --_scroll-fade-size-t: var( --scroll-fade-t-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, transparent 0, #000 var(--scroll-fade-t, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); } } @utility scroll-fade-b { --_scroll-fade-size-b: var( --scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); } } @utility scroll-fade-l { --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } } @utility scroll-fade-r { --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } } @utility scroll-fade-s { --_scroll-fade-size-s: var( --scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, transparent 0, #000 var(--scroll-fade-s, 0px), #000 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); } } @utility scroll-fade-e { --_scroll-fade-size-e: var( --scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))) ); --scroll-fade-mask: linear-gradient( to right, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient( to left, #000 0, #000 calc(100% - var(--scroll-fade-e, 0px)), transparent 100% ); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc( 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24)) ) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); } } @utility scroll-fade-* { --scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]); } @utility scroll-fade-t-* { --scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]); } @utility scroll-fade-b-* { --scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]); } @utility scroll-fade-s-* { --scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]); } @utility scroll-fade-e-* { --scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]); } @utility scroll-fade-none { --scroll-fade-mask: none; } /* shimmer */ @property --shimmer-angle { syntax: "<angle>"; inherits: true; initial-value: 20deg; } @property --shimmer-image { syntax: "*"; inherits: false; } @property --shimmer-text-fill { syntax: "*"; inherits: false; } @theme inline { @keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } } } @utility shimmer { --_spread: var(--shimmer-spread, calc(3ch + 40px)); --_base: currentColor; --_highlight: var( --shimmer-color, oklch(from currentColor l c h / calc(alpha* 0.2)) ); background-image: var( --shimmer-image, linear-gradient( calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * 0.5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * 0.5), var(--_base) calc(50% + var(--_spread)) ) ); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill, transparent); animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite; @variant dark { --_highlight: var( --shimmer-color, oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4)) ); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; } } @utility shimmer-once { animation-iteration-count: 1; } @utility shimmer-reverse { animation-direction: reverse; } @utility shimmer-none { --shimmer-image: none; --shimmer-text-fill: currentColor; } @utility shimmer-color-* { --shimmer-color: --value(--color, [color]); --shimmer-color: color-mix( in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent ); } @utility shimmer-duration-* { --shimmer-duration: calc(--value(integer) * 1ms); } @utility shimmer-spread-* { --shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]); } @utility shimmer-angle-* { --shimmer-angle: calc(--value(integer) * 1deg); } @media (prefers-reduced-motion: reduce) { .shimmer { animation: none; background-image: none; -webkit-text-fill-color: currentColor; } } ```` --- ## File: `vite.config.ts` - Encoding: UTF-8 text - SHA-256: `4b9d8a6b14fd155328847bc6cd063c6bf44c58c64de8d46911cdf0ede611e367` ````typescript import vinext from "vinext"; import { defineConfig } from "vite"; import hostingConfig from "./.openai/hosting.json"; import { readExecutionProfile } from "./scripts/execution-profile.mjs"; import { sites } from "./build/sites-vite-plugin"; const SITE_CREATOR_PLACEHOLDER_DATABASE_ID = "00000000-0000-4000-8000-000000000000"; const { d1, r2 } = hostingConfig; // macOS Seatbelt blocks FSEvents, so Codex previews need polling for HMR. const isCodexSeatbeltSandbox = process.env.CODEX_SANDBOX === "seatbelt"; const managedLinux = readExecutionProfile() === "managed-linux"; const localBindingConfig = { main: "vinext/server/fetch-handler", compatibility_flags: ["nodejs_compat"], d1_databases: d1 ? [ { binding: d1, database_name: "site-creator-d1", database_id: SITE_CREATOR_PLACEHOLDER_DATABASE_ID, }, ] : [], r2_buckets: r2 ? [ { binding: r2, bucket_name: "site-creator-r2", }, ] : [], }; export default defineConfig(async () => { // Use Miniflare's local Request.cf placeholder unless fetching is requested. process.env.CLOUDFLARE_CF_FETCH_ENABLED ??= "false"; process.env.WRANGLER_SEND_METRICS ??= "false"; // Keep Wrangler and Miniflare state project-local. These are non-secret tool // settings; application environment belongs in ignored `.env*` files. process.env.WRANGLER_WRITE_LOGS ??= "false"; process.env.WRANGLER_LOG_PATH ??= ".wrangler/logs"; process.env.WRANGLER_REGISTRY_PATH ??= ".wrangler/dev-registry"; process.env.MINIFLARE_REGISTRY_PATH ??= ".wrangler/registry"; // Wrangler snapshots its log path while the Cloudflare plugin is imported. const { cloudflare } = await import("@cloudflare/vite-plugin"); return { server: { ...(managedLinux ? { host: "0.0.0.0", allowedHosts: ["terminal.local"] } : {}), ...(isCodexSeatbeltSandbox ? { watch: { useFsEvents: false, usePolling: true } } : {}), }, plugins: [ vinext(), sites({ mockAuth: !managedLinux }), cloudflare({ viteEnvironment: { name: "rsc", childEnvironments: ["ssr"] }, inspectorPort: false, config: localBindingConfig, }), ], }; }); ```` --- # Claude Artifact adaptation instructions Use this section only when the target is a **Claude Artifact**, rather than a normal local or hosted code project. Claude Artifacts are optimized for self-contained interactive React applications. The original Statement Studio project uses a multi-file Next.js/Vinext structure, build tooling, automated tests, local font assets, and deployment configuration. Do not try to reproduce that infrastructure inside the Artifact. Instead, use the complete source above as the authoritative functional and visual specification and adapt the application to the capabilities available in Claude Artifacts. ## Instructions for Claude 1. Create a working interactive React Artifact—not a written explanation, architecture proposal, or static mockup. 2. Preserve the primary Statement Studio experience: scenario configuration, bank/credit-card/loan accounts, statement periods, transaction generation, matched transfers and payments, statement previews, transaction ledger, supporting check/deposit images, and available browser downloads. 3. Preserve all accounting calculations and sign conventions. Bank inflows are positive and outflows are negative. Credit-card charges are positive and payments or credits are negative. Loan payments must reconcile between principal, interest, and the funding bank. 4. Adapt the original multi-file application into the smallest maintainable Artifact-compatible React structure. Consolidate modules when necessary, but do not intentionally simplify or remove core business logic merely to shorten the code. 5. Use only libraries and browser capabilities supported in the Artifact environment. If a package, server feature, or framework API is unavailable, replace it with an equivalent browser-side implementation. 6. Do not depend on Next.js routing, Cloudflare Workers, a database, environment variables, external APIs, or persistent server storage. Keep generated scenario state in the Artifact session unless Claude Artifacts provides an approved local persistence mechanism. 7. Treat the embedded fonts, hosting files, build scripts, tests, and deployment configuration as reference material. They do not all need to be recreated inside the Artifact. 8. Retain responsive behavior, accessible labels, keyboard focus states, clear error messages, and the established Statement Studio visual design. 9. Implement and validate the application in stages if the entire adaptation cannot be completed reliably in one response: first the generator and interface, then statement rendering, then PDF/CSV/ZIP exports and supporting documents. 10. After each stage, run the Artifact, fix runtime errors, and confirm that generated balances and matched transactions reconcile before proceeding. ## Ready-to-use Claude prompt > Read the attached Statement Studio Complete Developer Build Package in full and create a functional Claude Artifact adaptation using React. The complete source above is the authoritative reference for behavior, calculations, content, and visual design. Build the working Artifact; do not merely summarize the project or provide setup instructions. Preserve the scenario builder, bank/credit-card/loan accounts, statement generation, connected transactions, previews, transaction ledger, supporting images, and browser-based exports. Adapt unsupported Next.js, Vinext, hosting, testing, and filesystem features to the Claude Artifact environment without weakening the accounting logic. If the full implementation is too large for one pass, complete the core generator and interface first, verify that it runs, and then add the export features in subsequent revisions.