add occasional Peach Pro nudge with 90-day snooze and never-again (v5.3.0)

@@ -0,0 +1,79 @@1+// @vitest-environment jsdom2+3+import { afterEach, describe, expect, it, vi } from "vitest";4+5+import { flushView, renderView } from "./view-test-utils";6+7+const snoozeMock = vi.fn(async () => {});8+const silenceMock = vi.fn(async () => {});9+10+vi.mock("../../shared/pro-nudge", () => ({11+  snoozeProNudge: () => snoozeMock(),12+  silenceProNudge: () => silenceMock(),13+}));14+15+const { ProNudgeView } = await import("./ProNudge");16+17+function button(container: HTMLElement, label: string): HTMLButtonElement {18+  const match = [...container.querySelectorAll("button")].find((b) => b.textContent?.trim() === label);19+  if (!match) throw new Error(`no button "${label}"`);20+  return match;21+}22+23+describe("ProNudgeView", () => {24+  let dispose: (() => void) | undefined;25+26+  afterEach(() => {27+    dispose?.();28+    vi.clearAllMocks();29+  });30+31+  it("snoozes for 90 days, then dismisses", async () => {32+    const onDismiss = vi.fn();33+    const view = renderView(() => <ProNudgeView onSeePro={() => {}} onDismiss={onDismiss} />);34+    dispose = view.dispose;35+36+    button(view.container, "Remind me in 90 days").click();37+    await flushView();38+39+    expect(snoozeMock).toHaveBeenCalledOnce();40+    expect(silenceMock).not.toHaveBeenCalled();41+    expect(onDismiss).toHaveBeenCalledOnce();42+  });43+44+  it("silences permanently, then dismisses", async () => {45+    const onDismiss = vi.fn();46+    const view = renderView(() => <ProNudgeView onSeePro={() => {}} onDismiss={onDismiss} />);47+    dispose = view.dispose;48+49+    button(view.container, "Don't show again").click();50+    await flushView();51+52+    expect(silenceMock).toHaveBeenCalledOnce();53+    expect(onDismiss).toHaveBeenCalledOnce();54+  });55+56+  it("still dismisses when storage fails", async () => {57+    silenceMock.mockRejectedValueOnce(new Error("quota"));58+    const onDismiss = vi.fn();59+    const view = renderView(() => <ProNudgeView onSeePro={() => {}} onDismiss={onDismiss} />);60+    dispose = view.dispose;61+62+    button(view.container, "Don't show again").click();63+    await flushView();64+65+    expect(onDismiss).toHaveBeenCalledOnce();66+  });67+68+  it("opens Pro without recording a dismissal", () => {69+    const onSeePro = vi.fn();70+    const view = renderView(() => <ProNudgeView onSeePro={onSeePro} onDismiss={() => {}} />);71+    dispose = view.dispose;72+73+    button(view.container, "See Peach Pro").click();74+75+    expect(onSeePro).toHaveBeenCalledOnce();76+    expect(snoozeMock).not.toHaveBeenCalled();77+    expect(silenceMock).not.toHaveBeenCalled();78+  });79+});

