scrabble-solver 2.16.6 → 2.17.0

package/packages/scrabble-solver/src/serviceWorkerManager.ts

@@ -1,26 +1,9 @@
 import { Workbox } from 'workbox-window';
 
-let serviceWorker: Workbox | null = null;
-
 export const registerServiceWorker = async () => {
   if (!globalThis.navigator || !('serviceWorker' in globalThis.navigator)) {
     return;
   }
 
-  serviceWorker = new Workbox('/service-worker.js');
-  await serviceWorker.register({ immediate: true });
-};
-
-export const getServiceWorker = async (): Promise<Workbox | null> => {
-  if (process.env.NODE_ENV !== 'production') {
-    return null;
-  }
-
-  if (serviceWorker) {
-    return serviceWorker;
-  }
-
-  await registerServiceWorker();
-
-  return serviceWorker;
+  await new Workbox('/service-worker.js').register({ immediate: true });
 };

package/packages/scrabble-solver/src/solver-worker/client.test.ts

@@ -0,0 +1,151 @@
+import { type ResultJson } from '@scrabble-solver/types';
+import { afterAll, beforeEach, describe, expect, it } from 'bun:test';
+
+import type * as clientModule from './client';
+import { type SolverWorkerRequest, type SolverWorkerResponse } from './messages';
+
+type Listener = (event: { data: SolverWorkerResponse }) => void;
+
+const posted: SolverWorkerRequest[] = [];
+let listeners: Listener[] = [];
+let errorListeners: (() => void)[] = [];
+let terminated = 0;
+let timeouts: (() => void)[] = [];
+
+class FakeWorker {
+  public postMessage(message: SolverWorkerRequest): void {
+    posted.push(message);
+  }
+
+  public addEventListener(type: string, listener: Listener & (() => void)): void {
+    if (type === 'message') {
+      listeners.push(listener);
+    } else {
+      errorListeners.push(listener);
+    }
+  }
+
+  public terminate(): void {
+    terminated += 1;
+  }
+}
+
+// The client reads these off the global scope on every call, so stubbing them
+// here is what makes the worker round-trip and its timeout observable.
+const globals = { caches: globalThis.caches, clearTimeout, setTimeout, Worker: globalThis.Worker };
+
+Object.assign(globalThis, {
+  caches: {},
+  clearTimeout: () => undefined,
+  setTimeout: (callback: () => void) => timeouts.push(callback),
+  Worker: FakeWorker,
+});
+
+afterAll(() => {
+  Object.assign(globalThis, globals);
+});
+
+const { prefetchDictionary, solveLocally, verifyLocally }: typeof clientModule = await import('./client');
+
+const solvePayload = { board: [], characters: [], game: 'scrabble', locale: 'en-US' } as never;
+const verifyPayload = { board: [], game: 'scrabble', locale: 'en-US' } as never;
+
+describe('solver worker client', () => {
+  beforeEach(() => {
+    posted.length = 0;
+    timeouts = [];
+  });
+
+  it('resolves a solve with the worker results', async () => {
+    const solve = solveLocally(solvePayload);
+    respond({ data: createResults('ab'), id: lastRequestId(), outcome: 'answered' });
+
+    expect(await solve).toEqual(createResults('ab'));
+  });
+
+  it('resolves to undefined when the worker cannot answer, so the caller falls back to the server', async () => {
+    const solve = solveLocally(solvePayload);
+    respond({ id: lastRequestId(), outcome: 'unavailable' });
+
+    expect(await solve).toBeUndefined();
+  });
+
+  it('answers a superseded solve with the newer solve results', async () => {
+    const stale = solveLocally(solvePayload);
+    const staleId = lastRequestId();
+    const latest = solveLocally(solvePayload);
+    const latestId = lastRequestId();
+
+    respond({ id: staleId, outcome: 'superseded' });
+    respond({ data: createResults('cd'), id: latestId, outcome: 'answered' });
+
+    expect(await stale).toEqual(createResults('cd'));
+    expect(await latest).toEqual(createResults('cd'));
+  });
+
+  it('resolves to undefined when the worker never answers', async () => {
+    const solve = solveLocally(solvePayload);
+    expect(timeouts).toHaveLength(1);
+    timeouts[0]();
+
+    expect(await solve).toBeUndefined();
+  });
+
+  it('ignores a late answer to a request that already timed out', async () => {
+    const solve = solveLocally(solvePayload);
+    const id = lastRequestId();
+    timeouts[0]();
+    respond({ data: createResults('ef'), id, outcome: 'answered' });
+
+    expect(await solve).toBeUndefined();
+  });
+
+  it('resolves a verify with the worker words', async () => {
+    const verify = verifyLocally(verifyPayload);
+    respond({ data: { invalidWords: ['zz'], validWords: ['ab'] }, id: lastRequestId(), outcome: 'answered' });
+
+    expect(await verify).toEqual({ invalidWords: ['zz'], validWords: ['ab'] });
+  });
+
+  it('does not wait for a prefetch to answer', () => {
+    prefetchDictionary('pl-PL' as never);
+
+    expect(posted[posted.length - 1].type).toBe('prefetch');
+    expect(timeouts).toHaveLength(0);
+  });
+
+  it('settles in-flight requests and discards the worker when it fails', async () => {
+    const solve = solveLocally(solvePayload);
+    const verify = verifyLocally(verifyPayload);
+    const failuresBefore = terminated;
+
+    for (const listener of errorListeners) {
+      listener();
+    }
+
+    expect(await solve).toBeUndefined();
+    expect(await verify).toBeUndefined();
+    expect(terminated).toBe(failuresBefore + 1);
+
+    listeners = [];
+    errorListeners = [];
+    const restarted = solveLocally(solvePayload);
+    respond({ data: createResults('gh'), id: lastRequestId(), outcome: 'answered' });
+
+    expect(await restarted).toEqual(createResults('gh'));
+  });
+});
+
+function respond(response: SolverWorkerResponse): void {
+  for (const listener of listeners) {
+    listener({ data: response });
+  }
+}
+
+function lastRequestId(): number {
+  return posted[posted.length - 1].id;
+}
+
+function createResults(word: string): ResultJson[] {
+  return [{ blankIndices: [], id: 0, isHorizontal: true, points: 1, tiles: word.split(''), x: 0, y: 0 }];
+}

