github-issue-tower-defence-management 1.167.0 → 1.168.0

package/src/adapter/entry-points/console/ui/src/features/console/lib/consoleApi.test.ts

@@ -25,7 +25,40 @@ const mockFetchFailureOnce = (status: number, rawBody: string): jest.Mock => {
   return fetchMock;
 };
 
+type MockCacheEntry = { json: jest.Mock };
+type MockCache = {
+  match: jest.Mock<Promise<MockCacheEntry | undefined>>;
+  put: jest.Mock<Promise<void>>;
+};
+
+const installMockCaches = (
+  matchResult: MockCacheEntry | undefined,
+): MockCache => {
+  const mockCache: MockCache = {
+    match: jest.fn(async () => matchResult),
+    put: jest.fn(async () => undefined),
+  };
+  Object.defineProperty(global, 'caches', {
+    value: { open: jest.fn(async () => mockCache) },
+    writable: true,
+    configurable: true,
+  });
+  return mockCache;
+};
+
+const removeMockCaches = (): void => {
+  Reflect.deleteProperty(global as Record<string, unknown>, 'caches');
+};
+
 describe('createConsoleApiClient', () => {
+  beforeEach(() => {
+    removeMockCaches();
+  });
+
+  afterEach(() => {
+    removeMockCaches();
+  });
+
   it('reads the item body from the api root without a token query', async () => {
     const fetchMock = mockFetchOnce({ body: '# Title' });
     const client = createConsoleApiClient();
@@ -243,13 +276,49 @@ describe('createConsoleApiClient', () => {
     });
   });
 
-  it('throws on a non-ok response', async () => {
+  it('throws on a non-ok response when no cache is available', async () => {
     mockFetchOnce({}, false);
     const client = createConsoleApiClient();
     await expect(
       client.fetchComments('https://github.com/o/r/issues/1'),
     ).rejects.toThrow('HTTP 500');
   });
+
+  it('returns cached comments when the network fetch rejects', async () => {
+    const cachedBody = {
+      comments: [
+        {
+          author: 'alice',
+          body: 'hello',
+          createdAt: '2026-06-19T00:00:00.000Z',
+        },
+      ],
+    };
+    installMockCaches({ json: jest.fn(async () => cachedBody) });
+    global.fetch = jest
+      .fn()
+      .mockRejectedValue(new Error('offline')) as unknown as typeof fetch;
+
+    const client = createConsoleApiClient();
+    const comments = await client.fetchComments(
+      'https://github.com/o/r/issues/1',
+    );
+    expect(comments).toEqual([
+      { author: 'alice', body: 'hello', createdAt: '2026-06-19T00:00:00.000Z' },
+    ]);
+  });
+
+  it('throws when the network fails and no cache entry exists', async () => {
+    installMockCaches(undefined);
+    global.fetch = jest
+      .fn()
+      .mockRejectedValue(new Error('offline')) as unknown as typeof fetch;
+
+    const client = createConsoleApiClient();
+    await expect(
+      client.fetchComments('https://github.com/o/r/issues/1'),
+    ).rejects.toThrow('offline');
+  });
 });
 
 describe('postConsoleOperation', () => {

package/src/adapter/entry-points/console/ui/src/features/console/lib/consoleApi.ts

@@ -70,17 +70,53 @@ const getNumber = (value: unknown): number =>
 
 const getBoolean = (value: unknown): boolean => value === true;
 
+const CONSOLE_API_CACHE_NAME = 'console-api-v1';
+
 const requestJson = async (
   apiPath: string,
   resourceUrl: string,
 ): Promise<unknown> => {
-  const response = await fetch(
-    `${apiPath}?url=${encodeURIComponent(resourceUrl)}`,
-  );
-  if (!response.ok) {
-    throw new Error(`HTTP ${response.status}`);
+  const url = `${apiPath}?url=${encodeURIComponent(resourceUrl)}`;
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
+    const payload: unknown = await response.json();
+    try {
+      if ('caches' in globalThis) {
+        globalThis.caches
+          .open(CONSOLE_API_CACHE_NAME)
+          .then((cache) =>
+            cache.put(
+              url,
+              new Response(JSON.stringify(payload), {
+                headers: { 'Content-Type': 'application/json' },
+              }),
+            ),
+          )
+          .catch((e: unknown) => {
+            console.warn('Failed to persist API response to cache:', e);
+          });
+      }
+    } catch (e: unknown) {
+      console.warn('Failed to access cache storage:', e);
+    }
+    return payload;
+  } catch (e: unknown) {
+    try {
+      if ('caches' in globalThis) {
+        const cache = await globalThis.caches.open(CONSOLE_API_CACHE_NAME);
+        const cached = await cache.match(url);
+        if (cached !== undefined) {
+          return cached.json();
+        }
+      }
+    } catch {
+      // cache read failure, fall through to original error
+    }
+    throw e;
   }
-  return response.json();
 };
 
 const parseComments = (payload: unknown): ConsoleComment[] => {

package/src/adapter/entry-points/console/ui/src/features/console/pages/ConsolePage.tsx

@@ -126,6 +126,7 @@ export const ConsolePage = () => {
   const statusOptions = activeSnapshot?.statusOptions ?? [];
   const storyOptions = activeSnapshot?.storyOptions ?? [];
   const generatedAt = activeSnapshot?.generatedAt ?? null;
+  const fromCache = activeSnapshot?.fromCache ?? false;
 
   const selectedItem = useMemo<ConsoleListItem | null>(() => {
     if (selectedItemKey === null || activeSnapshot === null) {
@@ -274,6 +275,7 @@ export const ConsolePage = () => {
         counts={counts}
         pjcode={pjcode}
         generatedAt={generatedAt}
+        fromCache={fromCache}
         tabHref={navigation.tabHref}
         onSelectTab={navigation.selectTab}
       />

package/src/adapter/entry-points/console/ui/src/main.tsx

@@ -3,6 +3,12 @@ import { createRoot } from 'react-dom/client';
 import { ConsolePage } from '@/features/console/pages/ConsolePage';
 import './index.css';
 
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker.register('/sw.js').catch((e: unknown) => {
+    console.warn('Service worker registration failed:', e);
+  });
+}
+
 const container = document.getElementById('root');
 if (container === null) {
   throw new Error('Root container #root not found');