@@ -0,0 +1,62 @@1+import { For } from "solid-js";2+import { PeachMark } from "../components/PeachMark";3+import { silenceProNudge, snoozeProNudge } from "../../shared/pro-nudge";4+5+const PRO_HIGHLIGHTS = [6+  ["Peach Sync", "Encrypted, peer-to-peer, across every device"],7+  ["Peach Codex", "Your whole vault, restorable from paper"],8+  ["Passkeys", "Zero-knowledge WebAuthn, built in"],9+  ["Duress vault", "A convincing decoy under coercion"],10+] as const;11+12+export function ProNudgeView(props: { onSeePro: () => void; onDismiss: () => void }) {13+  async function dismiss(record: () => Promise<void>) {14+    await record().catch(() => {15+      // Best effort: a storage failure only means the nudge may return sooner.16+    });17+    props.onDismiss();18+  }19+20+  return (21+    <section class="peach-pro-nudge peach-theme" aria-labelledby="pro-nudge-title">22+      <div class="peach-pro-nudge-inner">23+        <PeachMark class="peach-pro-nudge-mark" />24+        <p class="peach-pro-eyebrow">PEACH PRO · $39 ONCE</p>25+        <h1 id="pro-nudge-title" class="peach-pro-headline peach-pro-nudge-headline">26+          Peach stays free.<br />Pro keeps it <em>growing.</em>27+        </h1>28+        <p class="peach-pro-subtitle">29+          No subscription, no account. One purchase supports an independent30+          password manager and unlocks the extras, forever.31+        </p>32+33+        <ol class="peach-pro-nudge-list">34+          <For each={PRO_HIGHLIGHTS}>35+            {([name, description], index) => (36+              <li class="peach-pro-nudge-item">37+                <span class="peach-pro-grid-num">{String(index() + 1).padStart(2, "0")}</span>38+                <span class="peach-pro-grid-name">{name}</span>39+                <span class="peach-pro-grid-desc">{description}</span>40+              </li>41+            )}42+          </For>43+        </ol>44+45+        <div class="peach-pro-nudge-actions">46+          <button type="button" class="peach-pro-upgrade-cta" onClick={props.onSeePro}>47+            See Peach Pro48+          </button>49+          <div class="peach-pro-nudge-dismissals">50+            <button type="button" class="peach-pro-nudge-quiet" onClick={() => void dismiss(snoozeProNudge)}>51+              Remind me in 90 days52+            </button>53+            <span aria-hidden="true">·</span>54+            <button type="button" class="peach-pro-nudge-quiet" onClick={() => void dismiss(silenceProNudge)}>55+              Don't show again56+            </button>57+          </div>58+        </div>59+      </div>60+    </section>61+  );62+}

@@ -0,0 +1,57 @@1+import { describe, it, expect, beforeEach, vi } from "vitest";2+3+const store: Record<string, unknown> = {};4+5+vi.stubGlobal("chrome", {6+  storage: {7+    local: {8+      get: vi.fn(async (key: string) => ({ [key]: store[key] })),9+      set: vi.fn(async (entries: Record<string, unknown>) => {10+        Object.assign(store, entries);11+      }),12+    },13+  },14+});15+16+const { claimProNudge, snoozeProNudge, silenceProNudge } = await import("./pro-nudge");17+18+const DAY = 24 * 60 * 60 * 1000;19+const T0 = 1_800_000_000_000;20+21+describe("pro-nudge", () => {22+  beforeEach(() => {23+    Object.keys(store).forEach((k) => delete store[k]);24+  });25+26+  it("does not show on first sight, only after a grace period", async () => {27+    expect(await claimProNudge(T0)).toBe(false);28+    expect(await claimProNudge(T0 + 13 * DAY)).toBe(false);29+    expect(await claimProNudge(T0 + 14 * DAY)).toBe(true);30+  });31+32+  it("shows at most once per cadence window even if never dismissed", async () => {33+    await claimProNudge(T0);34+    expect(await claimProNudge(T0 + 14 * DAY)).toBe(true);35+    expect(await claimProNudge(T0 + 15 * DAY)).toBe(false);36+    expect(await claimProNudge(T0 + 44 * DAY)).toBe(true);37+  });38+39+  it("stays hidden for 90 days after snoozing", async () => {40+    await claimProNudge(T0);41+    await claimProNudge(T0 + 14 * DAY);42+    await snoozeProNudge(T0 + 14 * DAY);43+    expect(await claimProNudge(T0 + 103 * DAY)).toBe(false);44+    expect(await claimProNudge(T0 + 104 * DAY)).toBe(true);45+  });46+47+  it("never shows again after silencing", async () => {48+    await claimProNudge(T0);49+    await silenceProNudge();50+    expect(await claimProNudge(T0 + 10_000 * DAY)).toBe(false);51+  });52+53+  it("treats unreadable storage as not due", async () => {54+    vi.mocked(chrome.storage.local.get).mockRejectedValueOnce(new Error("unavailable"));55+    expect(await claimProNudge(T0 + 1_000 * DAY)).toBe(false);56+  });57+});

@@ -0,0 +1,36 @@1+const NEXT_AT_KEY = "peach_pro_nudge_next_at";2+const DAY_MS = 24 * 60 * 60 * 1000;3+const FIRST_SIGHT_GRACE_MS = 14 * DAY_MS;4+const CADENCE_MS = 30 * DAY_MS;5+const SNOOZE_MS = 90 * DAY_MS;6+7+type NextAt = number | "never";8+9+/**10+ * Returns whether the Peach Pro nudge is due now, and if so records the11+ * showing so a popup closed without a choice waits a full cadence window.12+ */13+export async function claimProNudge(now = Date.now()): Promise<boolean> {14+  let nextAt: NextAt | undefined;15+  try {16+    nextAt = (await chrome.storage.local.get(NEXT_AT_KEY))[NEXT_AT_KEY] as NextAt | undefined;17+  } catch {18+    return false;19+  }20+  if (nextAt === "never") return false;21+  if (typeof nextAt !== "number") {22+    await chrome.storage.local.set({ [NEXT_AT_KEY]: now + FIRST_SIGHT_GRACE_MS });23+    return false;24+  }25+  if (now < nextAt) return false;26+  await chrome.storage.local.set({ [NEXT_AT_KEY]: now + CADENCE_MS });27+  return true;28+}29+30+export async function snoozeProNudge(now = Date.now()): Promise<void> {31+  await chrome.storage.local.set({ [NEXT_AT_KEY]: now + SNOOZE_MS });32+}33+34+export async function silenceProNudge(): Promise<void> {35+  await chrome.storage.local.set({ [NEXT_AT_KEY]: "never" satisfies NextAt });36+}