package/packages/scrabble-solver/src/solver-worker/client.ts

@@ -0,0 +1,106 @@
+import { type Locale, type ResultJson } from '@scrabble-solver/types';
+
+import { type SolveRequestPayload, type VerifyRequestPayload } from '@/types';
+
+import { type SolverWorkerRequest, type SolverWorkerResponse, type VerifyResult } from './messages';
+
+/**
+ * A worker that never answers - killed under memory pressure, or a message lost
+ * with it - must not hold the UI in a loading state with no server fallback.
+ */
+const REQUEST_TIMEOUT = 30 * 1000;
+
+interface PendingRequest {
+  resolve: (response: SolverWorkerResponse) => void;
+  timeout: ReturnType<typeof setTimeout>;
+}
+
+let worker: Worker | undefined;
+let nextId = 0;
+let latestSolveId = 0;
+let latestSolve: Promise<ResultJson[] | undefined> = Promise.resolve(undefined);
+const pending = new Map<number, PendingRequest>();
+
+export function solveLocally(payload: SolveRequestPayload): Promise<ResultJson[] | undefined> {
+  const id = ++nextId;
+  const solve = readSolveResponse(id, payload);
+  latestSolveId = id;
+  latestSolve = solve;
+  return solve;
+}
+
+export async function verifyLocally(payload: VerifyRequestPayload): Promise<VerifyResult | undefined> {
+  const response = await request({ id: ++nextId, type: 'verify', payload });
+  return response.outcome === 'answered' ? (response.data as VerifyResult) : undefined;
+}
+
+export function prefetchDictionary(locale: Locale): void {
+  getWorker()?.postMessage({ id: ++nextId, locale, type: 'prefetch' } satisfies SolverWorkerRequest);
+}
+
+async function readSolveResponse(id: number, payload: SolveRequestPayload): Promise<ResultJson[] | undefined> {
+  const response = await request({ id, type: 'solve', payload });
+
+  /**
+   * The worker skipped this solve for a newer one; answer with the newer result
+   * rather than an empty list a caller could render as "no moves found".
+   */
+  if (response.outcome === 'superseded' && id !== latestSolveId) {
+    return latestSolve;
+  }
+
+  return response.outcome === 'answered' ? (response.data as ResultJson[]) : undefined;
+}
+
+function request(message: SolverWorkerRequest): Promise<SolverWorkerResponse> {
+  const targetWorker = getWorker();
+
+  if (!targetWorker) {
+    return Promise.resolve({ id: message.id, outcome: 'unavailable' });
+  }
+
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => settle({ id: message.id, outcome: 'unavailable' }), REQUEST_TIMEOUT);
+    pending.set(message.id, { resolve, timeout });
+    targetWorker.postMessage(message);
+  });
+}
+
+function settle(response: SolverWorkerResponse): void {
+  const entry = pending.get(response.id);
+
+  if (!entry) {
+    return;
+  }
+
+  pending.delete(response.id);
+  clearTimeout(entry.timeout);
+  entry.resolve(response);
+}
+
+function getWorker(): Worker | undefined {
+  if (typeof Worker === 'undefined' || !('caches' in globalThis)) {
+    return undefined;
+  }
+
+  if (!worker) {
+    worker = new Worker(new URL('./index.worker.ts', import.meta.url));
+    worker.addEventListener('message', ({ data }: MessageEvent<SolverWorkerResponse>) => settle(data));
+    worker.addEventListener('error', handleWorkerFailure);
+  }
+
+  return worker;
+}
+
+/**
+ * Settles every in-flight request as locally unanswerable - callers fall back
+ * to the server - and discards the worker so the next call starts a fresh one.
+ */
+function handleWorkerFailure(): void {
+  for (const id of pending.keys()) {
+    settle({ id, outcome: 'unavailable' });
+  }
+
+  worker?.terminate();
+  worker = undefined;
+}

