@stack-mode/site-manager-kit 1.44.0 → 1.44.1

package/src/listings.ts

@@ -1,38 +1,38 @@
-import { formatMoney } from "./money";
-import type { Listing } from "./types";
-
-// Display text for listing facts. Each returns null when Site Manager doesn't know the value, so the page can
-// leave the line out instead of showing a guess.
-
-/** "2.5" stays "2.5"; "3.0" becomes "3". */
-export function bathsText(baths: string | null): string | null {
-  if (baths === null) return null;
-  return baths.replace(/\.0+$/, "");
-}
-
-/** "1.02 acres" or "8,276 sq ft". */
-export function lotText(lot: Listing["lot"]): string | null {
-  if (!lot) return null;
-  const [whole, frac] = lot.size.split(".");
-  const trimmed = frac && Number(frac) !== 0 ? `${Number(whole).toLocaleString("en-US")}.${frac.replace(/0+$/, "")}` : Number(whole).toLocaleString("en-US");
-  return lot.unit === "acres" ? `${trimmed} ${trimmed === "1" ? "acre" : "acres"}` : `${trimmed} sq ft`;
-}
-
-/** "$85 per month". */
-export function hoaText(hoa: Listing["hoa"]): string | null {
-  if (!hoa) return null;
-  return `${formatMoney(hoa.amount)} per ${hoa.frequency === "monthly" ? "month" : hoa.frequency === "quarterly" ? "quarter" : "year"}`;
-}
-
-/** "1180 Paddock Lane, Reno, NV 89521", skipping what isn't set. */
-export function listingAddress(l: Pick<Listing, "address">): string {
-  const a = l.address;
-  const street = [a.line1, a.line2].filter(Boolean).join(" ");
-  const regionZip = [a.region, a.postalCode].filter(Boolean).join(" ");
-  return [street, a.city, regionZip].filter(Boolean).join(", ");
-}
-
-/** The price to headline: the sold price once sold, otherwise the list price. */
-export function listingPrice(l: Pick<Listing, "status" | "price" | "soldPrice">): string | null {
-  return l.status === "sold" && l.soldPrice ? l.soldPrice : l.price;
-}
+import { formatMoney } from "./money";
+import type { Listing } from "./types";
+
+// Display text for listing facts. Each returns null when Site Manager doesn't know the value, so the page can
+// leave the line out instead of showing a guess.
+
+/** "2.5" stays "2.5"; "3.0" becomes "3". */
+export function bathsText(baths: string | null): string | null {
+  if (baths === null) return null;
+  return baths.replace(/\.0+$/, "");
+}
+
+/** "1.02 acres" or "8,276 sq ft". */
+export function lotText(lot: Listing["lot"]): string | null {
+  if (!lot) return null;
+  const [whole, frac] = lot.size.split(".");
+  const trimmed = frac && Number(frac) !== 0 ? `${Number(whole).toLocaleString("en-US")}.${frac.replace(/0+$/, "")}` : Number(whole).toLocaleString("en-US");
+  return lot.unit === "acres" ? `${trimmed} ${trimmed === "1" ? "acre" : "acres"}` : `${trimmed} sq ft`;
+}
+
+/** "$85 per month". */
+export function hoaText(hoa: Listing["hoa"]): string | null {
+  if (!hoa) return null;
+  return `${formatMoney(hoa.amount)} per ${hoa.frequency === "monthly" ? "month" : hoa.frequency === "quarterly" ? "quarter" : "year"}`;
+}
+
+/** "1180 Paddock Lane, Reno, NV 89521", skipping what isn't set. */
+export function listingAddress(l: Pick<Listing, "address">): string {
+  const a = l.address;
+  const street = [a.line1, a.line2].filter(Boolean).join(" ");
+  const regionZip = [a.region, a.postalCode].filter(Boolean).join(" ");
+  return [street, a.city, regionZip].filter(Boolean).join(", ");
+}
+
+/** The price to headline: the sold price once sold, otherwise the list price. */
+export function listingPrice(l: Pick<Listing, "status" | "price" | "soldPrice">): string | null {
+  return l.status === "sold" && l.soldPrice ? l.soldPrice : l.price;
+}

