\n \n \n\n",[147],"d83389f7-019d-438a-a011-e90ac8b68f2c","deno.json","ec407f4c-9ce0-11f1-b46e-1607ee4eb77e",12,["D",1787262527510],"{\n \"tasks\": {\n \"dev\": \"deno run --allow-net --allow-read --allow-env --env-file=.env --watch=main.tsx,server/ main.tsx\",\n \"check\": \"deno check main.tsx && deno fmt --check && deno lint\"\n },\n \"compilerOptions\": {\n \"jsx\": \"react\",\n \"lib\": [\n \"deno.window\",\n \"dom\",\n \"dom.iterable\"\n ]\n },\n \"fmt\": {\n \"exclude\": [\n \"circleave/\",\n \"frontend/model.jsx\"\n ]\n },\n \"lint\": {\n \"exclude\": [\n \"circleave/\",\n \"frontend/model.jsx\"\n ],\n \"rules\": {\n \"exclude\": [\n \"no-import-prefix\"\n ]\n }\n }\n}\n",[154],"475216cd-9df6-4841-ac44-7296637cd744","README.md","ec6db6c4-9ce0-11f1-b46e-1607ee4eb77e",16,["D",1787262527750],"# househunt\n\nInteractive model of a Takoma Park purchase: closing costs, SBLOC bridge,\ndouble-carry during renovation, MD reassessment, and 60 months of cash / equity.\n\nBehind a password, and your figures live in your browser, not in this repo.\n\n## Run locally\n\n```\ndeno task dev\n```\n\nReads `.env` (see `.env.example`) and serves http://localhost:8000. The server\nwatches itself; client edits are picked up on reload — files are read and\ntranspiled per request, no build step.\n\n`deno task check` runs `deno check` + `fmt --check` + `lint`.\n\n## Access\n\nOne shared password in `HOUSEHUNT_PASSWORD`. Signing in sets a signed, HttpOnly\ncookie good for 30 days; the signing secret is derived from the password, so\nchanging the password signs every device out. Set `SESSION_SECRET` to pin it\ninstead. Every route except `/login` is gated, including the client modules.\n\n## Your numbers\n\nNothing personal is in the source. `frontend/schema.js` splits inputs in two:\n\n- `MODEL_PARAMS` — rates, county fees, reassessment and policy assumptions.\n Generic, stay in the repo.\n- `PERSONAL_FIELDS` — price, renovation budget, cash, gifts, SBLOC, income,\n rent. Blank in the repo, entered on first visit, saved to `localStorage` under\n `househunt:inputs:v1`.\n\nFirst visit shows a setup screen: type the figures in, or paste a JSON blob.\nYour original values are in `private/defaults.local.json` (gitignored, and\nexcluded from the Val Town push) — paste that on first load, then delete the\nfile if you'd rather it not sit on disk.\n\nAfter that every edit persists automatically. The left column has **Copy values\nas JSON** (for moving to another browser), **Reset rates and fees**, **Erase and\nstart over** (back to the setup screen), and **Sign out**. Clearing site data\nloses the figures — copy them out first.\n\n## Layout\n\n| Path | What it is |\n| --------------------- | ------------------------------------------------------------- |\n| `main.tsx` | Hono app — default export for Val Town, `Deno.serve` locally |\n| `server/auth.ts` | Password check, signed session cookie, gate middleware |\n| `server/files.ts` | File serving: `std/utils` on Val Town, disk + sucrase locally |\n| `login.html` | Sign-in page |\n| `index.html` | App shell: Twind CDN, Val Town error catcher, module script |\n| `frontend/index.jsx` | Mounts setup or model depending on what's stored |\n| `frontend/setup.jsx` | First-run screen |\n| `frontend/schema.js` | Model params vs. personal fields |\n| `frontend/storage.js` | localStorage read/write |\n| `frontend/model.jsx` | The model and its UI |\n\nReact and recharts load from esm.sh in the browser, pinned to react 18.2.0.\nClient imports keep explicit extensions (`./model.jsx`) because the browser\nresolves them as URLs.\n\n## Moving to Val Town\n\nPush these files to a val with `main.tsx` as the HTTP entrypoint, then set\n`HOUSEHUNT_PASSWORD` in the val's environment variables — it is not in the code\nand the app returns a 500 explaining itself until it's set. `.vtignore` keeps\n`.env` and `private/` out of the push.\n\nThere:\n\n- `serveFile` from `https://esm.town/v/std/utils/index.ts` reads project files\n and transpiles `.jsx` on the way out; sucrase and the disk reads are never\n loaded (`IS_VAL_TOWN` is decided by whether modules load over `https:`).\n- `/source` redirects to the val via `parseVal()`.\n- Client errors surface in val logs through `https://esm.town/v/std/catch`.\n",[161],"e11cd396-bbb1-48ae-a06a-fef4a5ff4b11",".vtignore","ec8c86f8-9ce0-11f1-9127-1607ee4eb77e",18,["D",1787262528022],".env\nprivate/\ndeno.lock\n.claude/\n",[168],"1a454ade-9c32-4f15-9645-afe67d71cf47",".gitignore","ec80c23c-9ce0-11f1-9de6-1607ee4eb77e",17,["D",1787262527830],".env\nprivate/\n",[175],"502a51b5-277f-43d5-841c-742634ce6439",["D",1787262527956],[28],"5766a7d8-7e21-4697-b7bf-49455daf9980","server","ebc38d70-9ce0-11f1-b401-1607ee4eb77e",3,["D",1787262526708],"directory",[185],"3f0d95ec-1add-4f3e-b34b-06b996f6dc1f","private","ebde0286-9ce0-11f1-a8fe-1607ee4eb77e",4,["D",1787262526886],[192],"09e9afd4-e9f5-4b6f-845b-7d6603a73ed5","frontend","eb86824a-9ce0-11f1-8fc3-1607ee4eb77e",1,["D",1787262526308],[198],"78d7f272-0701-40df-8840-0f030f38668b","circleave","ebf2f236-9ce0-11f1-8fc3-1607ee4eb77e",5,["D",1787262527027],[204],"5c2a5547-d76c-4567-8522-29423283e60f",".claude","eba0af44-9ce0-11f1-a8fe-1607ee4eb77e",2,["D",1787262526487],[210],"pulls","branches","forks","envVars",{"_222":200,"_224":60},"connections",{"_222":60,"_223":60},"count","unfilledCount","emptyCount",{"_41":209,"_32":210,"_30":211,"_137":-5,"_39":40,"_38":212,"_139":24,"_36":334,"_13":60,"_33":189,"_34":-5,"_23":26,"_143":-5,"_245":335,"_27":336},{"_41":203,"_32":204,"_30":205,"_137":-5,"_39":40,"_38":206,"_139":26,"_36":331,"_13":60,"_33":189,"_34":-5,"_23":26,"_143":-5,"_245":332,"_27":333},{"_41":197,"_32":198,"_30":199,"_137":-5,"_39":40,"_38":200,"_139":24,"_36":328,"_13":60,"_33":189,"_34":-5,"_23":26,"_143":-5,"_245":329,"_27":330},{"_41":320,"_32":321,"_30":322,"_137":199,"_39":40,"_38":323,"_139":24,"_36":324,"_13":60,"_33":141,"_34":325,"_23":26,"_143":-5,"_245":326,"_27":327},{"_41":312,"_32":313,"_30":314,"_137":199,"_39":40,"_38":315,"_139":26,"_36":316,"_13":60,"_33":141,"_34":317,"_23":26,"_143":-5,"_245":318,"_27":319},{"_41":304,"_32":305,"_30":306,"_137":199,"_39":40,"_38":307,"_139":26,"_36":308,"_13":60,"_33":141,"_34":309,"_23":26,"_143":-5,"_245":310,"_27":311},{"_41":296,"_32":297,"_30":298,"_137":199,"_39":40,"_38":299,"_139":26,"_36":300,"_13":60,"_33":141,"_34":301,"_23":26,"_143":-5,"_245":302,"_27":303},{"_41":288,"_32":289,"_30":290,"_137":199,"_39":40,"_38":291,"_139":24,"_36":292,"_13":60,"_33":141,"_34":293,"_23":26,"_143":-5,"_245":294,"_27":295},{"_41":191,"_32":192,"_30":193,"_137":-5,"_39":40,"_38":194,"_139":26,"_36":285,"_13":60,"_33":189,"_34":-5,"_23":26,"_143":-5,"_245":286,"_27":287},{"_41":184,"_32":185,"_30":186,"_137":-5,"_39":40,"_38":187,"_139":24,"_36":282,"_13":60,"_33":189,"_34":-5,"_23":26,"_143":-5,"_245":283,"_27":284},{"_41":274,"_32":275,"_30":276,"_137":186,"_39":40,"_38":277,"_139":24,"_36":278,"_13":60,"_33":141,"_34":279,"_23":26,"_143":-5,"_245":280,"_27":281},{"_41":266,"_32":267,"_30":268,"_137":186,"_39":40,"_38":269,"_139":24,"_36":270,"_13":60,"_33":141,"_34":271,"_23":26,"_143":-5,"_245":272,"_27":273},{"_41":181,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":26,"_36":263,"_13":60,"_33":20,"_34":35,"_23":26,"_143":-5,"_245":264,"_27":265},{"_41":174,"_32":175,"_30":176,"_137":-5,"_39":40,"_38":177,"_139":26,"_36":260,"_13":60,"_33":20,"_34":179,"_23":26,"_143":-5,"_245":261,"_27":262},{"_41":167,"_32":168,"_30":169,"_137":-5,"_39":40,"_38":170,"_139":26,"_36":257,"_13":60,"_33":20,"_34":172,"_23":26,"_143":-5,"_245":258,"_27":259},{"_41":160,"_32":161,"_30":162,"_137":-5,"_39":40,"_38":163,"_139":26,"_36":254,"_13":60,"_33":20,"_34":165,"_23":26,"_143":-5,"_245":255,"_27":256},{"_41":153,"_32":154,"_30":155,"_137":-5,"_39":40,"_38":156,"_139":26,"_36":251,"_13":60,"_33":20,"_34":158,"_23":26,"_143":-5,"_245":252,"_27":253},{"_41":146,"_32":147,"_30":148,"_137":-5,"_39":40,"_38":149,"_139":26,"_36":248,"_13":60,"_33":20,"_34":151,"_23":26,"_143":-5,"_245":249,"_27":250},{"_41":135,"_32":136,"_30":55,"_137":-5,"_39":40,"_38":138,"_139":26,"_36":244,"_13":60,"_33":141,"_34":142,"_23":26,"_143":144,"_245":246,"_27":247},["D",1787262527212],"children",[],[136],["D",1787262527502],[],[147],["D",1787262527510],[],[154],["D",1787262527750],[],[161],["D",1787262528022],[],[168],["D",1787262527830],[],[175],["D",1787262527956],[],[28],"83fc666f-7348-492a-8819-269f1414f505","files.ts","ec59d8ca-9ce0-11f1-a8fe-1607ee4eb77e",14,["D",1787262527599],"// File serving that works both on Val Town and on a local Deno process.\n//\n// Val Town has no filesystem: files are read through std/utils, which also\n// transpiles .ts/.tsx/.jsx on the way out. Locally we read from disk and\n// transpile with sucrase so the browser gets the same plain JS either way.\n\n// Val Town loads modules over https from esm.town; locally they are file:// URLs.\nexport const IS_VAL_TOWN = !import.meta.url.startsWith(\"file://\") ||\n Boolean(Deno.env.get(\"valtown\"));\n\nconst ROOT = new URL(\"../\", import.meta.url);\n\nconst CONTENT_TYPES: Record = {\n \".html\": \"text/html; charset=utf-8\",\n \".css\": \"text/css; charset=utf-8\",\n \".js\": \"text/javascript; charset=utf-8\",\n \".json\": \"application/json; charset=utf-8\",\n \".svg\": \"image/svg+xml\",\n \".ico\": \"image/x-icon\",\n \".png\": \"image/png\",\n \".txt\": \"text/plain; charset=utf-8\",\n};\n\nconst TRANSPILED = new Set([\".ts\", \".tsx\", \".jsx\"]);\n\n// Imported lazily so the Val Town deploy never pulls it in.\nlet sucrase: typeof import(\"npm:sucrase@3.35.0\") | undefined;\nasync function transpile(source: string, filePath: string): Promise {\n sucrase ??= await import(\"npm:sucrase@3.35.0\");\n return sucrase.transform(source, {\n transforms: [\"typescript\", \"jsx\"],\n filePath,\n production: true,\n }).code;\n}\n\nfunction extname(path: string): string {\n const i = path.lastIndexOf(\".\");\n return i === -1 ? \"\" : path.slice(i).toLowerCase();\n}\n\nexport async function serveFile(path: string): Promise {\n if (IS_VAL_TOWN) {\n const { serveFile: valTownServeFile } = await import(\n \"https://esm.town/v/std/utils/index.ts\"\n );\n return await valTownServeFile(path, import.meta.url);\n }\n return await serveLocalFile(path);\n}\n\nasync function serveLocalFile(path: string): Promise {\n const file = new URL(path.replace(/^\\/+/, \"\"), ROOT);\n if (!file.href.startsWith(ROOT.href)) {\n return new Response(\"Not found\", { status: 404 });\n }\n\n const ext = extname(path);\n let body: string | Uint8Array;\n try {\n body = TRANSPILED.has(ext)\n ? await Deno.readTextFile(file)\n : await Deno.readFile(file);\n } catch (err) {\n if (err instanceof Deno.errors.NotFound) {\n return new Response(\"Not found\", { status: 404 });\n }\n throw err;\n }\n\n let contentType = CONTENT_TYPES[ext] ?? \"application/octet-stream\";\n if (TRANSPILED.has(ext)) {\n body = await transpile(body as string, path);\n contentType = CONTENT_TYPES[\".js\"];\n }\n\n return new Response(body, {\n headers: {\n \"content-type\": contentType,\n // Local dev only: always pick up the latest edit on reload.\n \"cache-control\": \"no-store\",\n },\n });\n}\n",[],[185,267],"9b924462-60f2-4272-9436-08d3e1584906","auth.ts","ec5ff872-9ce0-11f1-9127-1607ee4eb77e",15,["D",1787262527736],"// Password gate. One shared password, kept in the HOUSEHUNT_PASSWORD env var\n// (never in source). A correct password sets a signed, HttpOnly cookie; the\n// signing secret is derived from the password, so changing it logs everyone out.\n\nimport type { Context, Next } from \"https://esm.sh/hono@4.13.3\";\nimport {\n deleteCookie,\n getSignedCookie,\n setSignedCookie,\n} from \"https://esm.sh/hono@4.13.3/cookie\";\n\nconst COOKIE = \"hh_session\";\nconst MAX_AGE_SECONDS = 60 * 60 * 24 * 30;\nconst PUBLIC_PATHS = new Set([\"/login\", \"/logout\", \"/favicon.ico\"]);\n\nfunction configuredPassword(): string | undefined {\n return Deno.env.get(\"HOUSEHUNT_PASSWORD\") || undefined;\n}\n\nasync function sha256(input: string): Promise {\n const bytes = new TextEncoder().encode(input);\n return new Uint8Array(await crypto.subtle.digest(\"SHA-256\", bytes));\n}\n\nfunction equalBytes(a: Uint8Array, b: Uint8Array): boolean {\n if (a.length !== b.length) return false;\n let diff = 0;\n for (let i = 0; i < a.length; i++) diff |= a[i] ^ b[i];\n return diff === 0;\n}\n\nasync function cookieSecret(password: string): Promise {\n const explicit = Deno.env.get(\"SESSION_SECRET\");\n if (explicit) return explicit;\n const digest = await sha256(`${password}::hh-session-secret`);\n return Array.from(digest, (b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nasync function passwordMatches(\n attempt: string,\n password: string,\n): Promise {\n // Digest first so the comparison is over fixed-length values.\n return equalBytes(await sha256(attempt), await sha256(password));\n}\n\nfunction misconfigured(c: Context): Response {\n return c.text(\n \"HOUSEHUNT_PASSWORD is not set. Set it in .env locally, or in the val's environment variables.\",\n 500,\n );\n}\n\nexport async function requireAuth(c: Context, next: Next) {\n const password = configuredPassword();\n if (!password) return misconfigured(c);\n\n if (PUBLIC_PATHS.has(new URL(c.req.url).pathname)) return await next();\n\n const issued = await getSignedCookie(c, await cookieSecret(password), COOKIE);\n const fresh = typeof issued === \"string\" &&\n Date.now() - Number(issued) < MAX_AGE_SECONDS * 1000;\n\n if (fresh) return await next();\n if (c.req.method === \"GET\") return c.redirect(\"/login\", 302);\n return c.text(\"Unauthorized\", 401);\n}\n\nexport async function login(c: Context): Promise {\n const password = configuredPassword();\n if (!password) return misconfigured(c);\n\n const form = await c.req.formData();\n const attempt = String(form.get(\"password\") ?? \"\");\n\n if (!await passwordMatches(attempt, password)) {\n // Crude brute-force tax; there is no shared state to rate limit against.\n await new Promise((r) => setTimeout(r, 500));\n return c.redirect(\"/login?error=1\", 302);\n }\n\n await setSignedCookie(\n c,\n COOKIE,\n String(Date.now()),\n await cookieSecret(password),\n {\n path: \"/\",\n httpOnly: true,\n sameSite: \"Lax\",\n secure: new URL(c.req.url).protocol === \"https:\",\n maxAge: MAX_AGE_SECONDS,\n },\n );\n return c.redirect(\"/\", 302);\n}\n\nexport function logout(c: Context): Response {\n deleteCookie(c, COOKIE, { path: \"/\" });\n return c.redirect(\"/login\", 302);\n}\n",[],[185,275],["D",1787262526708],[235,236],[185],["D",1787262526886],[],[192],"b9a1e137-9e3e-4da1-a1a1-c02db951a82a","storage.js","ec332478-9ce0-11f1-a8fe-1607ee4eb77e",10,["D",1787262527429],"// All inputs live in this browser only. Nothing is sent to the server.\n\nimport { withDefaults } from \"./schema.js\";\n\nconst KEY = \"househunt:inputs:v1\";\n\nexport function loadInputs() {\n try {\n const raw = localStorage.getItem(KEY);\n if (!raw) return null;\n const parsed = JSON.parse(raw);\n return parsed && typeof parsed === \"object\" ? withDefaults(parsed) : null;\n } catch {\n return null;\n }\n}\n\nexport function saveInputs(inputs) {\n try {\n localStorage.setItem(KEY, JSON.stringify(inputs));\n } catch {\n // Private browsing or a full quota — the session still works, it just\n // won't survive a reload.\n }\n}\n\nexport function clearInputs() {\n try {\n localStorage.removeItem(KEY);\n } catch {\n // nothing to do\n }\n}\n",[],[198,289],"423ddd8c-e3c0-4a28-9c01-02b4678d6815","setup.jsx","ec1b1a86-9ce0-11f1-8d4a-1607ee4eb77e",7,["D",1787262527259],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n BLANK,\n PERSONAL_FIELDS,\n PERSONAL_KEYS,\n withDefaults,\n} from \"./schema.js\";\n\nconst GROUPS = [\"House\", \"Liquidity\", \"Income\"];\n\nfunction Field({ field, value, onChange }) {\n return (\n \n {field.label}\n \n \n onChange(e.target.value === \"\" ? 0 : Number(e.target.value))}\n className=\"w-32 rounded border border-slate-300 px-2 py-1 text-right text-xs font-mono tabular-nums focus:border-slate-900 focus:outline-none\"\n />\n {field.suffix ?? \"\"}\n \n \n );\n}\n\nexport default function Setup({ onDone }) {\n const [values, setValues] = useState(BLANK);\n const [paste, setPaste] = useState(\"\");\n const [pasteError, setPasteError] = useState(\"\");\n\n const set = (key) => (v) => setValues((p) => ({ ...p, [key]: v }));\n\n const importJson = () => {\n try {\n const parsed = JSON.parse(paste);\n if (!parsed || typeof parsed !== \"object\") {\n throw new Error(\"not an object\");\n }\n setValues(withDefaults(parsed));\n setPaste(\"\");\n setPasteError(\"\");\n } catch {\n setPasteError(\"That isn't valid JSON.\");\n }\n };\n\n const ready = PERSONAL_KEYS.some((k) => Number(values[k]) > 0);\n\n return (\n

Set up your numbers

\n These stay in this browser's local storage — they are not in the\n source and never reach the server. Everything is editable later;\n rates, fees, and county assumptions already have defaults.\n

\n\n

\n {GROUPS.map((group) => (\n \n

\n {group}\n

\n {PERSONAL_FIELDS.filter((f) => f.group === group).map((f) => (\n \n ))}\n

\n ))}\n\n

\n Paste saved values\n

\n JSON exported from another browser, or from your own notes.\n

\n setPaste(e.target.value)}\n rows={5}\n placeholder='{\"price\": 1100000, \"cashNow\": 300000, ...}'\n className=\"mt-1 w-full rounded border border-slate-300 px-2 py-1 font-mono text-xs focus:border-slate-900 focus:outline-none\"\n />\n {pasteError &&

{pasteError}

}\n \n Load into the form\n \n