package/packages/scrabble-solver/src/solver-worker/dictionaries/constants.ts

@@ -0,0 +1,9 @@
+export const DICTIONARY_CACHE = 'dictionary-api-cache';
+
+export const REVALIDATED_AT_CACHE = 'dictionary-revalidated-at';
+
+export const DAY = 24 * 60 * 60 * 1000;
+
+// Staleness is handled by conditional revalidation; expiration only cleans up
+// dictionaries of locales the user no longer plays.
+export const DICTIONARY_CACHE_MAX_AGE = 30 * DAY;

package/packages/scrabble-solver/src/solver-worker/dictionaries/getDictionary.ts

@@ -0,0 +1,21 @@
+import { type Locale } from '@scrabble-solver/types';
+
+import { DICTIONARY_CACHE } from './constants';
+import { getDictionaryUrl } from './getDictionaryUrl';
+import { resetRevalidationThrottle } from './revalidateDictionary';
+
+export async function getDictionary(locale: Locale): Promise<Response | undefined> {
+  const cache = await caches.open(DICTIONARY_CACHE);
+  return cache.match(getDictionaryUrl(locale));
+}
+
+export async function deleteDictionary(locale: Locale): Promise<void> {
+  const cache = await caches.open(DICTIONARY_CACHE);
+  await cache.delete(getDictionaryUrl(locale));
+  /**
+   * Reset last: resetting first leaves a window in which a revalidation starts,
+   * reads the doomed entry's ETag, takes the 304 it answers with, and arms the
+   * throttle against a dictionary this call is about to delete.
+   */
+  await resetRevalidationThrottle(locale);
+}

package/packages/scrabble-solver/src/solver-worker/dictionaries/index.ts

@@ -0,0 +1,2 @@
+export { deleteDictionary, getDictionary } from './getDictionary';
+export { revalidateDictionary } from './revalidateDictionary';

package/packages/scrabble-solver/src/solver-worker/dictionaries/revalidateDictionary.test.ts