package/src/metadata.ts

@@ -1,55 +1,55 @@
-import type { Metadata } from "next";
-import { bp, tagsFor } from "./client";
-import { getSite } from "./data";
-import type { PageMeta, Site } from "./types";
-
-// Site Manager measures titles in pixels in its admin. The server can't, so the suffix rule here uses the
-// character limit it matches: about 60 characters fit in 580px.
-export const TITLE_CHAR_LIMIT = 60;
-
-/** The title with the site's suffix when it still fits, otherwise the title alone. */
-export function titleWithSuffix(title: string, suffix: string | null | undefined): string {
-  const t = title.trim();
-  if (!suffix) return t;
-  return `${t}${suffix}`.length <= TITLE_CHAR_LIMIT ? `${t}${suffix}` : t;
-}
-
-/** Pure: Site Manager's page data to Next metadata. Anything set in `overrides` wins. */
-export function buildMetadata(meta: PageMeta, overrides: Metadata = {}): Metadata {
-  const title = titleWithSuffix(meta.title, meta.titleSuffix);
-  const description = meta.description ?? undefined;
-  const images = meta.ogImage ? [{ url: meta.ogImage.url, width: meta.ogImage.width ?? undefined, height: meta.ogImage.height ?? undefined, alt: meta.ogImage.alt }] : undefined;
-  // Share previews use their own title and description when Site Manager has them.
-  const shareTitle = meta.ogTitle?.trim() || title;
-  const shareDescription = meta.ogDescription?.trim() || description;
-  return {
-    title: { absolute: title },
-    description,
-    alternates: meta.canonical ? { canonical: meta.canonical } : undefined,
-    robots: { index: !meta.noindex, follow: !meta.nofollow, ...(meta.maxImagePreview ? { "max-image-preview": meta.maxImagePreview } : {}) },
-    openGraph: { title: shareTitle, description: shareDescription, url: meta.canonical ?? undefined, siteName: meta.siteName, images, type: "website", locale: "en_US" },
-    // X reads Open Graph when its own tags are missing, so they're only written when the share text differs.
-    twitter: { card: "summary_large_image", ...(meta.ogTitle?.trim() ? { title: shareTitle } : {}), ...(meta.ogDescription?.trim() ? { description: shareDescription } : {}) },
-    ...overrides,
-  };
-}
-
-/** Pure: the fallback when Site Manager has no page for this path. */
-export function defaultMetadata(site: Site | null, overrides: Metadata = {}): Metadata {
-  const name = site?.business.displayName ?? site?.name;
-  return { ...(name ? { title: { absolute: name }, openGraph: { siteName: name, type: "website", locale: "en_US" } } : {}), ...overrides };
-}
-
-/**
- * Metadata for one path, for a page's `generateMetadata`. A path Site Manager doesn't know gets the site's
- * defaults, and a Site Manager outage never breaks the page: it falls back to the overrides alone.
- */
-export async function pageMetadata(path: string, overrides: Metadata = {}): Promise<Metadata> {
-  try {
-    const meta = await bp<PageMeta>(`/pages/meta?path=${encodeURIComponent(path)}`, { tags: tagsFor("seo") });
-    if (meta) return buildMetadata(meta, overrides);
-    return defaultMetadata(await getSite(), overrides);
-  } catch {
-    return overrides;
-  }
-}
+import type { Metadata } from "next";
+import { bp, tagsFor } from "./client";
+import { getSite } from "./data";
+import type { PageMeta, Site } from "./types";
+
+// Site Manager measures titles in pixels in its admin. The server can't, so the suffix rule here uses the
+// character limit it matches: about 60 characters fit in 580px.
+export const TITLE_CHAR_LIMIT = 60;
+
+/** The title with the site's suffix when it still fits, otherwise the title alone. */
+export function titleWithSuffix(title: string, suffix: string | null | undefined): string {
+  const t = title.trim();
+  if (!suffix) return t;
+  return `${t}${suffix}`.length <= TITLE_CHAR_LIMIT ? `${t}${suffix}` : t;
+}
+
+/** Pure: Site Manager's page data to Next metadata. Anything set in `overrides` wins. */
+export function buildMetadata(meta: PageMeta, overrides: Metadata = {}): Metadata {
+  const title = titleWithSuffix(meta.title, meta.titleSuffix);
+  const description = meta.description ?? undefined;
+  const images = meta.ogImage ? [{ url: meta.ogImage.url, width: meta.ogImage.width ?? undefined, height: meta.ogImage.height ?? undefined, alt: meta.ogImage.alt }] : undefined;
+  // Share previews use their own title and description when Site Manager has them.
+  const shareTitle = meta.ogTitle?.trim() || title;
+  const shareDescription = meta.ogDescription?.trim() || description;
+  return {
+    title: { absolute: title },
+    description,
+    alternates: meta.canonical ? { canonical: meta.canonical } : undefined,
+    robots: { index: !meta.noindex, follow: !meta.nofollow, ...(meta.maxImagePreview ? { "max-image-preview": meta.maxImagePreview } : {}) },
+    openGraph: { title: shareTitle, description: shareDescription, url: meta.canonical ?? undefined, siteName: meta.siteName, images, type: "website", locale: "en_US" },
+    // X reads Open Graph when its own tags are missing, so they're only written when the share text differs.
+    twitter: { card: "summary_large_image", ...(meta.ogTitle?.trim() ? { title: shareTitle } : {}), ...(meta.ogDescription?.trim() ? { description: shareDescription } : {}) },
+    ...overrides,
+  };
+}
+
+/** Pure: the fallback when Site Manager has no page for this path. */
+export function defaultMetadata(site: Site | null, overrides: Metadata = {}): Metadata {
+  const name = site?.business.displayName ?? site?.name;
+  return { ...(name ? { title: { absolute: name }, openGraph: { siteName: name, type: "website", locale: "en_US" } } : {}), ...overrides };
+}
+
+/**
+ * Metadata for one path, for a page's `generateMetadata`. A path Site Manager doesn't know gets the site's
+ * defaults, and a Site Manager outage never breaks the page: it falls back to the overrides alone.
+ */
+export async function pageMetadata(path: string, overrides: Metadata = {}): Promise<Metadata> {
+  try {
+    const meta = await bp<PageMeta>(`/pages/meta?path=${encodeURIComponent(path)}`, { tags: tagsFor("seo") });
+    if (meta) return buildMetadata(meta, overrides);
+    return defaultMetadata(await getSite(), overrides);
+  } catch {
+    return overrides;
+  }
+}