\n\n onDone(values)}\n disabled={!ready}\n className=\"w-full rounded bg-slate-900 px-3 py-2 text-sm text-white hover:bg-slate-700 disabled:opacity-40\"\n >\n Save and open the model\n \n

\n \n );\n}\n",[],[198,297],"f746ad57-3d35-4e6c-953c-c138b456c446","schema.js","ec0fae62-9ce0-11f1-b401-1607ee4eb77e",6,["D",1787262527211],"// Two kinds of input. Model parameters are market/county assumptions and stay\n// in source. Personal fields are your money — they live only in this browser's\n// localStorage, entered on first visit.\n\nexport const MODEL_PARAMS = {\n // House\n downPct: 20,\n mortgageRate: 6.5,\n termYears: 30,\n propTaxRate: 1.65,\n itoc: 692,\n insuranceAnnual: 2400,\n buyerSharePct: 50,\n titlePct: 0.55,\n fixedFees: 5500,\n escrowMonths: 3,\n firstTime: true,\n ownerOccupied: true,\n\n // Renovation\n renoMonths: 6,\n renoStart: 0,\n movingCost: 5000,\n renoValueAdd: 70,\n appreciation: 3.0,\n\n // Reassessment\n modelReassessment: true,\n reassessLagMonths: 6,\n homesteadCapPct: 10,\n\n // Policy\n priority: \"reno,sbloc\",\n sweepMonthly: true,\n};\n\nexport const PERSONAL_FIELDS = [\n { key: \"price\", group: \"House\", label: \"Purchase price\", step: 10000 },\n { key: \"renoCost\", group: \"House\", label: \"Renovation budget\", step: 5000 },\n\n { key: \"cashNow\", group: \"Liquidity\", label: \"Cash today\" },\n { key: \"gift1\", group: \"Liquidity\", label: \"Gift 1\" },\n {\n key: \"gift1Month\",\n group: \"Liquidity\",\n label: \"Gift 1 arrives\",\n suffix: \"mo\",\n },\n { key: \"gift2\", group: \"Liquidity\", label: \"Gift 2\" },\n {\n key: \"gift2Month\",\n group: \"Liquidity\",\n label: \"Gift 2 arrives\",\n suffix: \"mo\",\n },\n { key: \"sblocLimit\", group: \"Liquidity\", label: \"SBLOC limit\" },\n {\n key: \"sblocRate\",\n group: \"Liquidity\",\n label: \"SBLOC rate\",\n step: 0.25,\n suffix: \"%\",\n },\n { key: \"cashFloor\", group: \"Liquidity\", label: \"Cash floor\" },\n\n { key: \"takeHome\", group: \"Income\", label: \"Take-home / month\" },\n { key: \"grossMonthly\", group: \"Income\", label: \"Gross / month\" },\n { key: \"rent\", group: \"Income\", label: \"Current rent\" },\n];\n\nexport const PERSONAL_KEYS = PERSONAL_FIELDS.map((f) => f.key);\n\nexport const BLANK = {\n ...MODEL_PARAMS,\n ...Object.fromEntries(PERSONAL_KEYS.map((k) => [k, 0])),\n};\n\n// Fill in anything a saved set is missing, so adding a parameter later doesn't\n// strand people on stale storage.\nexport function withDefaults(saved) {\n return { ...BLANK, ...saved };\n}\n",[],[198,305],"dfdf0c9c-de61-42df-8294-4c7eb63051ce","model.jsx","ec473652-9ce0-11f1-8da2-1607ee4eb77e",13,["D",1787262527576],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport {\n CartesianGrid,\n Legend,\n Line,\n LineChart,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"https://esm.sh/recharts@2.15.4?deps=react@18.2.0,react-dom@18.2.0\";\nimport { BLANK, MODEL_PARAMS } from \"./schema.js\";\n\nconst HORIZON = 60;\n\nconst PRIORITY_OPTIONS = [\n { value: \"reno,sbloc\", label: \"Finish renovation first, then repay SBLOC\" },\n { value: \"sbloc,reno\", label: \"Repay SBLOC first, then finish renovation\" },\n];\n\nfunction recordationTax(price) {\n const tiers = [\n [500000, 4.45],\n [600000, 6.75],\n [750000, 10.2],\n [1000000, 10.78],\n [Infinity, 11.35],\n ];\n let prev = 0;\n let tax = 0;\n for (const [cap, rate] of tiers) {\n if (price <= prev) break;\n const portion = Math.min(price, cap) - prev;\n tax += (portion / 500) * rate;\n prev = cap;\n }\n return tax;\n}\n\nfunction pmt(principal, annualPct, years) {\n const r = annualPct / 100 / 12;\n const n = years * 12;\n if (n <= 0) return 0;\n if (r === 0) return principal / n;\n return (principal * r) / (1 - Math.pow(1 + r, -n));\n}\n\nfunction closingCosts(inp) {\n const price = inp.price;\n const loan = price * (1 - inp.downPct / 100);\n const share = inp.buyerSharePct / 100;\n\n const recGross = recordationTax(price);\n const recNet = Math.max(0, recGross - (inp.ownerOccupied ? 890 : 0));\n const recordation = recNet * share;\n\n const countyBase = inp.ownerOccupied ? Math.max(0, price - 50000) : price;\n const countyTransfer = countyBase * 0.01 * share;\n\n const stateTransfer = inp.firstTime ? 0 : price * 0.005 * share;\n\n const title = (price * inp.titlePct) / 100;\n const fixed = inp.fixedFees;\n\n const annualTax = Math.max(0, (price * inp.propTaxRate) / 100 - inp.itoc);\n const escrow = annualTax * (inp.escrowMonths / 12) + inp.insuranceAnnual;\n const perDiem = (loan * (inp.mortgageRate / 100)) / 365 * 15;\n const prepaids = escrow + perDiem;\n\n const total =\n recordation + countyTransfer + stateTransfer + title + fixed + prepaids;\n\n return {\n recordation,\n countyTransfer,\n stateTransfer,\n title,\n fixed,\n prepaids,\n total,\n };\n}\n\nconst REASSESS_THRESHOLD = 100000; // MD SDAT interim-assessment trigger\n\n// Maryland reassesses on a 3-year cycle with increases phased in over the\n// following 3 years, capped annually by the county homestead limit. Permits\n// for improvements adding >= $100k in value trigger an off-cycle pickup\n// instead of waiting for the regular cycle. This builds the *taxable*\n// assessed value per month, separate from true market value.\nfunction assessedValueSeries(inp, trueValueArr, moveIn) {\n const n = trueValueArr.length;\n const assessed = new Array(n).fill(inp.price);\n if (!inp.modelReassessment) {\n return trueValueArr.map(() => inp.price);\n }\n\n const renoAdded =\n (inp.renoCost * inp.renoValueAdd) / 100;\n const events = [{ month: Math.min(36, n - 1) }];\n if (renoAdded >= REASSESS_THRESHOLD) {\n const trigger = Math.min(n - 1, moveIn + Math.round(inp.reassessLagMonths));\n if (trigger > 0) events.push({ month: trigger });\n }\n events.sort((a, b) => a.month - b.month);\n\n const phaseIns = [];\n for (let m = 1; m < n; m++) {\n assessed[m] = assessed[m - 1];\n let inc = 0;\n for (const p of phaseIns) {\n if (m > p.start && m <= p.end) inc += p.perMonth;\n }\n let next = assessed[m] + inc;\n if (m >= 12) {\n const cap = assessed[m - 12] * (1 + inp.homesteadCapPct / 100);\n next = Math.min(next, cap);\n }\n assessed[m] = next;\n\n for (const e of events) {\n if (e.month === m) {\n const target = trueValueArr[m];\n const diff = target - assessed[m];\n if (diff > 0) {\n const dur = Math.min(36, n - 1 - m);\n if (dur > 0) phaseIns.push({ start: m, end: m + dur, perMonth: diff / dur });\n }\n }\n }\n }\n return assessed;\n}\n\nfunction simulate(inp) {\n const price = inp.price;\n const down = (price * inp.downPct) / 100;\n const loan = price - down;\n const mRate = inp.mortgageRate / 100 / 12;\n const mPmt = pmt(loan, inp.mortgageRate, inp.termYears);\n const cc = closingCosts(inp);\n\n const monthlyIns = inp.insuranceAnnual / 12;\n\n const renoStart = Math.max(0, Math.round(inp.renoStart));\n const renoMonths = Math.max(0, Math.round(inp.renoMonths));\n const draws = {};\n if (renoMonths <= 0) {\n draws[renoStart] = inp.renoCost;\n } else {\n for (let i = 0; i < renoMonths; i++) {\n draws[renoStart + i] = inp.renoCost / renoMonths;\n }\n }\n const moveIn = renoStart + renoMonths;\n\n const remainingReno = (m) =>\n Object.entries(draws)\n .filter(([k]) => Number(k) > m)\n .reduce((a, [, v]) => a + v, 0);\n\n const renoSpentArr = [];\n const trueValueArr = [];\n let spent = 0;\n for (let m = 0; m <= HORIZON; m++) {\n if (draws[m]) spent += draws[m];\n renoSpentArr.push(spent);\n trueValueArr.push(\n price * Math.pow(1 + inp.appreciation / 100, m / 12) +\n (spent * inp.renoValueAdd) / 100\n );\n }\n const assessedArr = assessedValueSeries(inp, trueValueArr, moveIn);\n const taxArr = assessedArr.map((a) =>\n Math.max(0, (a * inp.propTaxRate) / 100 - inp.itoc) / 12\n );\n const monthlyTax = taxArr[0];\n\n const order = inp.priority.split(\",\");\n\n let cash = inp.cashNow;\n let sbloc = 0;\n let mortBal = loan;\n let sblocInterest = 0;\n let peakSbloc = 0;\n let peakSblocMonth = 0;\n let sblocClearedMonth = null;\n let sblocEverDrawn = false;\n let limitBreach = false;\n let shortfall = 0;\n let minCash = Infinity;\n let minCashMonth = 0;\n let cashAtClose = null;\n let sblocAtClose = 0;\n\n const rows = [];\n\n for (let m = 0; m <= HORIZON; m++) {\n cash += inp.takeHome;\n\n let expense = 0;\n if (m >= 1 && mortBal > 0) {\n const interest = mortBal * mRate;\n const principal = Math.min(mPmt - interest, mortBal);\n mortBal -= principal;\n expense += interest + principal;\n }\n expense += taxArr[m] + monthlyIns;\n if (m < moveIn) expense += inp.rent;\n\n if (sbloc > 0) {\n const si = (sbloc * inp.sblocRate) / 100 / 12;\n sbloc += si;\n sblocInterest += si;\n }\n\n cash -= expense;\n\n let lumpy = 0;\n if (m === 0) lumpy += down + cc.total;\n if (draws[m]) lumpy += draws[m];\n if (m === moveIn && moveIn > 0) lumpy += inp.movingCost;\n if (m === 0 && moveIn === 0) lumpy += inp.movingCost;\n cash -= lumpy;\n\n let gift = 0;\n if (m === Math.round(inp.gift1Month)) gift += inp.gift1;\n if (m === Math.round(inp.gift2Month)) gift += inp.gift2;\n cash += gift;\n\n if (cash < inp.cashFloor) {\n const need = inp.cashFloor - cash;\n const avail = Math.max(0, inp.sblocLimit - sbloc);\n const draw = Math.min(need, avail);\n if (draw > 0) {\n sbloc += draw;\n cash += draw;\n sblocEverDrawn = true;\n }\n if (draw < need - 0.5) limitBreach = true;\n }\n if (cash < 0) {\n shortfall = Math.max(shortfall, -cash);\n }\n\n const doSweep = inp.sweepMonthly || gift > 0;\n if (doSweep) {\n let renoProtected = false;\n for (const step of order) {\n if (step === \"reno\") {\n renoProtected = true;\n continue;\n }\n const reserve = renoProtected ? remainingReno(m) : 0;\n let avail = cash - inp.cashFloor - reserve;\n if (avail < 1000) continue;\n if (step === \"sbloc\" && sbloc > 0) {\n const p = Math.min(avail, sbloc);\n sbloc -= p;\n cash -= p;\n avail -= p;\n }\n }\n }\n\n if (sbloc > peakSbloc) {\n peakSbloc = sbloc;\n peakSblocMonth = m;\n }\n if (sblocEverDrawn && sbloc < 1 && sblocClearedMonth === null) {\n sblocClearedMonth = m;\n }\n if (cash < minCash) {\n minCash = cash;\n minCashMonth = m;\n }\n if (m === 0) {\n cashAtClose = cash;\n sblocAtClose = sbloc;\n }\n\n const value = trueValueArr[m];\n\n rows.push({\n month: m,\n cash: Math.round(cash),\n sbloc: Math.round(sbloc),\n mortBal: Math.round(mortBal),\n equity: Math.round(value - mortBal),\n netEquity: Math.round(value - mortBal - sbloc),\n value: Math.round(value),\n expense: Math.round(expense),\n lumpy: Math.round(lumpy),\n tax: Math.round(taxArr[m]),\n assessed: Math.round(assessedArr[m]),\n });\n }\n\n const taxAtMoveIn = taxArr[Math.min(moveIn, HORIZON)];\n const taxAtEnd = taxArr[HORIZON];\n\n const pitiInitial = mPmt + monthlyTax + monthlyIns;\n const pitiAtMoveIn = mPmt + taxAtMoveIn + monthlyIns;\n const pitiAtEnd = mPmt + taxAtEnd + monthlyIns;\n const duringReno = pitiInitial + inp.rent;\n\n return {\n cc,\n down,\n loan,\n mPmt,\n monthlyTax,\n taxAtMoveIn,\n taxAtEnd,\n monthlyIns,\n moveIn,\n rows,\n cashAtClose,\n sblocAtClose,\n peakSbloc,\n peakSblocMonth,\n sblocClearedMonth,\n sblocInterest,\n limitBreach,\n shortfall,\n minCash,\n minCashMonth,\n pitiInitial,\n pitiAtMoveIn,\n pitiAtEnd,\n duringReno,\n cashDeployedAtClose: down + cc.total,\n };\n}\n\nconst money = (n) =>\n (n < 0 ? \"-\" : \"\") + \"$\" + Math.round(Math.abs(n)).toLocaleString();\nconst pct = (n) => n.toFixed(1) + \"%\";\n\nfunction Row({ label, value, sub, warn }) {\n return (\n