@@ -0,0 +1,199 @@
+import { Locale } from '@scrabble-solver/types';
+import { afterAll, beforeEach, describe, expect, it, mock } from 'bun:test';
+
+import { DICTIONARY_CACHE, REVALIDATED_AT_CACHE } from './constants';
+import type * as getDictionaryModule from './getDictionary';
+import { getDictionaryUrl } from './getDictionaryUrl';
+import type * as revalidateDictionaryModule from './revalidateDictionary';
+
+const HOUR = 60 * 60 * 1000;
+
+const fetchCalls: { cache: RequestCache | undefined; ifNoneMatch: string | undefined; url: string }[] = [];
+const updatedTimestamps: string[] = [];
+let respond: () => Promise<Response> = () => Promise.resolve(notModified());
+
+await mock.module('./expirationManager', () => ({
+  expirationManager: {
+    expireEntries: () => Promise.resolve(),
+    updateTimestamp: (url: string) => {
+      updatedTimestamps.push(url);
+      return Promise.resolve();
+    },
+  },
+}));
+
+const globals = { caches: globalThis.caches, fetch: globalThis.fetch };
+
+Object.assign(globalThis, {
+  caches: createCacheStorage(),
+  fetch: (url: string, { cache, headers }: RequestInit) => {
+    fetchCalls.push({ cache, ifNoneMatch: (headers as Record<string, string>)['If-None-Match'], url });
+    return respond();
+  },
+});
+
+afterAll(() => {
+  Object.assign(globalThis, globals);
+});
+
+const { resetRevalidationThrottle, revalidateDictionary }: typeof revalidateDictionaryModule =
+  await import('./revalidateDictionary');
+const { deleteDictionary }: typeof getDictionaryModule = await import('./getDictionary');
+
+describe('revalidateDictionary', () => {
+  beforeEach(() => {
+    fetchCalls.length = 0;
+    updatedTimestamps.length = 0;
+    respond = () => Promise.resolve(notModified());
+  });
+
+  /**
+   * `no-store` would look equivalent, but makes the browser send
+   * `Cache-Control: no-cache`, which Next.js answers with the whole body.
+   */
+  it('sends a conditional request the HTTP cache cannot answer', async () => {
+    const locale = await unthrottled(Locale.EN_US);
+    await cacheDictionary(locale, 'dictionary', '"v1"');
+    await revalidateDictionary(locale);
+    expect(fetchCalls).toEqual([{ cache: 'no-cache', ifNoneMatch: '"v1"', url: '/api/dictionary/en-US' }]);
+  });
+
+  it('keeps the cached body on 304', async () => {
+    const locale = await unthrottled(Locale.EN_GB);
+    await cacheDictionary(locale, 'dictionary', '"v1"');
+    await revalidateDictionary(locale);
+    expect(await readCachedDictionary(locale)).toBe('dictionary');
+    expect(updatedTimestamps).toEqual([getDictionaryUrl(locale)]);
+  });
+
+  it('replaces the cached body on 200', async () => {
+    const locale = await unthrottled(Locale.DE_DE);
+    await cacheDictionary(locale, 'old', '"v1"');
+    respond = () => Promise.resolve(new Response('new', { headers: { etag: '"v2"' } }));
+    await revalidateDictionary(locale);
+    expect(await readCachedDictionary(locale)).toBe('new');
+    expect(updatedTimestamps).toEqual([getDictionaryUrl(locale)]);
+  });
+
+  it('omits If-None-Match when nothing is cached', async () => {
+    const locale = await unthrottled(Locale.ES_ES);
+    respond = () => Promise.resolve(new Response('dictionary'));
+    await revalidateDictionary(locale);
+    expect(fetchCalls[0].ifNoneMatch).toBeUndefined();
+    expect(await readCachedDictionary(locale)).toBe('dictionary');
+  });
+
+  it('rejects a failed response without arming the throttle', async () => {
+    const locale = await unthrottled(Locale.FA_IR);
+    respond = () => Promise.resolve(new Response(null, { status: 503, statusText: 'Service Unavailable' }));
+    const failure = await revalidateDictionary(locale).catch((error: Error) => error.message);
+    expect(failure).toBe('HTTP 503: Service Unavailable');
+    respond = () => Promise.resolve(notModified());
+    await revalidateDictionary(locale);
+    expect(fetchCalls).toHaveLength(2);
+  });
+
+  it('revalidates at most once per interval', async () => {
+    const locale = await unthrottled(Locale.FR_FR);
+    await revalidateDictionary(locale);
+    await revalidateDictionary(locale);
+    expect(fetchCalls).toHaveLength(1);
+  });
+
+  it('shares one request between concurrent callers', async () => {
+    const locale = await unthrottled(Locale.EN_US);
+    await Promise.all([revalidateDictionary(locale), revalidateDictionary(locale), revalidateDictionary(locale)]);
+    expect(fetchCalls).toHaveLength(1);
+  });
+
+  it('persists the throttle, so a later page load can honour it', async () => {
+    const locale = await unthrottled(Locale.PL_PL);
+    await revalidateDictionary(locale);
+    expect(await readPersistedRevalidatedAt(locale)).toBeGreaterThan(Date.now() - HOUR);
+  });
+
+  /**
+   * This locale and the next are used nowhere else: the worker is created per
+   * page, so only a locale unseen in memory exercises a fresh page's read.
+   */
+  it('honours a throttle persisted by an earlier page load', async () => {
+    await persistRevalidatedAt(Locale.RO_RO, Date.now() - 1000);
+    await revalidateDictionary(Locale.RO_RO);
+    expect(fetchCalls).toHaveLength(0);
+  });
+
+  it('revalidates when a throttle persisted by an earlier page load has expired', async () => {
+    await persistRevalidatedAt(Locale.TR_TR, Date.now() - 2 * HOUR);
+    await revalidateDictionary(Locale.TR_TR);
+    expect(fetchCalls).toHaveLength(1);
+  });
+
+  it('lets the next access revalidate after the dictionary is deleted', async () => {
+    const locale = await unthrottled(Locale.DE_DE);
+    await revalidateDictionary(locale);
+    await revalidateDictionary(locale);
+    await deleteDictionary(locale);
+    await revalidateDictionary(locale);
+    expect(fetchCalls).toHaveLength(2);
+  });
+
+  it('does not arm the throttle when the dictionary is deleted mid-revalidation', async () => {
+    const locale = await unthrottled(Locale.EN_GB);
+    let release: (response: Response) => void = () => undefined;
+    respond = () => new Promise((resolve) => (release = resolve));
+    const revalidation = revalidateDictionary(locale);
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    await resetRevalidationThrottle(locale);
+    release(notModified());
+    await revalidation;
+    respond = () => Promise.resolve(notModified());
+    await revalidateDictionary(locale);
+    expect(fetchCalls).toHaveLength(2);
+  });
+});
+
+/** Throttle state outlives a test, so tests sharing a locale start it un-throttled. */
+async function unthrottled(locale: Locale): Promise<Locale> {
+  await resetRevalidationThrottle(locale);
+  return locale;
+}
+
+async function cacheDictionary(locale: Locale, body: string, etag: string): Promise<void> {
+  const cache = await caches.open(DICTIONARY_CACHE);
+  await cache.put(getDictionaryUrl(locale), new Response(body, { headers: { etag } }));
+}
+
+async function readCachedDictionary(locale: Locale): Promise<string | undefined> {
+  const cache = await caches.open(DICTIONARY_CACHE);
+  return (await cache.match(getDictionaryUrl(locale)))?.text();
+}
+
+async function persistRevalidatedAt(locale: Locale, timestamp: number): Promise<void> {
+  const cache = await caches.open(REVALIDATED_AT_CACHE);
+  await cache.put(getDictionaryUrl(locale), new Response(String(timestamp)));
+}
+
+async function readPersistedRevalidatedAt(locale: Locale): Promise<number> {
+  const cache = await caches.open(REVALIDATED_AT_CACHE);
+  return Number(await (await cache.match(getDictionaryUrl(locale)))?.text());
+}
+
+function notModified(): Response {
+  return new Response(null, { status: 304 });
+}
+
+function createCacheStorage(): CacheStorage {
+  const entries = new Map<string, Response>();
+
+  return {
+    open: (name: string) =>
+      Promise.resolve({
+        delete: (url: string) => Promise.resolve(entries.delete(`${name} ${url}`)),
+        match: (url: string) => Promise.resolve(entries.get(`${name} ${url}`)?.clone()),
+        put: (url: string, response: Response) => {
+          entries.set(`${name} ${url}`, response);
+          return Promise.resolve();
+        },
+      }),
+  } as unknown as CacheStorage;
+}