package/src/not-found-reporter.tsx

@@ -1,16 +1,16 @@
-"use client";
-
-import { useEffect } from "react";
-
-/**
- * Put in the site's `app/not-found.tsx`: reports the missing address (and where the visitor came from) to the site's
- * own `/api/not-found` route once, after the page shows. Renders nothing.
- */
-export function NotFoundReporter({ endpoint = "/api/not-found" }: { endpoint?: string }) {
-  useEffect(() => {
-    const body = JSON.stringify({ path: window.location.pathname, referrer: document.referrer || null });
-    // keepalive lets the report finish if the visitor leaves straight away.
-    fetch(endpoint, { method: "POST", headers: { "content-type": "application/json" }, body, keepalive: true }).catch(() => {});
-  }, [endpoint]);
-  return null;
-}
+"use client";
+
+import { useEffect } from "react";
+
+/**
+ * Put in the site's `app/not-found.tsx`: reports the missing address (and where the visitor came from) to the site's
+ * own `/api/not-found` route once, after the page shows. Renders nothing.
+ */
+export function NotFoundReporter({ endpoint = "/api/not-found" }: { endpoint?: string }) {
+  useEffect(() => {
+    const body = JSON.stringify({ path: window.location.pathname, referrer: document.referrer || null });
+    // keepalive lets the report finish if the visitor leaves straight away.
+    fetch(endpoint, { method: "POST", headers: { "content-type": "application/json" }, body, keepalive: true }).catch(() => {});
+  }, [endpoint]);
+  return null;
+}