\n {label}\n \n {value}\n {sub && {sub}}\n \n

\n );\n}\n\nfunction Num({ label, value, onChange, step = 1, suffix }) {\n return (\n \n {label}\n \n \n onChange(e.target.value === \"\" ? 0 : Number(e.target.value))\n }\n className=\"w-28 rounded border border-slate-300 px-2 py-1 text-right text-xs font-mono tabular-nums focus:border-slate-900 focus:outline-none\"\n />\n {suffix && {suffix}}\n \n \n );\n}\n\nfunction Slide({ label, value, onChange, min, max, step, format }) {\n return (\n

\n {label}\n \n {format ? format(value) : value}\n \n

\n onChange(Number(e.target.value))}\n className=\"mt-1 w-full accent-slate-900\"\n />\n

\n );\n}\n\nfunction Section({ title, children, open = true }) {\n const [show, setShow] = useState(open);\n return (\n

\n setShow(!show)}\n className=\"flex w-full items-center justify-between px-3 py-2 text-left\"\n >\n \n {title}\n \n {show ? \"−\" : \"+\"}\n \n {show &&

{children}

}\n

\n );\n}\n\nfunction Stat({ label, value, warn }) {\n return (\n

{label}

\n \n {value}\n

\n \n );\n}\n\nfunction Zone({ label }) {\n return (\n

\n {label}\n

\n );\n}\n\nexport default function HouseModel({ initial, onChange, onClear }) {\n const [inp, setInp] = useState(() => ({ ...BLANK, ...initial }));\n const [scenarios, setScenarios] = useState([]);\n const [showTable, setShowTable] = useState(false);\n const [showClosingDetail, setShowClosingDetail] = useState(false);\n const [copied, setCopied] = useState(false);\n\n const set = (k) => (v) => setInp((p) => ({ ...p, [k]: v }));\n\n useEffect(() => {\n onChange?.(inp);\n }, [inp, onChange]);\n const r = useMemo(() => simulate(inp), [inp]);\n\n const copyValues = async () => {\n try {\n await navigator.clipboard.writeText(JSON.stringify(inp, null, 2));\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n } catch {\n // clipboard blocked (insecure origin, denied permission) — no-op\n }\n };\n\n const saveScenario = () => {\n setScenarios((s) => [\n ...s,\n {\n id: Date.now(),\n price: inp.price,\n reno: inp.renoCost,\n months: inp.renoMonths,\n cashAtClose: r.cashAtClose,\n peakSbloc: r.peakSbloc,\n sblocInterest: r.sblocInterest,\n cleared: r.sblocClearedMonth,\n piti: r.duringReno,\n equity36: r.rows[36].netEquity,\n ok: !r.limitBreach && r.shortfall < 1,\n },\n ]);\n };\n\n const chartData = r.rows.map((x) => ({\n month: x.month,\n Cash: x.cash,\n SBLOC: x.sbloc,\n \"Net equity\": x.netEquity,\n }));\n\n const infeasible = r.limitBreach || r.shortfall > 1;\n\n return (\n

Takoma Park purchase model

\n Month 0 = closing. All figures nominal. Defaults are estimates — verify\n taxes and fees with your settlement agent.{\" \"}\n \n view source\n \n

\n\n {infeasible && (\n

\n Not fundable as configured.\n {r.limitBreach && \" SBLOC limit is exhausted.\"}\n {r.shortfall > 1 && ` Cash goes negative by ${money(r.shortfall)}.`}\n

\n )}\n\n

\n \n \n inp.takeHome}\n />\n inp.takeHome}\n />\n \n

\n\n

\n {/* ---------------- INPUTS ---------------- */}\n

\n \n \n `${v} mo`}\n />\n `month ${v}`}\n />\n

\n Down payment locked at 20% = {money(r.down)}. Move-in month{\" \"}\n {r.moveIn}; DC rent runs through month {Math.max(0, r.moveIn - 1)}.\n

\n \n \n

\n\n

\n \n \n \n \n \n \n

\n \n set(\"modelReassessment\")(e.target.checked)}\n />\n Model post-purchase reassessment\n \n {inp.modelReassessment && (\n <>\n \n \n

\n Reno adds {money((inp.renoCost * inp.renoValueAdd) / 100)} in value\n {(inp.renoCost * inp.renoValueAdd) / 100 >= 100000\n ? \" — triggers an off-cycle SDAT pickup (≥$100k).\"\n : \" — under the $100k interim-assessment threshold; picked up at the normal 3-year cycle instead.\"}\n

\n \n )}\n

\n\n

\n \n \n \n \n \n set(\"firstTime\")(e.target.checked)} />\n First-time MD buyer (seller pays state transfer tax)\n \n \n set(\"ownerOccupied\")(e.target.checked)} />\n Owner-occupied affidavit ($50k county exemption, $890 credit)\n \n

\n\n

\n \n \n \n \n \n \n \n \n

\n\n

\n \n \n \n

\n\n

\n \n When money frees up\n set(\"priority\")(e.target.value)}\n className=\"mt-1 w-full rounded border border-slate-300 px-2 py-1 text-xs\"\n >\n {PRIORITY_OPTIONS.map((o) => (\n \n ))}\n \n \n \n set(\"sweepMonthly\")(e.target.checked)}\n />\n Sweep monthly surplus, not just gifts\n \n

\n\n

\n Your values\n

\n Saved in this browser only. Copy them out before switching\n machines or clearing site data.\n

\n \n {copied ? \"Copied\" : \"Copy values as JSON\"}\n \n setInp((p) => ({ ...p, ...MODEL_PARAMS }))}\n className=\"w-full rounded border border-slate-300 px-3 py-2 text-xs text-slate-600 hover:bg-slate-100\"\n >\n Reset rates and fees\n \n {\n if (confirm(\"Erase your saved figures from this browser?\")) {\n onClear?.();\n }\n }}\n className=\"w-full rounded border border-slate-300 px-3 py-2 text-xs text-red-600 hover:bg-red-50\"\n >\n Erase and start over\n \n

\n\n {/* ---------------- OUTPUTS ---------------- */}\n

\n \n

\n At closing\n

\n \n \n \n \n \n \n

\n\n

\n Bridge exposure\n

\n \n \n \n = 1 && r.sblocClearedMonth === null}\n />\n \n

\n\n \n

\n During reno (double carry)\n

\n \n \n \n \n inp.takeHome}\n />\n 0.36}\n />\n \n

\n\n

\n After move-in\n

\n \n \n \n inp.takeHome}\n />\n 0.36}\n />\n \n