package/packages/scrabble-solver/src/solver-worker/dictionaries/revalidateDictionary.ts

@@ -0,0 +1,86 @@
+import { type Locale } from '@scrabble-solver/types';
+
+import { DICTIONARY_CACHE } from './constants';
+import { expirationManager } from './expirationManager';
+import { getDictionaryUrl } from './getDictionaryUrl';
+import { clearRevalidatedAt, readRevalidatedAt, writeRevalidatedAt } from './revalidatedAt';
+
+const REVALIDATION_INTERVAL = 60 * 60 * 1000;
+
+const requests: Partial<Record<Locale, Promise<void> | undefined>> = {};
+const resetWhileRevalidating = new Set<Locale>();
+
+export function revalidateDictionary(locale: Locale): Promise<void> {
+  const inFlight = requests[locale];
+
+  if (inFlight) {
+    return inFlight;
+  }
+
+  // Registered before the first await, so concurrent callers share this request.
+  const request = revalidateWhenStale(locale).finally(() => {
+    requests[locale] = undefined;
+  });
+
+  requests[locale] = request;
+  return request;
+}
+
+/**
+ * Lets the next access revalidate immediately - used when the cached dictionary
+ * is deleted, so its replacement is not stuck behind the throttle.
+ * A revalidation already in flight when this runs saw the deleted entry, so it
+ * must not arm the throttle when it finishes.
+ * Both in-memory guards are raised before the first await, so a caller that
+ * runs this straight after deleting the entry leaves no gap for a revalidation
+ * to slip into.
+ */
+export async function resetRevalidationThrottle(locale: Locale): Promise<void> {
+  resetWhileRevalidating.add(locale);
+  await clearRevalidatedAt(locale);
+}
+
+async function revalidateWhenStale(locale: Locale): Promise<void> {
+  if (Date.now() - (await readRevalidatedAt(locale)) < REVALIDATION_INTERVAL) {
+    return;
+  }
+
+  resetWhileRevalidating.delete(locale);
+  await revalidate(locale);
+
+  if (!resetWhileRevalidating.has(locale)) {
+    await writeRevalidatedAt(locale, Date.now());
+  }
+}
+
+/**
+ * `no-cache` revalidates against the server without letting the HTTP cache
+ * answer, while still allowing a 304 that keeps the multi-megabyte cached body
+ * untouched; only a real 200 rewrites it. `no-store` would look equivalent but
+ * makes the browser send `Cache-Control: no-cache`, which Next.js reads as an
+ * unconditional request and answers with the whole body every time.
+ */
+async function revalidate(locale: Locale): Promise<void> {
+  await expirationManager.expireEntries();
+
+  const url = getDictionaryUrl(locale);
+  const cache = await caches.open(DICTIONARY_CACHE);
+  const cached = await cache.match(url);
+  const etag = cached?.headers.get('etag');
+  const response = await fetch(url, {
+    cache: 'no-cache',
+    headers: etag ? { 'If-None-Match': etag } : {},
+  });
+
+  if (response.status === 304) {
+    await expirationManager.updateTimestamp(url);
+    return;
+  }
+
+  if (!response.ok) {
+    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+  }
+
+  await cache.put(url, response);
+  await expirationManager.updateTimestamp(url);
+}