package/src/not-found.ts

@@ -1,53 +1,53 @@
-import { bp } from "./client";
-
-// Missing-page reports for Site Manager's Not Found list (Search Listings, Redirects). The site's not-found page
-// can't see the address it's showing on the server, so the browser tells the site's own route, which tells Site
-// Manager with the site's key. Fire and forget: a failure never shows to the visitor.
-
-const MAX = 500;
-
-/** Reports one server instance passes on per minute; a flood past this is dropped before it reaches Site Manager. */
-const PER_MINUTE = 120;
-let window = { start: 0, count: 0 };
-
-/** Whether one more report fits this minute (exported for tests). */
-export function reportAllowed(now = Date.now()): boolean {
-  if (now - window.start >= 60_000) window = { start: now, count: 0 };
-  return ++window.count <= PER_MINUTE;
-}
-
-export function resetReportLimit() {
-  window = { start: 0, count: 0 };
-}
-
-/** Server only: reports one visit to an address the site doesn't have. Never throws. */
-export async function reportNotFound(path: string, referrer?: string | null): Promise<void> {
-  if (typeof path !== "string" || !path.startsWith("/") || path.length > MAX) return;
-  await bp("/not-found", { method: "POST", body: { path, referrer: referrer ? String(referrer).slice(0, 2000) : null } }).catch(() => {});
-}
-
-/**
- * The site's `app/api/not-found/route.ts`: `export { notFoundRoute as POST } from "site-manager-kit/not-found"`.
- * Only this site's own pages may call it: browsers send Origin with every POST, so a call without one, or from
- * another site, is dropped. At most 120 reports a minute per server instance. It always answers 204.
- */
-export async function notFoundRoute(request: Request): Promise<Response> {
-  const done = new Response(null, { status: 204 });
-  const origin = request.headers.get("origin");
-  const host = request.headers.get("host");
-  try {
-    if (!origin || !host || new URL(origin).host !== host) return done;
-  } catch {
-    return done;
-  }
-  if (!reportAllowed()) return done;
-  const raw = await request.text().catch(() => "");
-  if (raw.length > 3000) return done;
-  try {
-    const body = JSON.parse(raw) as { path?: unknown; referrer?: unknown };
-    if (typeof body.path === "string") await reportNotFound(body.path, typeof body.referrer === "string" ? body.referrer : null);
-  } catch {
-    // Not JSON: nothing to report.
-  }
-  return done;
-}
+import { bp } from "./client";
+
+// Missing-page reports for Site Manager's Not Found list (Search Listings, Redirects). The site's not-found page
+// can't see the address it's showing on the server, so the browser tells the site's own route, which tells Site
+// Manager with the site's key. Fire and forget: a failure never shows to the visitor.
+
+const MAX = 500;
+
+/** Reports one server instance passes on per minute; a flood past this is dropped before it reaches Site Manager. */
+const PER_MINUTE = 120;
+let window = { start: 0, count: 0 };
+
+/** Whether one more report fits this minute (exported for tests). */
+export function reportAllowed(now = Date.now()): boolean {
+  if (now - window.start >= 60_000) window = { start: now, count: 0 };
+  return ++window.count <= PER_MINUTE;
+}
+
+export function resetReportLimit() {
+  window = { start: 0, count: 0 };
+}
+
+/** Server only: reports one visit to an address the site doesn't have. Never throws. */
+export async function reportNotFound(path: string, referrer?: string | null): Promise<void> {
+  if (typeof path !== "string" || !path.startsWith("/") || path.length > MAX) return;
+  await bp("/not-found", { method: "POST", body: { path, referrer: referrer ? String(referrer).slice(0, 2000) : null } }).catch(() => {});
+}
+
+/**
+ * The site's `app/api/not-found/route.ts`: `export { notFoundRoute as POST } from "site-manager-kit/not-found"`.
+ * Only this site's own pages may call it: browsers send Origin with every POST, so a call without one, or from
+ * another site, is dropped. At most 120 reports a minute per server instance. It always answers 204.
+ */
+export async function notFoundRoute(request: Request): Promise<Response> {
+  const done = new Response(null, { status: 204 });
+  const origin = request.headers.get("origin");
+  const host = request.headers.get("host");
+  try {
+    if (!origin || !host || new URL(origin).host !== host) return done;
+  } catch {
+    return done;
+  }
+  if (!reportAllowed()) return done;
+  const raw = await request.text().catch(() => "");
+  if (raw.length > 3000) return done;
+  try {
+    const body = JSON.parse(raw) as { path?: unknown; referrer?: unknown };
+    if (typeof body.path === "string") await reportNotFound(body.path, typeof body.referrer === "string" ? body.referrer : null);
+  } catch {
+    // Not JSON: nothing to report.
+  }
+  return done;
+}

