@nano133/nanoterra 0.9.0 → 0.10.0

package/src/admin/summary.ts

@@ -1,7 +1,7 @@
 // The numbers of the summary from the rows of the orders, the same for every adapter: the counts by status, the totals and the shape of an order.
 // An adapter reads its rows; this file turns them into a `StoreSummary`.
 
-import { isRawText, xnoText } from "./amount.js";
+import { isRawText, usdDecimals, xnoText } from "./amount.js";
 import type { AdminOrder, Money, StoreSummary } from "./store.js";
 
 /** An order as an adapter reads it: the amount is the raw amount (digits), the times are ms. */
@@ -21,21 +21,21 @@ export type OrderRow = {
 
 export const ORDERS_SHOWN = 500;
 
-/** Cents from a dollar text like "0.25". Anything that is not plain dollars (a sign, an exponent, hex) counts as 0: a bad row must not change a total. */
-const toCents = (usd: string): number => {
+/** Steps of $0.0001 from a dollar text like "0.25" or "0.005". Anything that is not plain dollars (a sign, an exponent, hex) counts as 0: a bad row must not change a total. */
+const toSteps = (usd: string): number => {
   if (typeof usd !== "string" || !/^\d{1,9}(\.\d{1,8})?$/.test(usd)) return 0;
-  return Math.round(Number(usd) * 100);
+  return Math.round(Number(usd) * 10_000);
 };
 
-/** Money from rows that are all of one status: the count, the XNO text of the raw sum and the dollars (summed in cents, so 0.1 + 0.2 is 0.30). */
+/** Money from rows that are all of one status: the count, the XNO text of the raw sum and the dollars (summed in whole $0.0001 steps, so 0.1 + 0.2 is 0.30). */
 export function moneyOf(rows: readonly { amountRaw: string; usd: string }[]): Money {
   let raw = 0n;
-  let cents = 0;
+  let steps = 0;
   for (const r of rows) {
     if (isRawText(r.amountRaw)) raw += BigInt(r.amountRaw);
-    cents += toCents(r.usd);
+    steps += toSteps(r.usd);
   }
-  return { count: rows.length, xno: xnoText(raw.toString()), usd: (cents / 100).toFixed(2) };
+  return { count: rows.length, xno: xnoText(raw.toString()), usd: usdDecimals(steps / 10_000) };
 }
 
 /** Where an order counts: an open order past its expiry counts as expired. */

package/src/looks/index.ts

@@ -1,4 +1,4 @@
-export { HATS, ID_PATTERN, COLOR_PATTERN, NAME_MAX, OUTFIT, PRICE_MAX_USD, SLOTS_MAX, SLOT_NAME_PATTERN, SLOT_WORD_PATTERN, RESERVED_SLOT_NAMES, wholeCents, lookProblems, checkLooks, cleanSlots, slotValueOk, usdText, wearOf, isOutfit } from "./look.js";
+export { HATS, ID_PATTERN, COLOR_PATTERN, NAME_MAX, OUTFIT, PRICE_MAX_USD, PRICE_STEP_USD, SLOTS_MAX, SLOT_NAME_PATTERN, SLOT_WORD_PATTERN, RESERVED_SLOT_NAMES, wholeCents, priceStepOk, lookProblems, checkLooks, cleanSlots, slotValueOk, usdDecimals, usdText, wearOf, isOutfit } from "./look.js";
 export type { Change, Hat, Look, Problem, Slots } from "./look.js";
 export { PRICE_LADDER, rungUsd, rungOf, priceText } from "./ladder.js";
 export type { Rung } from "./ladder.js";

package/src/looks/ladder.ts

@@ -1,5 +1,7 @@
 // The price ladder: the six steps from a cent to a dollar that nano133.com uses for its own cosmetics and shows on /build/cosmetics.
-// It is a suggestion. A look can have any price with at most 2 decimals, up to $1000.
+// It is a suggestion. A look can have any price with at most 4 decimals ($0.0001 steps), up to $1000.
+
+import { usdText } from "./look.js";
 
 export type Rung = {
   name: "dye" | "charm" | "piece" | "statement" | "set" | "outfit";
@@ -26,10 +28,9 @@ export function rungOf(usd: number): Rung | undefined {
   return PRICE_LADDER.find((r) => Math.abs(rungUsd(r) - usd) < 1e-9);
 }
 
-/** A price as a page writes it: 1¢, 25¢, $1, $1.10. */
+/** A price as a page writes it: 0.5¢, 1¢, 25¢, $1, $1.10, $1.005. */
 export function priceText(usd: number): string {
-  const cents = Math.round(usd * 100);
-  if (cents < 100) return `${cents}¢`;
-  const dollars = cents / 100;
-  return Number.isInteger(dollars) ? `$${dollars}` : `$${dollars.toFixed(2)}`;
+  const steps = Math.round(usd * 10_000);
+  if (steps < 10_000) return `${steps / 100}¢`;
+  return steps % 10_000 === 0 ? `$${steps / 10_000}` : usdText(steps / 10_000);
 }

package/src/looks/look.ts

@@ -17,7 +17,7 @@ export type Look = {
   id: string;
   /** What the player reads, 1 to 40 characters. */
   name: string;
-  /** The price in US dollars with at most 2 decimals, for example 0.25. 0 means free for everyone. */
+  /** The price in US dollars with at most 4 decimals, for example 0.25 or 0.005. 0 means free for everyone. */
   priceUsd: number;
   /**
    * The wear slot that the look fills: none (or "outfit") for an outfit, or a slot of the game's own ("shovel", "charm"): 1 to 24 lowercase letters, digits
@@ -73,6 +73,14 @@ export function wholeCents(usd: number): boolean {
   return typeof usd === "number" && Number.isFinite(usd) && Number(usd.toFixed(2)) === usd;
 }
 
+/** The smallest step of a price: $0.0001, a hundredth of a cent. A price above 0 is at least this, and the shop asks for at least one 0.0001 XNO step. */
+export const PRICE_STEP_USD = 0.0001;
+
+/** Whether a price has at most 4 decimals (whole steps of $0.0001), by the same rule as `wholeCents`: it is exactly the number its own four-decimal text names. */
+export function priceStepOk(usd: number): boolean {
+  return typeof usd === "number" && Number.isFinite(usd) && Number(usd.toFixed(4)) === usd;
+}
+
 /** Every mistake in a list of looks (looks.json as it was read), in the order of the list. An empty array means the list is good. */
 export function lookProblems(raw: unknown): Problem[] {
   const out: Problem[] = [];
@@ -88,7 +96,7 @@ export function lookProblems(raw: unknown): Problem[] {
     else seen.add(v.id);
     if (typeof v.name !== "string" || !v.name.trim() || v.name.length > NAME_MAX) add("name", '"name" must be 1 to 40 characters');
     if (typeof v.priceUsd !== "number" || !Number.isFinite(v.priceUsd) || v.priceUsd < 0 || v.priceUsd > PRICE_MAX_USD) add("priceUsd", '"priceUsd" must be a number from 0 to 1000');
-    else if (!wholeCents(v.priceUsd)) add("priceUsd", '"priceUsd" can have at most 2 decimals (cents)');
+    else if (!priceStepOk(v.priceUsd)) add("priceUsd", '"priceUsd" can have at most 4 decimals (0.0001 is the smallest price above 0)');
     const wearOk = v.wear === undefined || (typeof v.wear === "string" && SLOT_NAME_PATTERN.test(v.wear) && !RESERVED_SLOT_NAMES.includes(v.wear));
     if (!wearOk) add("wear", `"wear" must be "${OUTFIT}" or the name of a wear slot: 1 to 24 lowercase letters, digits or dashes, starting with a letter ("shovel")`);
     const outfit = v.wear === undefined || v.wear === OUTFIT;
@@ -160,7 +168,8 @@ export function checkLooks(rawInput: unknown): Look[] {
 }
 
 /** "$0.25" */
-export const usdText = (usd: number): string => `$${usd.toFixed(2)}`;
+/** "$0.25", "$1.00", "$0.005"; and the same without "$", as an order keeps it ("0.005"). The money code's own helpers. */
+export { usdDecimals, usdText } from "../admin/amount.js";
 
 /** The wear slot that a look fills: OUTFIT for an outfit (no `wear`), or the game's own slot. */
 export const wearOf = (l: Pick<Look, "wear">): string => l.wear ?? OUTFIT;

package/src/player-signin/panel/index.ts

@@ -1,12 +1,13 @@
 // "@nano133/nanoterra/player-signin/panel": the player's sign-in sheet in the browser. `mountPlayerSignin` is the sheet (call `open()`);
-// `signInView` is its content, for a game that has a sheet of its own. Add "@nano133/nanoterra/player-signin/style.css" to the page.
+// `signInView` is its content, for a game that has a sheet of its own. Add "@nano133/nanoterra/player-signin/style.css" to the page. Every word of
+// the sheet can be the game's own: `words` (PlayerSigninWords; PLAYER_SIGNIN_WORDS are the defaults).
 
 export { mountPlayerSignin } from "./mount.js";
 export type { MountedPlayerSignin, PlayerSigninMountOptions } from "./mount.js";
 export { hostFits, passkeyName, signInView } from "./view.js";
 export { PASSKEY_PREVIEW_NOTE, previewHost } from "../host.js";
 export type { PlayerSigninView, PlayerSigninViewOptions, SignedIn } from "./view.js";
-export { faultWords } from "./words.js";
-export type { FaultWords } from "./words.js";
+export { PLAYER_SIGNIN_WORDS, faultWords, playerSigninWords } from "./words.js";
+export type { FaultText, FaultWords, PlayerSigninWords, PlayerSigninWordsOption } from "./words.js";
 export { readMemo } from "./memo.js";
 export type { SigninMemo } from "./memo.js";

package/src/player-signin/panel/mount.ts

@@ -1,14 +1,15 @@
 // The sign-in sheet of a game: `mountPlayerSignin(element, options)`. It draws no key of its own: the game's account key, the shop's "sign in
 // first" and anything else call `open()`, which resolves with the player once they are signed in, or null when the sheet closes. Plain DOM; a
 // modal sheet with a scrim: from the bottom on a phone held upright, in the middle on a wide or sideways screen. Escape, the close key and a press
-// on the scrim close it. Every key is 44 px or more.
+// on the scrim close it. Phone first: text 16 px, every key 48 px or more each way.
 
 import { h, releaseFocus } from "../../admin/panel/dom.js";
 import { icon } from "../../admin/panel/icons.js";
 import { signInView, type PlayerSigninViewOptions, type SignedIn } from "./view.js";
+import { playerSigninWords } from "./words.js";
 
 export type PlayerSigninMountOptions = PlayerSigninViewOptions & {
-  /** The sheet's title. Default "Sign in". */
+  /** The sheet's title. Default: `words.title` ("Sign in"). */
   title?: string;
   /** How long "Signed in as …" shows before the sheet closes, in ms. Default 900. */
   closeAfterMs?: number;
@@ -36,6 +37,7 @@ export function mountPlayerSignin(root: HTMLElement, options: PlayerSigninMountO
   let pending: { promise: Promise<SignedIn | null>; resolve: (p: SignedIn | null) => void } | null = null;
   let before: Element | null = null;
   let closing: ReturnType<typeof setTimeout> | undefined;
+  const words = playerSigninWords(options.words);
 
   const settle = (p: SignedIn | null) => {
     const was = pending;
@@ -52,8 +54,8 @@ export function mountPlayerSignin(root: HTMLElement, options: PlayerSigninMountO
     },
   });
 
-  const titleEl = h("h2", { class: "n133s-title", id: `n133s-title-${n}` }, options.title ?? "Sign in");
-  const closeKey = h("button", { class: "n133s-close", type: "button", "aria-label": "Close" }, icon("close", 20));
+  const titleEl = h("h2", { class: "n133s-title", id: `n133s-title-${n}` }, options.title ?? words.title);
+  const closeKey = h("button", { class: "n133s-close", type: "button", "aria-label": words.close }, icon("close", 20));
   const scrim = h("div", { class: "n133s-scrim" });
   const panel = h("section", { class: "n133s-panel", role: "dialog", "aria-modal": "true", "aria-labelledby": `n133s-title-${n}` }, h("header", { class: "n133s-head" }, titleEl, closeKey), h("div", { class: "n133s-body" }, view.node));
   const wrap = h("div", { class: "n133-signin n133s-sheet", "data-open": "false" }, scrim, panel);

package/src/player-signin/panel/style.css

@@ -1,6 +1,6 @@
 /* The player's sign-in sheet (mountPlayerSignin in ./mount.ts) and its content (signInView in ./view.ts). Every rule is under .n133-signin, so nothing
    leaks into the game's page.
-   Phone first: every key is 44 px or more and its words 16 px. On a phone held upright the sheet comes from the bottom; on a wide or sideways screen it
+   Phone first: text is 16 px, and every key, tile, link, close key and back key is 48 px or more each way. On a phone held upright the sheet comes from the bottom; on a wide or sideways screen it
    is a card in the middle. A scrim covers the game while it is open.
    Light and dark: the sheet follows data-n133-theme="light" | "dark" on the page's <html> when the page sets it, else the device's prefers-color-scheme.
    To theme it, set the --n133-* custom properties on the element that holds the sheet (or a parent): --n133-ink, --n133-ink-soft, --n133-paper,
@@ -129,8 +129,8 @@
 .n133-signin .n133s-close {
   display: inline-grid;
   place-items: center;
-  width: 44px;
-  height: 44px;
+  width: 48px;
+  height: 48px;
   border: 0;
   border-radius: 50%;
   background: transparent;
@@ -170,12 +170,12 @@
 
 .n133-signin .n133s-fine {
   margin: 0;
-  font-size: 14px;
+  font-size: 16px;
 }
 
 .n133-signin .n133s-or {
   margin: 6px 0 -4px;
-  font: 650 14px/1.3 var(--font);
+  font: 650 16px/1.3 var(--font);
 }
 
 .n133-signin .n133s-step {
@@ -251,7 +251,7 @@
 }
 
 .n133-signin .n133s-pk-words small {
-  font-size: 14px;
+  font-size: 16px;
   opacity: 0.92;
 }
 
@@ -292,26 +292,26 @@
   border-radius: 12px;
   background: var(--ground);
   color: var(--ink);
-  font: 800 15px/1 var(--font);
+  font: 800 16px/1 var(--font);
 }
 
 .n133-signin .n133s-name {
-  font: 650 15px/1.2 var(--font);
+  font: 650 16px/1.2 var(--font);
   text-align: center;
 }
 
 .n133-signin .n133s-last {
-  position: absolute;
-  top: 6px;
-  right: 8px;
-  padding: 1px 7px;
+  padding: 0 8px;
   border-radius: 999px;
   background: var(--ground);
   color: var(--ink-soft);
-  font: 700 11px/18px var(--font);
+  font: 700 16px/24px var(--font);
+  white-space: nowrap;
 }
 
+/* "Last used": in the flow, so it never covers a word at 16 px: under the name in a tile, at the right end of the passkey's row. */
 .n133-signin .n133s-pk .n133s-last {
+  margin-left: auto;
   background: rgb(255 255 255 / 0.22);
   color: inherit;
 }
@@ -376,14 +376,15 @@
   align-self: flex-start;
   align-items: center;
   gap: 6px;
-  min-height: 44px;
+  min-width: 48px;
+  min-height: 48px;
   margin: 0 0 -4px -10px;
-  padding: 0 10px;
+  padding: 0 12px 0 10px;
   border: 0;
   border-radius: 10px;
   background: transparent;
   color: var(--ink-soft);
-  font: 650 15px/1 var(--font);
+  font: 650 16px/1 var(--font);
   cursor: pointer;
 }
 
@@ -393,6 +394,10 @@
 }
 
 .n133-signin a:not(.n133s-btn) {
+  display: inline-flex;
+  align-items: center;
+  min-width: 48px;
+  min-height: 48px;
   color: var(--gem-dark);
   font-weight: 650;
   text-underline-offset: 2px;
@@ -443,7 +448,7 @@
   min-height: 1.4em;
   margin: 12px 0 0;
   color: var(--ink-soft);
-  font-size: 15px;
+  font-size: 16px;
 }
 
 .n133-signin .n133s-status:empty {

package/src/player-signin/panel/view.ts

@@ -11,6 +11,8 @@
 //
 // The seed lives in local variables of one sign-in only: never in storage, a log, an error text or an address. The page remembers only the passkeys'
 // ids and the last way (./memo.ts).
+//
+// `words` changes any word of the sheet (./words.ts: PLAYER_SIGNIN_WORDS are the defaults), for a game's own words or language.
 
 import { firstUse, makePasskey, openPasskey, PasskeyError, passkeyFault, passkeySupport, type NewPasskey, type PasskeyScheme, type PasskeySetup } from "@nano133/signin/passkey";
 import { ApiError, createApi } from "../../admin/panel/api.js";
@@ -20,7 +22,7 @@ import { checkScheme } from "../scheme-check.js";
 import { previewHost } from "../host.js";
 import { WAYS, type Way } from "../types.js";
 import { readMemo, rememberLast, rememberMade, rememberOpened } from "./memo.js";
-import { faultWords } from "./words.js";
+import { faultWords, playerSigninWords, type PlayerSigninWordsOption } from "./words.js";
 
 export type SignedIn = { address: string; via: "wallet" | "passkey" };
 
@@ -50,6 +52,8 @@ export type PlayerSigninViewOptions = {
   fetch?: typeof fetch;
   /** A touch screen (one key that opens the app) or not (a QR code). Default: `(pointer: coarse)`. */
   touch?: boolean;
+  /** The game's words for the sheet, over the defaults (PLAYER_SIGNIN_WORDS): `{ lead: "No password.", faults: { cancelled: { ... } } }`. */
+  words?: PlayerSigninWordsOption;
 };
 
 export type PlayerSigninView = {
@@ -102,6 +106,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
   const passkeyOn = options.passkey ?? !previewHost(rpId);
   const scheme = passkeyOn ? checkScheme(options.scheme as PasskeyScheme) : null;
   const touch = () => options.touch ?? (typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches);
+  const w = playerSigninWords(options.words);
 
   let stopped = false;
   let timer: ReturnType<typeof setTimeout> | undefined;
@@ -122,7 +127,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     node.toggleAttribute("aria-busy", on);
   };
   const key = (text: string, onclick: () => void, kind: "primary" | "plain" | "quiet" = "plain") => h("button", { class: `n133s-btn n133s-${kind}`, type: "button", onclick }, text);
-  const backKey = () => h("button", { class: "n133s-back", type: "button", onclick: () => showWays() }, icon("back", 18), h("span", {}, "Back"));
+  const backKey = () => h("button", { class: "n133s-back", type: "button", onclick: () => showWays() }, icon("back", 18), h("span", {}, w.back));
   const title = (text: string) => h("h3", { class: "n133s-step", tabindex: "-1" }, text);
   const focusFirst = () => (area.querySelector<HTMLElement>("h3, button:not([disabled])") ?? area).focus?.({ preventScroll: true });
   const setup = (): PasskeySetup => ({ rpId, rpName: options.name, scheme: scheme!, userName: passkeyName(options.name), exclude: readMemo(rpId).ids });
@@ -140,7 +145,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
   function done(player: SignedIn) {
     stopWaiting();
     current = null;
-    area.replaceChildren(h("p", { class: "n133s-done" }, icon("check", 22), h("span", {}, `Signed in as ${shortAddress(player.address)}`)));
+    area.replaceChildren(h("p", { class: "n133s-done" }, icon("check", 22), h("span", {}, w.signedInAs(shortAddress(player.address)))));
     say("");
     options.onSignedIn?.(player);
   }
@@ -154,8 +159,8 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
       "button",
       { class: `n133s-pk${off ? " is-off" : ""}`, type: "button", onclick: () => showPasskey() },
       h("span", { class: "n133s-pk-mark" }, keyIcon()),
-      h("span", { class: "n133s-pk-words" }, h("strong", {}, "Use a passkey"), h("small", {}, off ? "Not on this browser" : "Face ID, Touch ID or your device PIN")),
-      last ? h("span", { class: "n133s-last" }, "Last used") : null,
+      h("span", { class: "n133s-pk-words" }, h("strong", {}, w.usePasskey), h("small", {}, off ? w.passkeyOff : w.passkeyHint)),
+      last ? h("span", { class: "n133s-last" }, w.lastUsed) : null,
     );
   }
 
@@ -164,13 +169,13 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     return h(
       "div",
       { class: "n133s-tiles" },
-      ...ways.map((w) =>
+      ...ways.map((way) =>
         h(
           "button",
-          { class: "n133s-tile", type: "button", onclick: () => choose(w) },
-          h("span", { class: "n133s-mark", "aria-hidden": "true" }, WALLETS[w].mark),
-          h("span", { class: "n133s-name" }, WALLETS[w].name),
-          last === w ? h("span", { class: "n133s-last" }, "Last used") : null,
+          { class: "n133s-tile", type: "button", onclick: () => choose(way) },
+          h("span", { class: "n133s-mark", "aria-hidden": "true" }, WALLETS[way].mark),
+          h("span", { class: "n133s-name" }, WALLETS[way].name),
+          last === way ? h("span", { class: "n133s-last" }, w.lastUsed) : null,
         ),
       ),
     );
@@ -181,8 +186,8 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     busy(false);
     const pk = passkeyOn ? passkeyTile() : null;
     const first = pk && support !== "no";
-    const walletsPart = ways.length ? [h("p", { class: "n133s-or" }, pk ? "Or a wallet app" : "Choose your wallet"), walletTiles()] : [];
-    fill(h("p", { class: "n133s-lead" }, "No password and no payment."), first ? pk : null, ...walletsPart, !first && pk ? h("p", { class: "n133s-or" }, "Or a passkey") : null, !first ? pk : null);
+    const walletsPart = ways.length ? [h("p", { class: "n133s-or" }, pk ? w.orWallet : w.chooseWallet), walletTiles()] : [];
+    fill(h("p", { class: "n133s-lead" }, w.lead), first ? pk : null, ...walletsPart, !first && pk ? h("p", { class: "n133s-or" }, w.orPasskey) : null, !first ? pk : null);
     say("");
   }
 
@@ -191,13 +196,13 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
   function showFault(e: unknown): void {
     busy(false);
     const f = passkeyFault(e);
-    const w = faultWords(f.code, rpId);
-    if (w.next === "stay") return showPasskey(w.text);
+    const fw = faultWords(f.code, rpId, w);
+    if (fw.next === "stay") return showPasskey(fw.text);
     fill(
       backKey(),
-      title(w.title),
-      h("p", { class: "n133s-text n133s-fault", "data-fault": f.code }, w.text),
-      ways.length ? h("p", { class: "n133s-or" }, "Sign in with a wallet app") : null,
+      title(fw.title),
+      h("p", { class: "n133s-text n133s-fault", "data-fault": f.code }, fw.text),
+      ways.length ? h("p", { class: "n133s-or" }, w.faultWallets) : null,
       ways.length ? walletTiles() : null,
     );
     say("");
@@ -212,12 +217,12 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     if (support === "no") return showFault(new PasskeyError("no-prf"));
     if (!hostFits(location.hostname, rpId)) return showFault({ name: "SecurityError" });
     const known = readMemo(rpId).ids.length > 0;
-    const use = key("Use my passkey", () => void usePasskey(), known ? "primary" : "plain");
-    const make = key("Make a passkey", () => void makeNew(), known ? "plain" : "primary");
+    const use = key(w.useMine, () => void usePasskey(), known ? "primary" : "plain");
+    const make = key(w.makeOne, () => void makeNew(), known ? "plain" : "primary");
     area.replaceChildren(
       backKey(),
-      title("Passkey"),
-      h("p", { class: "n133s-text" }, "Face ID, Touch ID or your device PIN. The passkey stays on your device: the game never sees it."),
+      title(w.passkeyTitle),
+      h("p", { class: "n133s-text" }, w.passkeyText),
       h("div", { class: "n133s-keys" }, known ? use : make, known ? make : use),
     );
     say(note ?? "");
@@ -226,7 +231,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
 
   async function usePasskey() {
     busy(true);
-    say("Waiting for your passkey…");
+    say(w.waitingPasskey);
     prompt = new AbortController();
     try {
       const p = await openPasskey(setup(), prompt.signal);
@@ -239,7 +244,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
 
   async function makeNew() {
     busy(true);
-    say("Making your passkey…");
+    say(w.makingPasskey);
     prompt = new AbortController();
     let made: NewPasskey;
     try {
@@ -257,7 +262,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
   /** The first use of a passkey just made. Where it gives nothing (a browser that allows one prompt per press, a closed sheet), one key finishes it. */
   async function firstOpen(made: NewPasskey, pick: boolean) {
     busy(true);
-    say("Opening your passkey…");
+    say(w.openingPasskey);
     prompt = new AbortController();
     try {
       const p = await firstUse(setup(), made, prompt.signal, pick);
@@ -268,7 +273,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
       const f = passkeyFault(e);
       if (f.code !== "cancelled" && f.code !== "failed") return showFault(f);
       busy(false);
-      area.replaceChildren(title("Your passkey is made"), h("p", { class: "n133s-text" }, "Press the key to open it."), h("div", { class: "n133s-keys" }, key("Open my passkey", () => void firstOpen(made, true), "primary")));
+      area.replaceChildren(title(w.madeTitle), h("p", { class: "n133s-text" }, w.madeText), h("div", { class: "n133s-keys" }, key(w.openMine, () => void firstOpen(made, true), "primary")));
       say("");
       focusFirst();
     }
@@ -281,28 +286,28 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
       const code = h("p", { class: "n133s-code", translate: "no" });
       const codeBox = h("div", { class: "n133s-codebox" }, code);
       codeBox.hidden = true;
-      const go = key("Later", () => resolve(), "quiet");
-      const copyBtn = key("Copy the code", async () => {
+      const go = key(w.later, () => resolve(), "quiet");
+      const copyBtn = key(w.copyCode, async () => {
         try {
           await navigator.clipboard.writeText(seed);
-          copyBtn.textContent = "Copied";
+          copyBtn.textContent = w.copied;
         } catch {
-          copyBtn.textContent = "Copy failed: write it down";
+          copyBtn.textContent = w.copyFailed;
         }
       });
       codeBox.append(copyBtn);
-      const show = key("Show my code", () => {
+      const show = key(w.showCode, () => {
         code.textContent = seed.match(/.{1,16}/g)!.join("\n");
         codeBox.hidden = false;
         show.remove();
-        go.textContent = "Continue";
+        go.textContent = w.continue;
         go.className = "n133s-btn n133s-primary";
       }, "primary");
       area.replaceChildren(
-        title("Keep a spare key"),
-        h("p", { class: "n133s-text" }, "Your looks belong to this passkey. If you lose it, this code brings them back."),
+        title(w.spareTitle),
+        h("p", { class: "n133s-text" }, w.spareText),
         codeBox,
-        h("p", { class: "n133s-fine" }, "Keep it secret: whoever has it can sign in as you. To use it, import it as a seed in a Nano wallet such as Nautilus, then sign in with that wallet."),
+        h("p", { class: "n133s-fine" }, w.spareFine),
         h("div", { class: "n133s-keys" }, show, go),
       );
       say("");
@@ -315,7 +320,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     if (fresh && options.spareKey !== false) await spareKey(seed);
     if (stopped) return;
     busy(true);
-    say("Signing in…");
+    say(w.signingIn);
     try {
       const { signinBody } = await import("@nano133/signin/purse");
       const turnstile = await personToken();
@@ -323,7 +328,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
       rememberOpened(rpId, credentialId);
       if (!stopped) done({ address: r.address, via: "passkey" });
     } catch (e) {
-      if (!stopped) showPasskey(e instanceof ApiError ? e.message : "Sign-in did not work. Try again.");
+      if (!stopped) showPasskey(e instanceof ApiError ? w.refusal(e.message, e.status) : w.signInFailed);
     }
   }
 
@@ -334,7 +339,7 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     stopWaiting();
     current = null;
     busy(true);
-    say("Starting…");
+    say(w.starting);
     try {
       const turnstile = await personToken();
       const s = await api.post<Start>(`${base}/start`, { way, ...(turnstile ? { turnstile } : {}) });
@@ -346,14 +351,14 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
     } catch (e) {
       busy(false);
       showWays();
-      say(e instanceof Error ? e.message : "Sign-in did not start. Try again.");
+      say(e instanceof ApiError ? w.refusal(e.message, e.status) : e instanceof Error && e.message ? w.refusal(e.message, 0) : w.startFailed);
     }
   }
 
   function showWallet(s: Start) {
     const name = WALLETS[s.way].name;
     area.replaceChildren(backKey(), title(name), ...walletSteps(s, name));
-    say(`Waiting for ${name}…`);
+    say(w.waitingFor(name));
     focusFirst();
   }
 
@@ -361,44 +366,44 @@ export function signInView(options: PlayerSigninViewOptions): PlayerSigninView {
   function walletSteps(s: Start, name: string): Node[] {
     const open = (text: string, href: string, newTab = false) => h("a", { class: "n133s-btn n133s-primary", href, target: newTab ? "_blank" : undefined, rel: newTab ? "noopener" : undefined }, text);
     const qr = (text: string) => {
-      if (!options.qr) return h("p", { class: "n133s-fine" }, "Open this page on your phone to sign in with ", name, ".");
+      if (!options.qr) return h("p", { class: "n133s-fine" }, w.openOnPhone(name));
       const c = options.qr(text);
-      c.setAttribute("aria-label", `QR code to sign in with ${name}`);
+      c.setAttribute("aria-label", w.qrLabel(name));
       return h("div", { class: "n133s-qr" }, c);
     };
-    const only = h("p", { class: "n133s-fine" }, `Only approve a sign-in that you started yourself, on ${location.host}.`);
-    const comeBack = h("p", { class: "n133s-fine" }, `Approve the sign-in in ${s.way === "berry" ? "your wallet" : name}, then come back to this page.`);
+    const only = h("p", { class: "n133s-fine" }, w.onlyYours(location.host));
+    const comeBack = h("p", { class: "n133s-fine" }, w.comeBack(s.way === "berry" ? w.yourWallet : name));
     if (s.way === "nautilus") {
-      const code = h("p", { class: "n133s-text" }, "Check that Nautilus shows the code ", h("strong", { class: "n133s-signcode" }, s.code ?? ""), ".");
-      return touch() ? [code, open("Open Nautilus", s.link), comeBack] : [qr(s.link), h("p", { class: "n133s-text" }, "Scan this with Nautilus on your phone, then approve the sign-in."), code, only];
+      const code = h("p", { class: "n133s-text" }, w.checkCode, h("strong", { class: "n133s-signcode" }, s.code ?? ""));
+      return touch() ? [code, open(w.openApp(name), s.link), comeBack] : [qr(s.link), h("p", { class: "n133s-text" }, w.scanWith(name)), code, only];
     }
     if (s.way === "nanchat") {
-      const here = h("p", { class: "n133s-fine" }, "On this computer: ", h("a", { href: s.link, target: "_blank", rel: "noopener" }, "open NanChat"), ".");
-      return touch() ? [open("Open NanChat", s.link, true), comeBack, only] : [qr(s.link), h("p", { class: "n133s-text" }, "Scan this with your phone's camera to open NanChat, then approve the sign-in."), only, here];
+      const here = h("p", { class: "n133s-fine" }, w.onComputer, h("a", { href: s.link, target: "_blank", rel: "noopener" }, w.openLink(name)));
+      return touch() ? [open(w.openApp(name), s.link, true), comeBack, only] : [qr(s.link), h("p", { class: "n133s-text" }, w.scanCamera(name)), only, here];
     }
-    const other = h("a", { class: "n133s-btn n133s-plain", href: s.walletLink ?? s.link }, "Another wallet");
-    const here = h("p", { class: "n133s-fine" }, "On this computer: ", h("a", { href: s.walletLink ?? s.link }, "open a wallet"), ".");
-    return touch() ? [open("Open Berry Wallet", s.link), other, comeBack] : [qr(s.link), h("p", { class: "n133s-text" }, "Scan this with Berry Wallet on your phone, then approve the sign-in."), only, here];
+    const other = h("a", { class: "n133s-btn n133s-plain", href: s.walletLink ?? s.link }, w.anotherWallet);
+    const here = h("p", { class: "n133s-fine" }, w.onComputer, h("a", { href: s.walletLink ?? s.link }, w.openLink(w.aWallet)));
+    return touch() ? [open(w.openApp(name), s.link), other, comeBack] : [qr(s.link), h("p", { class: "n133s-text" }, w.scanWith(name)), only, here];
   }
 
   /** The request ended without a sign-in: say why, and offer a new one. */
   function again(s: Start, words: string) {
     current = null;
-    area.replaceChildren(backKey(), title(WALLETS[s.way].name), h("div", { class: "n133s-keys" }, key("Try again", () => void choose(s.way), "primary"), key("Choose another way", () => showWays())));
+    area.replaceChildren(backKey(), title(WALLETS[s.way].name), h("div", { class: "n133s-keys" }, key(w.tryAgain, () => void choose(s.way), "primary"), key(w.otherWay, () => showWays())));
     say(words);
   }
 
   async function poll(s: Start) {
     if (stopped || current !== s) return;
-    if (Date.now() > s.expiresAt + 5000) return again(s, "This sign-in expired.");
+    if (Date.now() > s.expiresAt + 5000) return again(s, w.expired);
     try {
       const r = await api.post<{ status: string; address?: string }>(`${base}/check`, { id: s.id, way: s.way });
       if (stopped || current !== s) return;
       if (r.status === "signedin" && r.address) return done({ address: r.address, via: "wallet" });
-      if (r.status === "elsewhere" || r.status === "used") return again(s, "This sign-in was used in another browser. Start again.");
-      if (r.status === "expired") return again(s, "This sign-in expired.");
+      if (r.status === "elsewhere" || r.status === "used") return again(s, w.usedElsewhere);
+      if (r.status === "expired") return again(s, w.expired);
     } catch (e) {
-      if (e instanceof ApiError && e.status === 429) say("Too many checks. Waiting a moment…");
+      if (e instanceof ApiError && e.status === 429) say(w.tooManyChecks);
     }
     timer = setTimeout(() => void poll(s), 2000);
   }