@redeemid/emdash 0.0.9 → 0.0.11

package/src/blocks-names.ts

@@ -4,9 +4,36 @@ export const PLAN_BLOCK = "redeemid-plan";
 export const PRODUCT_BLOCK = "redeemid-product";
 export const COLLECTION_BLOCK = "redeemid-collection";
 export const CONTRIBUTION_BLOCK = "redeemid-contribution";
+export const PREFERENCES_BLOCK = "redeemid-preferences";
 /** Starts a members-only part of the body; it runs to the next end block. */
 export const MEMBERS_BLOCK = "redeemid-members";
 export const MEMBERS_END_BLOCK = "redeemid-members-end";
+/** Sells the entry on its own: readers holding its tag read all of it. */
+export const ITEM_BLOCK = "redeemid-item";
+
+export interface SoldItem {
+	/** The Shopify customer tag buyers get, lowercased. */
+	tag: string;
+	/** The Shopify product handle that sells it, or null. */
+	product: string | null;
+}
+
+/** The entry's "Sold on its own" block, if it has one with a tag. */
+export function soldItem(value: unknown): SoldItem | null {
+	const blocks = Array.isArray(value) ? value : [];
+	const b = blocks.find((x) => (x as { _type?: unknown })?._type === ITEM_BLOCK) as { tag?: unknown; product?: unknown } | undefined;
+	const tag = typeof b?.tag === "string" ? b.tag.trim().toLowerCase() : "";
+	if (!tag) return null;
+	const raw = typeof b?.product === "string" ? b.product.trim() : "";
+	// A handle, or a product link: /products/<handle>.
+	const handle = (/\/products\/([a-z0-9][a-z0-9-]*)/i.exec(raw)?.[1] ?? raw).toLowerCase();
+	return { tag, product: /^[a-z0-9][a-z0-9-]*$/.test(handle) ? handle : null };
+}
+
+/** Does someone with these tags hold the item? */
+export function holdsItem(item: SoldItem | null, tags: string[] | undefined): boolean {
+	return Boolean(item && tags?.some((t) => t.toLowerCase() === item.tag));
+}
 
 type Node = { _type?: unknown; levels?: unknown };
 

package/src/components/AccessBadge.astro

@@ -9,9 +9,10 @@
  * carries `data-redeemid-level` (the level slugs) for styling, and
  * `is-locked` with a lock for readers who can't read the members part.
  */
-import { canRead, describe, entryRequirement, type Terms } from "../access.js";
-import { splitAtPaywall } from "../blocks-names.js";
+import { canRead, describe, entryRequirement, viewer, type Terms } from "../access.js";
+import { holdsItem, soldItem, splitAtPaywall } from "../blocks-names.js";
 import { siteConfig } from "../site-config.js";