package/src/payment.ts

@@ -1,70 +1,70 @@
-import type { HoaDues, PaymentDefaults, PaymentEstimate } from "./types";
-
-/*
- * Estimated monthly payment for a listing price, in integer math only (cents and BigInt fixed point), so no float
- * rounding reaches an amount. Site Manager has the same function for its settings example (src/lib/payment.ts);
- * both are tested against the same figures. Always label the result as an estimate on the page.
- */
-
-const SCALE = BigInt(10) ** BigInt(18);
-const MICRO = BigInt(1_000_000);
-const HUNDRED = BigInt(100);
-
-/** "1450", "$1,450.5" -> 145050 cents. Throws on anything that isn't an amount. */
-export function toCents(value: string): bigint {
-  const m = value
-    .trim()
-    .replace(/^\$/, "")
-    .replace(/,/g, "")
-    .match(/^(\d{1,10})(?:\.(\d{1,2}))?$/);
-  if (!m) throw new Error(`Not an amount: ${value}`);
-  return BigInt(m[1]) * HUNDRED + BigInt((m[2] ?? "").padEnd(2, "0"));
-}
-
-export function fromCents(cents: bigint): string {
-  const negative = cents < BigInt(0);
-  const abs = negative ? -cents : cents;
-  return `${negative ? "-" : ""}${abs / HUNDRED}.${(abs % HUNDRED).toString().padStart(2, "0")}`;
-}
-
-/** "6.75" -> 6750000 (millionths). */
-function toMicro(value: string): bigint {
-  const m = value.trim().match(/^(\d{1,6})(?:\.(\d{1,6}))?$/);
-  if (!m) throw new Error(`Not a number: ${value}`);
-  return BigInt(m[1]) * MICRO + BigInt((m[2] ?? "").padEnd(6, "0"));
-}
-
-/** a / b rounded half up, for non-negative values. */
-const divRound = (a: bigint, b: bigint) => (a * BigInt(2) + b) / (BigInt(2) * b);
-
-/** Monthly principal and interest in cents for a loan in cents. */
-export function monthlyPrincipalAndInterest(loanCents: bigint, ratePercent: string, termYears: number): bigint {
-  const n = termYears * 12;
-  if (!Number.isInteger(n) || n <= 0) throw new Error("The term must be a whole number of years");
-  if (loanCents <= BigInt(0)) return BigInt(0);
-  const r = (toMicro(ratePercent) * SCALE) / (MICRO * BigInt(1200));
-  if (r === BigInt(0)) return divRound(loanCents, BigInt(n));
-  let pow = SCALE;
-  for (let i = 0; i < n; i++) pow = (pow * (SCALE + r)) / SCALE;
-  return divRound(loanCents * r * pow, (pow - SCALE) * SCALE);
-}
-
-/**
- * The estimated monthly payment for a price: principal and interest from the site's defaults, plus property tax,
- * insurance and HOA dues when known (each null when not). Null when the price, rate, down payment or term isn't
- * known, so the page shows no estimate rather than a made-up one.
- */
-export function estimatePayment(price: string | null | undefined, d: PaymentDefaults, hoa: HoaDues | null = null): PaymentEstimate | null {
-  if (!price || d.ratePercent === null || d.downPaymentPercent === null || d.termYears === null) return null;
-  const priceCents = toCents(price);
-  if (priceCents <= BigInt(0)) return null;
-  const down = divRound(priceCents * toMicro(d.downPaymentPercent), MICRO * HUNDRED);
-  const loan = priceCents > down ? priceCents - down : BigInt(0);
-  const pi = monthlyPrincipalAndInterest(loan, d.ratePercent, d.termYears);
-  const tax = d.taxRatePercent === null ? null : divRound(priceCents * toMicro(d.taxRatePercent), MICRO * BigInt(1200));
-  const insurance = d.insuranceYearly === null ? null : divRound(toCents(d.insuranceYearly), BigInt(12));
-  const hoaMonthly = hoa === null ? null : divRound(toCents(hoa.amount), BigInt(hoa.frequency === "monthly" ? 1 : hoa.frequency === "quarterly" ? 3 : 12));
-  const total = [pi, tax, insurance, hoaMonthly].reduce<bigint>((sum, v) => sum + (v ?? BigInt(0)), BigInt(0));
-  const money = (c: bigint | null) => (c === null ? null : fromCents(c));
-  return { downPayment: fromCents(down), loanAmount: fromCents(loan), principalAndInterest: fromCents(pi), tax: money(tax), insurance: money(insurance), hoa: money(hoaMonthly), total: fromCents(total) };
-}
+import type { HoaDues, PaymentDefaults, PaymentEstimate } from "./types";
+
+/*
+ * Estimated monthly payment for a listing price, in integer math only (cents and BigInt fixed point), so no float
+ * rounding reaches an amount. Site Manager has the same function for its settings example (src/lib/payment.ts);
+ * both are tested against the same figures. Always label the result as an estimate on the page.
+ */
+
+const SCALE = BigInt(10) ** BigInt(18);
+const MICRO = BigInt(1_000_000);
+const HUNDRED = BigInt(100);
+
+/** "1450", "$1,450.5" -> 145050 cents. Throws on anything that isn't an amount. */
+export function toCents(value: string): bigint {
+  const m = value
+    .trim()
+    .replace(/^\$/, "")
+    .replace(/,/g, "")
+    .match(/^(\d{1,10})(?:\.(\d{1,2}))?$/);
+  if (!m) throw new Error(`Not an amount: ${value}`);
+  return BigInt(m[1]) * HUNDRED + BigInt((m[2] ?? "").padEnd(2, "0"));
+}
+
+export function fromCents(cents: bigint): string {
+  const negative = cents < BigInt(0);
+  const abs = negative ? -cents : cents;
+  return `${negative ? "-" : ""}${abs / HUNDRED}.${(abs % HUNDRED).toString().padStart(2, "0")}`;
+}
+
+/** "6.75" -> 6750000 (millionths). */
+function toMicro(value: string): bigint {
+  const m = value.trim().match(/^(\d{1,6})(?:\.(\d{1,6}))?$/);
+  if (!m) throw new Error(`Not a number: ${value}`);
+  return BigInt(m[1]) * MICRO + BigInt((m[2] ?? "").padEnd(6, "0"));
+}
+
+/** a / b rounded half up, for non-negative values. */
+const divRound = (a: bigint, b: bigint) => (a * BigInt(2) + b) / (BigInt(2) * b);
+
+/** Monthly principal and interest in cents for a loan in cents. */
+export function monthlyPrincipalAndInterest(loanCents: bigint, ratePercent: string, termYears: number): bigint {
+  const n = termYears * 12;
+  if (!Number.isInteger(n) || n <= 0) throw new Error("The term must be a whole number of years");
+  if (loanCents <= BigInt(0)) return BigInt(0);
+  const r = (toMicro(ratePercent) * SCALE) / (MICRO * BigInt(1200));
+  if (r === BigInt(0)) return divRound(loanCents, BigInt(n));
+  let pow = SCALE;
+  for (let i = 0; i < n; i++) pow = (pow * (SCALE + r)) / SCALE;
+  return divRound(loanCents * r * pow, (pow - SCALE) * SCALE);
+}
+
+/**
+ * The estimated monthly payment for a price: principal and interest from the site's defaults, plus property tax,
+ * insurance and HOA dues when known (each null when not). Null when the price, rate, down payment or term isn't
+ * known, so the page shows no estimate rather than a made-up one.
+ */
+export function estimatePayment(price: string | null | undefined, d: PaymentDefaults, hoa: HoaDues | null = null): PaymentEstimate | null {
+  if (!price || d.ratePercent === null || d.downPaymentPercent === null || d.termYears === null) return null;
+  const priceCents = toCents(price);
+  if (priceCents <= BigInt(0)) return null;
+  const down = divRound(priceCents * toMicro(d.downPaymentPercent), MICRO * HUNDRED);
+  const loan = priceCents > down ? priceCents - down : BigInt(0);
+  const pi = monthlyPrincipalAndInterest(loan, d.ratePercent, d.termYears);
+  const tax = d.taxRatePercent === null ? null : divRound(priceCents * toMicro(d.taxRatePercent), MICRO * BigInt(1200));
+  const insurance = d.insuranceYearly === null ? null : divRound(toCents(d.insuranceYearly), BigInt(12));
+  const hoaMonthly = hoa === null ? null : divRound(toCents(hoa.amount), BigInt(hoa.frequency === "monthly" ? 1 : hoa.frequency === "quarterly" ? 3 : 12));
+  const total = [pi, tax, insurance, hoaMonthly].reduce<bigint>((sum, v) => sum + (v ?? BigInt(0)), BigInt(0));
+  const money = (c: bigint | null) => (c === null ? null : fromCents(c));
+  return { downPayment: fromCents(down), loanAmount: fromCents(loan), principalAndInterest: fromCents(pi), tax: money(tax), insurance: money(insurance), hoa: money(hoaMonthly), total: fromCents(total) };
+}