\n r.taxAtMoveIn * 1.15} />\n inp.takeHome}\n />\n {inp.modelReassessment && r.taxAtEnd > r.taxAtMoveIn + 1 && (\n

\n Reassessment adds {money(r.taxAtEnd - r.taxAtMoveIn)}/mo by month\n 60 as the renovation's added value and ordinary appreciation\n get picked up by SDAT.\n

\n )}\n

\n\n \n

\n \n Saved scenarios\n \n \n Save current\n \n

\n {scenarios.length === 0 ? (\n

\n Nothing saved yet. Set a combination, then save it to compare.\n

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {scenarios.map((s) => (\n \n \n \n \n \n \n \n \n \n \n \n \n ))}\n \n

Price	Reno	Mo	Cash left	Peak SBLOC	SBLOC int.	Clear	Peak mo.	Eq. mo36
{money(s.price)}	{money(s.reno)}	{s.months}	{money(s.cashAtClose)}	\n {money(s.peakSbloc)}\n	{money(s.sblocInterest)}	\n {s.peakSbloc < 1 ? \"—\" : s.cleared === null ? \">60\" : s.cleared}\n	{money(s.piti)}	{money(s.equity36)}	\n \n setScenarios((x) => x.filter((y) => y.id !== s.id))\n }\n className=\"text-slate-400 hover:text-red-600\"\n >\n ×\n \n

\n )}\n

\n\n \n

\n setShowClosingDetail(!showClosingDetail)}\n className=\"text-xs font-semibold uppercase tracking-wide text-slate-500\"\n >\n {showClosingDetail ? \"Hide\" : \"Show\"} closing cost breakdown\n \n {showClosingDetail && (\n