package/packages/scrabble-solver/src/solver-worker/dictionaries/revalidatedAt.ts

@@ -0,0 +1,43 @@
+import { type Locale } from '@scrabble-solver/types';
+
+import { REVALIDATED_AT_CACHE } from './constants';
+import { getDictionaryUrl } from './getDictionaryUrl';
+
+const timestamps: Partial<Record<Locale, number>> = {};
+
+/**
+ * A dedicated worker is created per page, so a timestamp kept only in memory
+ * would let every navigation revalidate again. The Cache API is the only
+ * storage a worker shares with other tabs, so the throttle lives there and is
+ * read at most once per locale per worker.
+ */
+export async function readRevalidatedAt(locale: Locale): Promise<number> {
+  const known = timestamps[locale];
+
+  if (typeof known !== 'undefined') {
+    return known;
+  }
+
+  const persisted = await readPersistedRevalidatedAt(locale);
+  // A reset that landed while reading wins over the value it invalidated.
+  return (timestamps[locale] ??= persisted);
+}
+
+export async function writeRevalidatedAt(locale: Locale, timestamp: number): Promise<void> {
+  timestamps[locale] = timestamp;
+  const cache = await caches.open(REVALIDATED_AT_CACHE);
+  await cache.put(getDictionaryUrl(locale), new Response(String(timestamp)));
+}
+
+export async function clearRevalidatedAt(locale: Locale): Promise<void> {
+  timestamps[locale] = 0;
+  const cache = await caches.open(REVALIDATED_AT_CACHE);
+  await cache.delete(getDictionaryUrl(locale));
+}
+
+async function readPersistedRevalidatedAt(locale: Locale): Promise<number> {
+  const cache = await caches.open(REVALIDATED_AT_CACHE);
+  const response = await cache.match(getDictionaryUrl(locale));
+  const timestamp = Number(await response?.text());
+  return Number.isFinite(timestamp) ? timestamp : 0;
+}