package/src/phone-input.tsx

@@ -1,26 +1,26 @@
-"use client";
-
-import { useState, type InputHTMLAttributes } from "react";
-import { maskPhoneInput } from "./phone";
-
-/**
- * A phone field that formats as the visitor types: (555) 123-4567. Use it for a form's phone fields; Site Manager
- * checks for 10 US digits and stores that same format. Everything else (name, required, className) passes through.
- */
-export function PhoneInput({ defaultValue, onChange, ...rest }: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & { defaultValue?: string }) {
-  const [value, setValue] = useState(defaultValue ? maskPhoneInput("", String(defaultValue)) : "");
-  return (
-    <input
-      {...rest}
-      type="tel"
-      inputMode="tel"
-      autoComplete={rest.autoComplete ?? "tel"}
-      placeholder={rest.placeholder ?? "(555) 123-4567"}
-      value={value}
-      onChange={(e) => {
-        setValue(maskPhoneInput(value, e.target.value));
-        onChange?.(e);
-      }}
-    />
-  );
-}
+"use client";
+
+import { useState, type InputHTMLAttributes } from "react";
+import { maskPhoneInput } from "./phone";
+
+/**
+ * A phone field that formats as the visitor types: (555) 123-4567. Use it for a form's phone fields; Site Manager
+ * checks for 10 US digits and stores that same format. Everything else (name, required, className) passes through.
+ */
+export function PhoneInput({ defaultValue, onChange, ...rest }: Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value"> & { defaultValue?: string }) {
+  const [value, setValue] = useState(defaultValue ? maskPhoneInput("", String(defaultValue)) : "");
+  return (
+    <input
+      {...rest}
+      type="tel"
+      inputMode="tel"
+      autoComplete={rest.autoComplete ?? "tel"}
+      placeholder={rest.placeholder ?? "(555) 123-4567"}
+      value={value}
+      onChange={(e) => {
+        setValue(maskPhoneInput(value, e.target.value));
+        onChange?.(e);
+      }}
+    />
+  );
+}