\n \n \n \n \n \n \n \n

\n = {pct((r.cc.total / inp.price) * 100)} of price\n

\n )}\n

\n\n

\n setShowTable(!showTable)}\n className=\"text-xs font-semibold uppercase tracking-wide text-slate-500\"\n >\n {showTable ? \"Hide\" : \"Show\"} month-by-month detail\n \n {showTable && (\n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {r.rows.map((x) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n

Mo	Outflow	Lump	Cash	SBLOC	Mortgage	Net equity
{x.month}	{money(x.expense)}	{x.lumpy ? money(x.lumpy) : \"—\"}	\n {money(x.cash)}\n	0 ? \"text-red-600\" : \"text-slate-300\")}>\n {x.sbloc ? money(x.sbloc) : \"—\"}\n	{money(x.mortBal)}	{money(x.netEquity)}

\n )}\n

\n\n {/* ---------------- VISUALIZATION ---------------- */}\n

\n \n

\n Cash, SBLOC, and equity over 60 months\n

\n \n \n \n \n `${Math.round(v / 1000)}k`}\n width={48}\n />\n money(v)}\n labelFormatter={(l) => `Month ${l}`}\n />\n \n \n \n \n \n \n

\n\n

\n Equity\n

\n {[12, 36, 60].map((m) => (\n \n ))}\n

