feat: add Service Worker for mock API endpoints (GitHub Pages support)

Author: kevinleonsmith

public/sw.ts

@@ -0,0 +1,176 @@
+/// <reference lib="webworker" />
+declare const self: ServiceWorkerGlobalScope;
+
+import { DEFAULT_VESSELS, INITIAL_ALERTS, SCENARIOS, INITIAL_ARWEAVE_LOGS, INITIAL_GNOSIS_TX } from '../src/data';
+import type { Vessel, AIAlert } from '../src/types';
+
+// In-memory mock database
+interface MockDB {
+  vessels: Vessel[];
+  alerts: AIAlert[];
+}
+
+const mockDB: MockDB = {
+  vessels: DEFAULT_VESSELS,
+  alerts: INITIAL_ALERTS
+};
+
+// Mock weather data
+const mockWeather = {
+  location: 'Dana Point, CA',
+  description: 'Clear skies, moderate breeze',
+  tempF: 72,
+  windMph: 8,
+  source: 'mock'
+};
+
+// Mock user
+const mockUser = {
+  id: 'u1',
+  name: 'Marina Operator',
+  role: 'Marina Operator',
+  authenticated: true
+};
+
+// Generate mock compliance report
+function generateMockComplianceReport(vessel: Vessel, scenario?: any) {
+  return `### 📋 COA_REG_HARBORCHAIN REPORT: ${vessel.name.toUpperCase()}
+**Security Protocol**: MOCK_SERVICE_WORKER (No real API key configured)
+**Vessel Slip Address**: ${vessel.slip} | **Official Hashed ID**: HC-${vessel.id}
+**Oracle Wave/Tide Check**: ${scenario?.name || 'Normal Operations'} Scenario (Normalised Validation)
+
+#### ⚓ Current Telemetry Metrics Checked:
+- **Core Signal Tracking**: Active (Coordinates: ${vessel.coordinates})
+- **Bilge Sensor State**: ${vessel.telemetry.bilgeLevel}%
+- **Engine Temp Profile**: ${vessel.telemetry.engineTemp}°F
+- **Lithium Fuel Reserve**: ${vessel.telemetry.batteryLevel}%
+- **Owner Account Escrow**: ${vessel.owner}
+
+#### ⚠️ Predictive Maintenance Hazard Checklist:
+1. ${mockDB.alerts.filter((a) => a.vesselId === vessel.id).length > 0 ? `🚨 **${mockDB.alerts.filter((a) => a.vesselId === vessel.id)[0].title}** — Investigation recommended.` : '✅ No critical mechanical failures detected.'}
+2. **Environmental Oracle Forecast**: Waves verified at ${scenario?.waveHeight || '2.1ft'} / Wind speed ${scenario?.windSpeed || '8kts'}.
+3. **Scheduled Inspection Target**: Standard ${vessel.category} inspection recommended within ${vessel.nextMaintWeeks} weeks.
+
+#### 🔗 Requested Blockchain Action Ledger:
+- Action: Log current telemetry state to Arweave.
+- Recommended Payload: timestamp, bilge index, battery telemetry.
+- Gnosis Transaction Trigger: slip fee escrow distribution.
+
+---
+*This is a mock report generated by Service Worker. No Claude AI connection.*`;
+}
+
+// Handle fetch events
+self.addEventListener('fetch', (event: FetchEvent) => {
+  const { request } = event;
+  const url = new URL(request.url);
+
+  // Only intercept /api/* requests
+  if (!url.pathname.startsWith('/api/')) {
+    return;
+  }
+
+  // Route to appropriate handler
+  if (url.pathname === '/api/health' && request.method === 'GET') {
+    event.respondWith(
+      new Response(
+        JSON.stringify({ status: 'ok', time: new Date().toISOString() }),
+        { headers: { 'Content-Type': 'application/json' } }
+      )
+    );
+  } else if (url.pathname === '/api/vessels' && request.method === 'GET') {
+    event.respondWith(
+      new Response(JSON.stringify(mockDB.vessels), {
+        headers: { 'Content-Type': 'application/json' }
+      })
+    );
+  } else if (url.pathname === '/api/vessels/batch' && request.method === 'POST') {
+    event.respondWith(
+      request.json().then((body: any) => {
+        if (Array.isArray(body.vessels)) {
+          mockDB.vessels = body.vessels;
+          return new Response(JSON.stringify({ saved: body.vessels.length }), {
+            headers: { 'Content-Type': 'application/json' }
+          });
+        }
+        return new Response(JSON.stringify({ error: 'Expected vessels array.' }), {
+          status: 400,
+          headers: { 'Content-Type': 'application/json' }\n        });
+      })
+    );
+  } else if (url.pathname === '/api/alerts' && request.method === 'GET') {
+    event.respondWith(
+      new Response(JSON.stringify(mockDB.alerts), {
+        headers: { 'Content-Type': 'application/json' }
+      })
+    );
+  } else if (url.pathname.match(/\/api\/alerts\/[^/]+\/ack$/) && request.method === 'POST') {
+    const alertId = url.pathname.split('/')[3];
+    const alert = mockDB.alerts.find((a) => a.id === alertId);
+    if (alert) {
+      alert.acknowledged = true;
+    }
+    event.respondWith(
+      new Response(JSON.stringify({ updated: alertId }), {
+        headers: { 'Content-Type': 'application/json' }
+      })
+    );
+  } else if (url.pathname === '/api/weather' && request.method === 'GET') {
+    // Simulate weather with slight randomness
+    const weather = {
+      ...mockWeather,
+      tempF: mockWeather.tempF + Math.floor(Math.random() * 10 - 5),
+      windMph: mockWeather.windMph + Math.floor(Math.random() * 4 - 2)
+    };
+    event.respondWith(
+      new Response(JSON.stringify(weather), {
+        headers: { 'Content-Type': 'application/json' }
+      })
+    );
+  } else if (url.pathname === '/api/auth/me' && request.method === 'GET') {
+    event.respondWith(
+      new Response(JSON.stringify(mockUser), {
+        headers: { 'Content-Type': 'application/json' }
+      })
+    );
+  } else if (url.pathname === '/api/auth/login' && request.method === 'POST') {
+    event.respondWith(
+      request.json().then((body: any) => {
+        const role = body?.role ?? 'Marina Operator';
+        return new Response(
+          JSON.stringify({ id: 'u1', name: 'Marina Operator', role, authenticated: true }),
+          { headers: { 'Content-Type': 'application/json' } }
+        );
+      })
+    );
+  } else if (url.pathname === '/api/compliance-report' && request.method === 'POST') {
+    event.respondWith(
+      request.json().then((body: any) => {
+        const vessel = mockDB.vessels.find((v) => v.id === body.vessel?.id);
+        if (!vessel) {
+          return new Response(JSON.stringify({ error: 'Vessel not found' }), {
+            status: 404,
+            headers: { 'Content-Type': 'application/json' }
+          });
+        }
+        const report = generateMockComplianceReport(vessel, body.scenario);
+        return new Response(JSON.stringify({ report, isMock: true }), {
+          headers: { 'Content-Type': 'application/json' }
+        });
+      })
+    );
+  }
+});
+
+// Activate and clean up old caches
+self.addEventListener('activate', (event: ExtendableEvent) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames.map((cacheName) => {
+          return caches.delete(cacheName);
+        })
+      );
+    })
+  );
+});