package/src/phone.ts

@@ -1,37 +1,37 @@
-// US phone numbers, one format everywhere: (555) 123-4567. The same rules as Site Manager's own (src/lib/phone.ts
-// there), so what a visitor types, what Site Manager stores and what it shows all match.
-
-/** The 10 digits of a US number, dropping a leading country code 1. Extra digits beyond 10 are ignored. */
-export function phoneDigits(raw: string): string {
-  let d = raw.replace(/\D/g, "");
-  if (d.length > 10 && d.startsWith("1")) d = d.slice(1);
-  return d.slice(0, 10);
-}
-
-/** As typed: "(555) 123-4567", built up as the digits come in. `complete` once there are 10. */
-export function formatUsPhone(raw: string): { text: string; complete: boolean } {
-  const d = phoneDigits(raw);
-  let text = "";
-  if (d.length > 0) text = `(${d.slice(0, 3)}`;
-  if (d.length >= 3) text += ")";
-  if (d.length > 3) text += ` ${d.slice(3, 6)}`;
-  if (d.length > 6) text += `-${d.slice(6)}`;
-  return { text, complete: d.length === 10 };
-}
-
-/**
- * The next value of a masked input. Backspace over a ")" or "-" removes the digit before it too, so the mask never
- * traps the cursor.
- */
-export function maskPhoneInput(prev: string, next: string): string {
-  if (next.length < prev.length && phoneDigits(next) === phoneDigits(prev)) return formatUsPhone(phoneDigits(prev).slice(0, -1)).text;
-  return formatUsPhone(next).text;
-}
-
-/** The stored form of a phone number, or null when it isn't a 10-digit US number. */
-export function normalizeUsPhone(raw: string): string | null {
-  const f = formatUsPhone(raw);
-  return f.complete && raw.replace(/\D/g, "").length <= 11 ? f.text : null;
-}
-
-export const PHONE_ERROR = "Enter a 10-digit phone number";
+// US phone numbers, one format everywhere: (555) 123-4567. The same rules as Site Manager's own (src/lib/phone.ts
+// there), so what a visitor types, what Site Manager stores and what it shows all match.
+
+/** The 10 digits of a US number, dropping a leading country code 1. Extra digits beyond 10 are ignored. */
+export function phoneDigits(raw: string): string {
+  let d = raw.replace(/\D/g, "");
+  if (d.length > 10 && d.startsWith("1")) d = d.slice(1);
+  return d.slice(0, 10);
+}
+
+/** As typed: "(555) 123-4567", built up as the digits come in. `complete` once there are 10. */
+export function formatUsPhone(raw: string): { text: string; complete: boolean } {
+  const d = phoneDigits(raw);
+  let text = "";
+  if (d.length > 0) text = `(${d.slice(0, 3)}`;
+  if (d.length >= 3) text += ")";
+  if (d.length > 3) text += ` ${d.slice(3, 6)}`;
+  if (d.length > 6) text += `-${d.slice(6)}`;
+  return { text, complete: d.length === 10 };
+}
+
+/**
+ * The next value of a masked input. Backspace over a ")" or "-" removes the digit before it too, so the mask never
+ * traps the cursor.
+ */
+export function maskPhoneInput(prev: string, next: string): string {
+  if (next.length < prev.length && phoneDigits(next) === phoneDigits(prev)) return formatUsPhone(phoneDigits(prev).slice(0, -1)).text;
+  return formatUsPhone(next).text;
+}
+
+/** The stored form of a phone number, or null when it isn't a 10-digit US number. */
+export function normalizeUsPhone(raw: string): string | null {
+  const f = formatUsPhone(raw);
+  return f.complete && raw.replace(/\D/g, "").length <= 11 ? f.text : null;
+}
+
+export const PHONE_ERROR = "Enter a 10-digit phone number";