+import { text } from "../text.js";
 
 interface Props {
 	collection: string;
@@ -22,14 +23,17 @@ interface Props {
 	class?: string;
 }
 
-const { collection, terms, content, free = "Free", class: className } = Astro.props;
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { collection, terms, content, free = text(config, "Free"), class: className } = Astro.props;
 const split = splitAtPaywall(content);
 const required = split.paywall && split.levels.length
 	? [split.levels]
 	: await entryRequirement(config, collection, terms);
-const label = describe(required, config?.levels, free);
-const locked = required !== null && !(await canRead(Astro, { collection, terms }, { required })).allowed;
+const label = describe(required, config?.levels, free, text(config, "Signed in"));
+const item = soldItem(content);
+const owner = item ? (await viewer(Astro)).member : null;
+const owned = Boolean(owner && owner.status !== "disabled" && holdsItem(item, owner.tags));
+const locked = required !== null && !owned && !(await canRead(Astro, { collection, terms }, { required })).allowed;
 const slugs = required?.flat().join(" ") || (required ? "signed-in" : "free");
 ---
 
@@ -40,6 +44,6 @@ const slugs = required?.flat().join(" ") || (required ? "signed-in" : "free");
 	>
 		{locked && <span class="redeemid-badge__lock" aria-hidden="true">🔒&#xFE0E; </span>}
 		{label}
-		{locked && <span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap"> (locked)</span>}
+		{locked && <span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap">{text(config, " (locked)")}</span>}
 	</span>
 )}

package/src/components/Account.astro

@@ -4,6 +4,7 @@
  */
 import { siteConfig } from "../site-config.js";
 import { accountUrl, signInUrl, signOutUrl, viewer } from "../access.js";
+import { text } from "../text.js";
 
 const v = await viewer(Astro);
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
@@ -14,14 +15,14 @@ const names = (config?.levels ?? []).filter((l) => v.levels.includes(l.slug)).ma
 <div class="redeemid-account" data-redeemid-signed-in={v.signedIn ? "true" : "false"}>
 	{v.signedIn ? (
 		<>
-			<span class="redeemid-account__who">{v.member?.firstName ?? v.member?.email ?? "Signed in"}</span>
+			<span class="redeemid-account__who">{v.member?.firstName ?? v.member?.email ?? text(config, "Signed in")}</span>
 			{names.length > 0 && <span class="redeemid-account__levels">{names.join(", ")}</span>}
-			<a class="redeemid-account__link" href={accountUrl(here)}>Account</a>
+			<a class="redeemid-account__link" href={accountUrl(here)}>{text(config, "Account")}</a>
 			<form method="post" action={signOutUrl(here)}>
-				<button type="submit">Sign out</button>
+				<button type="submit">{text(config, "Sign out")}</button>
 			</form>
 		</>
 	) : (
-		<a href={signInUrl(here)}>{config?.label ?? "Sign in"}</a>
+		<a href={signInUrl(here)}>{config?.label ?? text(config, "Sign in")}</a>
 	)}
 </div>

package/src/components/Cart.astro

@@ -5,12 +5,15 @@
  */
 import { cartUrl } from "../access.js";
 import { readCart } from "../cart.js";
+import { siteConfig } from "../site-config.js";
+import { text } from "../text.js";
 
 interface Props {
 	label?: string;
 }
 
-const { label = "Cart" } = Astro.props;
+const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { label = text(config, "Cart") } = Astro.props;
 const ref = await readCart(Astro.session);
 const count = ref?.count ?? 0;
 const here = Astro.url.pathname + Astro.url.search;

package/src/components/CartView.astro

@@ -11,6 +11,7 @@ import { cartUrl } from "../access.js";
 import { readCart, saveCart } from "../cart.js";
 import { siteConfig } from "../site-config.js";
 import { cartDetails, money, type CartDetails } from "../storefront.js";
+import { text } from "../text.js";
 
 interface Props {
 	/** Link for each line's product; `{handle}` is replaced. */
@@ -19,8 +20,8 @@ interface Props {
 	empty?: string;
 }
 
-const { productHref, empty = "Your cart is empty." } = Astro.props;
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { productHref, empty = text(config, "Your cart is empty.") } = Astro.props;
 const ref = await readCart(Astro.session);
 let cart: CartDetails | null = null;
 let failed = false;
@@ -43,7 +44,7 @@ const code = cart?.discountCodes[0];
 
 <section class="redeemid-cartview" data-redeemid-cart-count={cart?.totalQuantity ?? 0}>
 	{failed ? (
-		<p>Your cart isn't available right now. Try again in a few minutes.</p>
+		<p>{text(config, "Your cart isn't available right now. Try again in a few minutes.")}</p>
 	) : !cart || cart.lines.length === 0 ? (
 		<p class="redeemid-cartview__empty">{empty}</p>
 	) : (
@@ -57,20 +58,20 @@ const code = cart?.discountCodes[0];
 								{href(l.productHandle) ? <a href={href(l.productHandle)}>{l.productTitle}</a> : l.productTitle}
 								{l.variantTitle && l.variantTitle !== "Default Title" && <span> · {l.variantTitle}</span>}
 							</p>
-							<p class="redeemid-cartview__price">{money(l.price)} each · {money(l.total)}</p>
+							<p class="redeemid-cartview__price">{text(config, "{price} each · {total}", { price: money(l.price), total: money(l.total) })}</p>
 							<form method="post" action={action} class="redeemid-cartview__quantity">
 								<input type="hidden" name="action" value="update" />
 								<input type="hidden" name="line" value={l.id} />
 								<input type="hidden" name="return" value={here} />
-								<label for={`q-${l.id}`}>Quantity</label>
+								<label for={`q-${l.id}`}>{text(config, "Quantity")}</label>
 								<input id={`q-${l.id}`} name="quantity" type="number" min="0" max="1000" value={l.quantity} inputmode="numeric" />
-								<button type="submit">Update</button>
+								<button type="submit">{text(config, "Update")}</button>
 							</form>
 							<form method="post" action={action}>
 								<input type="hidden" name="action" value="remove" />
 								<input type="hidden" name="line" value={l.id} />
 								<input type="hidden" name="return" value={here} />
-								<button type="submit" class="redeemid-cartview__remove">Remove<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap"> {l.productTitle}</span></button>
+								<button type="submit" class="redeemid-cartview__remove">{text(config, "Remove")}<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap"> {l.productTitle}</span></button>
 							</form>
 						</div>
 					</li>
@@ -79,19 +80,19 @@ const code = cart?.discountCodes[0];
 			<form method="post" action={action} class="redeemid-cartview__discount">
 				<input type="hidden" name="action" value="discount" />
 				<input type="hidden" name="return" value={here} />
-				<label for="redeemid-discount">Discount code</label>
+				<label for="redeemid-discount">{text(config, "Discount code")}</label>
 				<input id="redeemid-discount" name="code" type="text" value={code?.code ?? ""} autocomplete="off" />
-				<button type="submit">Apply</button>
-				{code && !code.applicable && <p class="redeemid-cartview__code-note">{code.code} doesn't apply to this cart.</p>}
+				<button type="submit">{text(config, "Apply")}</button>
+				{code && !code.applicable && <p class="redeemid-cartview__code-note">{text(config, "{code} doesn't apply to this cart.", { code: code.code })}</p>}
 			</form>
 			<dl class="redeemid-cartview__totals">
-				<dt>Subtotal</dt>
+				<dt>{text(config, "Subtotal")}</dt>
 				<dd>{money(cart.subtotal)}</dd>
-				<dt>Total</dt>
+				<dt>{text(config, "Total")}</dt>
 				<dd>{money(cart.total)}</dd>
 			</dl>
-			<p class="redeemid-cartview__note">Taxes and shipping are worked out at checkout.</p>
-			<a class="redeemid-cartview__checkout" href={cartUrl(here)}>Checkout</a>
+			<p class="redeemid-cartview__note">{text(config, "Taxes and shipping are worked out at checkout.")}</p>
+			<a class="redeemid-cartview__checkout" href={cartUrl(here)}>{text(config, "Checkout")}</a>
 		</>
 	)}
 </section>

package/src/components/Collection.astro

@@ -8,6 +8,7 @@
  */
 import { siteConfig } from "../site-config.js";
 import { collection as loadCollection, money, type Collection } from "../storefront.js";
+import { text } from "../text.js";
 
 interface Props {
 	handle: string;
@@ -45,7 +46,7 @@ const href = (h: string) => productHref?.replaceAll("{handle}", encodeURICompone
 				<li class="redeemid-collection__item" data-redeemid-product={p.handle}>
 					{p.image && <img src={p.image.url} alt={p.image.altText ?? ""} loading="lazy" />}
 					<h3>{href(p.handle) ? <a href={href(p.handle)}>{p.title}</a> : p.title}</h3>
-					<p class="redeemid-collection__price">{p.availableForSale ? (p.price ? `From ${money(p.price)}` : "") : "Sold out"}</p>
+					<p class="redeemid-collection__price">{p.availableForSale ? (p.price ? text(config, "From {price}", { price: money(p.price) }) : "") : text(config, "Sold out")}</p>
 				</li>
 			))}
 		</ul>

package/src/components/Content.astro

@@ -14,6 +14,10 @@
  * - No break: the entry's rule covers the whole body; readers it keeps out see
  *   the collection's teaser (config `teaser`, in words), if any.
  *
+ * - "Sold on its own": readers holding the block's Shopify tag read the whole
+ *   entry, whatever its rule, breaks and drip say. Others see "Buy just this"
+ *   on the wall when the block names a product.
+ *
  * Readers kept out get the wall (LockedPanel), with the "locked" slot on top.
  *
  * Pass `id` on the entry's own page so drip and the meter apply: a rule's
@@ -23,9 +27,10 @@
  */
 import { PortableText } from "emdash/ui";
 
-import { canRead, entryRequirement, readEntry, type Terms, type Verdict } from "../access.js";
-import { sections, splitAtPaywall, teaser } from "../blocks-names.js";
+import { canRead, entryRequirement, readEntry, viewer, type Terms, type Verdict } from "../access.js";
+import { holdsItem, sections, soldItem, splitAtPaywall, teaser } from "../blocks-names.js";
 import { siteConfig } from "../site-config.js";
+import { text } from "../text.js";
 import LockedPanel from "./LockedPanel.astro";
 
 interface Props {
@@ -40,11 +45,15 @@ const { value, collection = "", terms, id } = Astro.props;
 const split = splitAtPaywall(value);
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
 const entryRule = await entryRequirement(config, collection, terms);
+// Bought on its own: the whole entry, no meter, no drip.
+const item = soldItem(value);
+const reader = item ? (await viewer(Astro)).member : null;
+const owned = Boolean(reader && reader.status !== "disabled" && holdsItem(item, reader.tags));
 // A break with levels picked locks the rest to them; with none picked it
 // follows the entry's rule, and does nothing when no rule covers the entry.
 const required = split.paywall ? (split.levels.length ? [split.levels] : entryRule) : undefined;
 const verdict: Verdict | { allowed: true; reason: "open" } =
-	split.paywall && required === null
+	owned || (split.paywall && required === null)
 		? { allowed: true, reason: "open" }
 		: id
 			? await readEntry(Astro, { collection, terms, id }, required ? { required } : undefined)
@@ -57,7 +66,7 @@ const rest = verdict.allowed ? split.locked : [];
 async function parts(blocks: unknown[]) {
 	const out: Array<{ blocks: unknown[]; verdict?: Verdict }> = [];
 	for (const section of sections(blocks)) {
-		if (!section.members) {
+		if (!section.members || owned) {
 			out.push({ blocks: section.blocks });
 			continue;
 		}
@@ -69,21 +78,26 @@ async function parts(blocks: unknown[]) {
 const before = await parts(shown);
 const after = await parts(rest);
 const metered = verdict.reason === "metered" ? (verdict as Verdict) : null;
-const per = metered?.meter?.period === "week" ? "this week" : "this month";
+const week = metered?.meter?.period === "week";
+const left = metered?.meterLeft ?? 0;
+const meterText =
+	left === 0
+		? text(config, week ? "This is your last free read this week." : "This is your last free read this month.")
+		: left === 1
+			? text(config, week ? "You have 1 free read left this week." : "You have 1 free read left this month.")
+			: text(config, week ? "You have {count} free reads left this week." : "You have {count} free reads left this month.", { count: left });
 ---
 
 {metered && (
 	<p class="redeemid-meter" role="status" data-redeemid-left={metered.meterLeft}>
-		{metered.meterLeft === 0
-			? `This is your last free read ${per}.`
-			: `You have ${metered.meterLeft} free ${metered.meterLeft === 1 ? "read" : "reads"} left ${per}.`}
+		{meterText}
 	</p>
 )}
 {before.map((p) =>
 	!p.verdict || p.verdict.allowed ? (
 		p.blocks.length > 0 && <PortableText value={p.blocks} />
 	) : (
-		<LockedPanel reason={p.verdict.reason} required={p.verdict.required} held={p.verdict.viewer.levels} />
+		<LockedPanel reason={p.verdict.reason} required={p.verdict.required} held={p.verdict.viewer.levels} item={item} />
 	),
 )}
 {verdict.allowed ? (
@@ -91,7 +105,7 @@ const per = metered?.meter?.period === "week" ? "this week" : "this month";
 		!p.verdict || p.verdict.allowed ? (
 			p.blocks.length > 0 && <PortableText value={p.blocks} />
 		) : (
-			<LockedPanel reason={p.verdict.reason} required={p.verdict.required} held={p.verdict.viewer.levels} />
+			<LockedPanel reason={p.verdict.reason} required={p.verdict.required} held={p.verdict.viewer.levels} item={item} />
 		),
 	)
 ) : (
@@ -102,6 +116,7 @@ const per = metered?.meter?.period === "week" ? "this week" : "this month";
 		opensAt={verdict.opensAt}
 		meterLeft={verdict.meterLeft}
 		meterPeriod={verdict.meter?.period}
+		item={item}
 	>
 		<slot name="locked" />
 	</LockedPanel>

package/src/components/Contribution.astro

@@ -9,6 +9,7 @@
  */
 import { siteConfig } from "../site-config.js";
 import { money, product as loadProduct, type Product } from "../storefront.js";
+import { text } from "../text.js";
 
 interface Props {
 	handle: string;
@@ -20,8 +21,8 @@ interface Props {
 	title?: string;
 }
 
-const { handle, amounts = [5, 10, 25], initial = 10, label = "Give", title } = Astro.props;
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { handle, amounts = [5, 10, 25], initial = 10, label = text(config, "Give"), title } = Astro.props;
 let p: Product | null = null;
 if (config) {
 	try {
@@ -57,13 +58,13 @@ const id = `redeemid-give-${handle}`;
 					</p>
 				)}
 				<p>
-					<label for={`${id}-amount`}>Another amount ({currency})</label>
+					<label for={`${id}-amount`}>{text(config, "Another amount ({currency})", { currency })}</label>
 					<input id={`${id}-amount`} name="quantity" type="number" min="1" max="1000" step="1" value={initial} inputmode="numeric" />
 				</p>
 			</>
 		) : (
 			<p>
-				<label for={`${id}-amount`}>Quantity ({money(variant.price)} each)</label>
+				<label for={`${id}-amount`}>{text(config, "Quantity ({price} each)", { price: money(variant.price) })}</label>
 				<input id={`${id}-amount`} name="quantity" type="number" min="1" max="1000" value="1" inputmode="numeric" />
 			</p>
 		)}

package/src/components/LockedPanel.astro

@@ -9,7 +9,10 @@
  * Anything in the default slot is shown above the built-in text.
  */
 import { passes, signInUrl, type Reason } from "../access.js";
+import type { SoldItem } from "../blocks-names.js";
+import { plan as loadPlan } from "../storefront.js";
 import { siteConfig } from "../site-config.js";
+import { text, textParts } from "../text.js";
 
 interface Props {
 	reason: Reason;
@@ -22,9 +25,11 @@ interface Props {
 	/** Free reads left when a meter ran (Verdict.meterLeft); 0 shows the meter-used text. */
 	meterLeft?: number;
 	meterPeriod?: "month" | "week";
+	/** The entry's "Sold on its own" block: offers "Buy just this". */
+	item?: SoldItem | null;
 }
 
-const { reason, required = [], held = [], opensAt, meterLeft, meterPeriod } = Astro.props;
+const { reason, required = [], held = [], opensAt, meterLeft, meterPeriod, item } = Astro.props;
 const opens = opensAt
 	? new Intl.DateTimeFormat("en-US", { dateStyle: "long", timeZone: "UTC" }).format(opensAt)
 	: null;
@@ -32,7 +37,20 @@ const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).em
 const missing = required.find((clause) => clause.length > 0 && !passes(held, [clause]));
 const level = missing ? config?.levels?.find((l) => l.slug === missing[0]) : undefined;
 const joinHref = level?.joinUrl ?? config?.join?.href;
-const joinLabel = config?.join?.label ?? "Become a member";
+const joinLabel = config?.join?.label ?? text(config, "Become a member");
+const week = meterPeriod === "week";
+// "Buy just this": the item's product and price, read from Shopify.
+let single: { handle: string; price: string } | null = null;
+if (item?.product && config && (reason === "sign_in" || reason === "upgrade" || reason === "drip")) {
+	try {
+		const p = await loadPlan(config, item.product);
+		if (p?.availableForSale && p.price) {
+			single = { handle: p.handle, price: new Intl.NumberFormat("en-US", { style: "currency", currency: p.price.currencyCode }).format(Number(p.price.amount)) };
+		}
+	} catch {
+		single = null;
+	}
+}
 const here = Astro.url.pathname + Astro.url.search;
 ---
 
@@ -41,24 +59,32 @@ const here = Astro.url.pathname + Astro.url.search;
 	{level?.wall && (reason === "sign_in" || reason === "upgrade") && <p class="redeemid-locked__wall">{level.wall}</p>}
 	{reason === "sign_in" && (
 		<p>
-			This is for members. <a href={signInUrl(here)}>Sign in</a> to read on.
-			{joinHref && <> Not a member yet? <a href={joinHref}>{joinLabel}</a>.</>}
+			{textParts(config, "This is for members. {signIn} to read on.", { signIn: <a href={signInUrl(here)}>{text(config, "Sign in")}</a> })}
+			{joinHref && <> {textParts(config, "Not a member yet? {join}.", { join: <a href={joinHref}>{joinLabel}</a> })}</>}
 		</p>
 	)}
 	{reason === "upgrade" && meterLeft === 0 && (
-		<p class="redeemid-locked__meter">You've used your free reads {meterPeriod === "week" ? "this week" : "this month"}.</p>
+		<p class="redeemid-locked__meter">{text(config, week ? "You've used your free reads this week." : "You've used your free reads this month.")}</p>
 	)}
 	{reason === "drip" && (
 		<p>
-			{opens ? <>This opens for you on <time datetime={opensAt?.toISOString()}>{opens}</time>.</> : "This opens for you after you've been a member a little longer."}
+			{opens ? textParts(config, "This opens for you on {date}.", { date: <time datetime={opensAt?.toISOString()}>{opens}</time> }) : text(config, "This opens for you after you've been a member a little longer.")}
 		</p>
 	)}
 	{reason === "upgrade" && (
 		<p>
-			{level ? `This is for ${level.name} members.` : "Your membership doesn't include this yet."}
+			{level ? text(config, "This is for {level} members.", { level: level.name }) : text(config, "Your membership doesn't include this yet.")}
 			{joinHref && <> <a href={joinHref}>{joinLabel}</a></>}
 		</p>
 	)}
-	{reason === "disabled" && <p>Your account is turned off. Contact the store for help.</p>}
-	{reason === "unconfigured" && <p>This is for members.</p>}
+	{single && (
+		<form class="redeemid-locked__single" method="post" action="/_emdash/api/auth/redeemid/buy" data-redeemid-item={item?.tag}>
+			<input type="hidden" name="plan" value={single.handle} />
+			<input type="hidden" name="return" value={here} />
+			<p>{text(config, "Or buy just this for {price}.", { price: single.price })}</p>
+			<button type="submit">{text(config, "Buy just this")}</button>
+		</form>
+	)}
+	{reason === "disabled" && <p>{text(config, "Your account is turned off. Contact the store for help.")}</p>}
+	{reason === "unconfigured" && <p>{text(config, "This is for members.")}</p>}
 </div>

package/src/components/MemberCard.astro

@@ -12,15 +12,16 @@
 import { accountUrl, membership, meterUsage, refreshUrl, signInUrl, signOutUrl, viewer } from "../access.js";
 import { featuresFor } from "../features.js";
 import { siteConfig } from "../site-config.js";
+import { text, textParts } from "../text.js";
 
 interface Props {
 	/** Heading text; the member's first name is added after it. */
 	title?: string;
 }
 
-const { title = "Your membership" } = Astro.props;
-const v = await viewer(Astro);
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { title = text(config, "Your membership") } = Astro.props;
+const v = await viewer(Astro);
 const here = Astro.url.pathname + Astro.url.search;
 const m = v.member;
 const disabled = m?.status === "disabled";
@@ -48,34 +49,34 @@ const join = config?.join;
 				</p>
 			)}
 			{disabled ? (
-				<p class="redeemid-member__disabled">Your account is turned off. Contact the store for help.</p>
+				<p class="redeemid-member__disabled">{text(config, "Your account is turned off. Contact the store for help.")}</p>
 			) : current.length > 0 ? (
 				<ul class="redeemid-member__levels">
 					{current.map((l) => (
 						<li data-redeemid-level={l.slug}>
 							<strong>{l.name}</strong>
-							{date(l.since) && <> since <time datetime={l.since ?? undefined}>{date(l.since)}</time></>}
+							{date(l.since) && <> {textParts(config, "since {date}", { date: <time datetime={l.since ?? undefined}>{date(l.since)}</time> })}</>}
 						</li>
 					))}
 				</ul>
 			) : (
 				<p class="redeemid-member__none">
-					You don't have a membership yet.{join && <> <a href={join.href}>{join.label ?? "Become a member"}</a></>}
+					{text(config, "You don't have a membership yet.")}{join && <> <a href={join.href}>{join.label ?? text(config, "Become a member")}</a></>}
 				</p>
 			)}
 			{features.length > 0 && (
 				<p class="redeemid-member__features">
-					Includes: {features.map((f) => f.name).join(", ")}
+					{text(config, "Includes: {features}", { features: features.map((f) => f.name).join(", ") })}
 				</p>
 			)}
 			{past.length > 0 && (
 				<>
-					<h3 class="redeemid-member__subtitle">Before</h3>
+					<h3 class="redeemid-member__subtitle">{text(config, "Before")}</h3>
 					<ul class="redeemid-member__past">
 						{past.map((l) => (
 							<li data-redeemid-level={l.slug}>
 								{l.name}
-								{date(l.from) ? `, ${date(l.from)} to ${date(l.to)}` : `, until ${date(l.to)}`}
+								{", "}{date(l.from) ? text(config, "{from} to {to}", { from: date(l.from) ?? "", to: date(l.to) ?? "" }) : text(config, "until {to}", { to: date(l.to) ?? "" })}
 							</li>
 						))}
 					</ul>
@@ -83,21 +84,21 @@ const join = config?.join;
 			)}
 			{meter && current.length === 0 && !disabled && (
 				<p class="redeemid-member__meter" data-redeemid-used={meter.used}>
-					Free reads {meter.period === "week" ? "this week" : "this month"}: {meter.used} of {meter.limit} used.
+					{text(config, meter.period === "week" ? "Free reads this week: {used} of {limit} used." : "Free reads this month: {used} of {limit} used.", { used: meter.used, limit: meter.limit })}
 				</p>
 			)}
 			<p class="redeemid-member__actions">
-				<a href={accountUrl(here)}>Orders and details</a>
-				<a href={refreshUrl(here)}>Refresh membership</a>
+				<a href={accountUrl(here)}>{text(config, "Orders and details")}</a>
+				<a href={refreshUrl(here)}>{text(config, "Refresh membership")}</a>
 			</p>
 			<form method="post" action={signOutUrl("/")}>
-				<button type="submit">Sign out</button>
+				<button type="submit">{text(config, "Sign out")}</button>
 			</form>
-			<p class="redeemid-member__note">Just bought a plan? It can take a minute to show here. Refresh membership checks again.</p>
+			<p class="redeemid-member__note">{text(config, "Just bought a plan? It can take a minute to show here. Refresh membership checks again.")}</p>
 		</>
 	) : (
 		<p>
-			<a href={signInUrl(here)}>{config?.label ?? "Sign in"}</a> to see your membership.
+			{textParts(config, "{signIn} to see your membership.", { signIn: <a href={signInUrl(here)}>{config?.label ?? text(config, "Sign in")}</a> })}
 		</p>
 	)}
 </section>

package/src/components/Notices.astro

@@ -2,8 +2,11 @@
 /**
  * The message for a `?redeemid_notice=` code that sign-in, Buy, Cart and
  * Account send readers back with. Renders nothing without one. Pass
- * `messages` to reword any of them.
+ * `messages` to reword any of them (config `text` does too, for every page).
  */
+import { siteConfig } from "../site-config.js";
+import { text as replace } from "../text.js";
+
 interface Props {
 	messages?: Record<string, string>;
 }
@@ -26,12 +29,19 @@ const DEFAULTS: Record<string, string> = {
 	discount_applied: "Discount applied.",
 	discount_not_applicable: "That discount code doesn't apply to this cart.",
 	refreshed: "Your membership is up to date.",
+	preferences_saved: "Your preferences are saved.",
+	preferences_refused: "Some answers weren't saved. Check them and try again.",
+	preferences_unavailable: "Your preferences can't be saved right now. Try again in a few minutes.",
+	data_erased: "Your data on this site is deleted, and you're signed out.",
+	erase_unconfirmed: "Tick the box to confirm, then try again.",
 	account_unavailable: "Your account page isn't available right now. Try again in a few minutes.",
 };
 
 const { messages = {} } = Astro.props;
 const code = Astro.url.searchParams.get("redeemid_notice") ?? "";
-const text = code ? (messages[code] ?? DEFAULTS[code]) : undefined;
+const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const fallback = DEFAULTS[code];
+const text = code ? (messages[code] ?? (fallback ? replace(config, fallback) : undefined)) : undefined;
 ---
 
 {text && (

package/src/components/Plan.astro

@@ -12,6 +12,7 @@
 import { viewer } from "../access.js";
 import { siteConfig } from "../site-config.js";
 import { plan as loadPlan, type Plan } from "../storefront.js";
+import { text } from "../text.js";
 
 interface Props {
 	handle: string;
@@ -24,8 +25,8 @@ interface Props {
 	heldLabel?: string;
 }
 
-const { handle, label = "Join", title, levels = [], heldLabel = "You're on this plan." } = Astro.props;
 const config = siteConfig((Astro.locals as { emdash?: { config?: unknown } }).emdash?.config);
+const { handle, label = text(config, "Join"), title, levels = [], heldLabel = text(config, "You're on this plan.") } = Astro.props;
 let p: Plan | null = null;
 if (config) {
 	try {
@@ -55,7 +56,7 @@ const held = levels.length > 0 && (await viewer(Astro)).levels.some((l) => level
 				<button type="submit">{label}</button>
 			</form>
 		) : (
-			<p class="redeemid-plan__unavailable">Not available right now.</p>
+			<p class="redeemid-plan__unavailable">{text(config, "Not available right now.")}</p>
 		)}
 	</div>
 ) : (