\n Net equity = home value − mortgage − SBLOC. Excludes brokerage.\n

\n );\n}\n",[],[198,313],"97e4308f-12a8-41e5-8c80-9930d6a2147a","index.jsx","ec22baac-9ce0-11f1-b72c-1607ee4eb77e",8,["D",1787262527232],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport HouseModel from \"./model.jsx\";\nimport Setup from \"./setup.jsx\";\nimport { clearInputs, loadInputs, saveInputs } from \"./storage.js\";\n\nfunction App() {\n const [inputs, setInputs] = useState(loadInputs);\n\n if (!inputs) {\n return (\n {\n saveInputs(values);\n setInputs(values);\n }}\n />\n );\n }\n\n return (\n {\n clearInputs();\n setInputs(null);\n }}\n />\n );\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"#root element missing\");\n\ncreateRoot(root).render(\n \n \n ,\n);\n",[],[198,321],["D",1787262526308],[228,229,230,231,232],[198],["D",1787262527027],[],[204],["D",1787262526487],[],[210],["D",1787262525473],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":53,"_98":99,"_100":26},{"_13":83,"_32":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_120":374,"_375":376,"_377":378,"_379":26,"_380":26,"_381":26,"_382":24,"_383":-5,"_384":-7,"_385":-7,"_386":60,"_387":26,"_388":26,"_389":-5,"_390":26,"_391":26,"_392":26,"_393":-5},"ENV",{"_345":346,"_347":348,"_349":84,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Purchase model

Set up your numbers

\n {label}\n

Takoma Park purchase model

Diff · v19