claude-team-dashboard 1.2.6

package/dist/sw.js

@@ -0,0 +1,105 @@
+const CACHE_NAME = 'agent-dashboard-v3';
+const PRECACHE_URLS = [
+  '/',
+  '/index.html',
+  '/manifest.json'
+];
+
+// Install: precache core assets
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(PRECACHE_URLS);
+    })
+  );
+  self.skipWaiting();
+});
+
+// Activate: clean up old caches
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames
+          .filter((name) => name !== CACHE_NAME)
+          .map((name) => caches.delete(name))
+      );
+    })
+  );
+  self.clients.claim();
+});
+
+// Fetch: Network First for API, Cache First for static assets
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  const url = new URL(request.url);
+
+  // Skip non-GET requests
+  if (request.method !== 'GET') return;
+
+  // Skip non-http(s) schemes (e.g. chrome-extension://)
+  if (!url.protocol.startsWith('http')) return;
+
+  // Skip WebSocket upgrade requests
+  if (request.headers.get('upgrade') === 'websocket') return;
+
+  // Always fetch HTML navigation requests fresh (never cache the shell)
+  if (request.mode === 'navigate') {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Network First for API routes
+  if (url.pathname.startsWith('/api/') || url.pathname.startsWith('/api')) {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Always network-first for JS/CSS assets (Vite hash-busts them already)
+  if (url.pathname.startsWith('/assets/')) {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Cache First for other static assets (icons, manifest, etc.)
+  event.respondWith(cacheFirst(request));
+});
+
+async function networkFirst(request) {
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      const cache = await caches.open(CACHE_NAME);
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (err) {
+    const cached = await caches.match(request);
+    if (cached) return cached;
+    return new Response(JSON.stringify({ error: 'Offline', message: 'No cached data available' }), {
+      status: 503,
+      headers: { 'Content-Type': 'application/json' }
+    });
+  }
+}
+
+async function cacheFirst(request) {
+  const cached = await caches.match(request);
+  if (cached) return cached;
+
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      const cache = await caches.open(CACHE_NAME);
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (err) {
+    // For navigation requests, return cached index.html (SPA fallback)
+    if (request.mode === 'navigate') {
+      const cachedIndex = await caches.match('/index.html');
+      if (cachedIndex) return cachedIndex;
+    }
+    return new Response('Offline', { status: 503 });
+  }
+}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "claude-team-dashboard",
+  "version": "1.2.6",
+  "description": "Real-time monitoring dashboard for Claude Code agent teams",
+  "main": "server.js",
+  "bin": {
+    "claude-dashboard": "start.js"
+  },
+  "files": [
+    "dist",
+    "public",
+    "server.js",
+    "start.js",
+    "cleanup.js",
+    "config.js"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "start": "node start.js",
+    "cleanup": "node cleanup.js",
+    "restart": "node cleanup.js && node start.js",
+    "dev:server": "node server.js",
+    "dev:client": "vite",
+    "dev": "vite",
+    "server": "node server.js",
+    "build": "vite build",
+    "prepare": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "test:e2e": "playwright test"
+  },
+  "keywords": [
+    "claude",
+    "agent",
+    "dashboard",
+    "monitoring",
+    "react",
+    "websocket",
+    "real-time"
+  ],
+  "author": "mukul975 <https://github.com/mukul975>",
+  "license": "MIT",
+  "type": "commonjs",
+  "dependencies": {
+    "chokidar": "^5.0.0",
+    "compression": "^1.8.1",
+    "cors": "^2.8.6",
+    "express": "^5.2.1",
+    "express-rate-limit": "^8.2.1",
+    "helmet": "^8.1.0",
+    "ws": "^8.19.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.58.2",
+    "@tailwindcss/vite": "^4.2.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitejs/plugin-react": "^5.1.3",
+    "@vitest/coverage-v8": "^4.0.18",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "d3": "^7.9.0",
+    "dayjs": "^1.11.19",
+    "jsdom": "^28.0.0",
+    "jsfuzz": "^1.0.1",
+    "license-checker": "^25.0.1",
+    "lucide-react": "^0.563.0",
+    "prop-types": "^15.8.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hot-toast": "^2.6.0",
+    "recharts": "^3.7.0",
+    "tailwindcss": "^4.2.0",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
+  }
+}

package/public/manifest.json

@@ -0,0 +1,15 @@
+{
+  "name": "Claude Code Agent Dashboard",
+  "short_name": "AgentDash",
+  "description": "Real-time monitoring dashboard for Claude Code agent teams",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#111827",
+  "theme_color": "#f97316",
+  "orientation": "any",
+  "icons": [
+    { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ],
+  "categories": ["productivity", "developer tools"]
+}

package/public/sw.js

@@ -0,0 +1,105 @@
+const CACHE_NAME = 'agent-dashboard-v3';
+const PRECACHE_URLS = [
+  '/',
+  '/index.html',
+  '/manifest.json'
+];
+
+// Install: precache core assets
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(PRECACHE_URLS);
+    })
+  );
+  self.skipWaiting();
+});
+
+// Activate: clean up old caches
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames
+          .filter((name) => name !== CACHE_NAME)
+          .map((name) => caches.delete(name))
+      );
+    })
+  );
+  self.clients.claim();
+});
+
+// Fetch: Network First for API, Cache First for static assets
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  const url = new URL(request.url);
+
+  // Skip non-GET requests
+  if (request.method !== 'GET') return;
+
+  // Skip non-http(s) schemes (e.g. chrome-extension://)
+  if (!url.protocol.startsWith('http')) return;
+
+  // Skip WebSocket upgrade requests
+  if (request.headers.get('upgrade') === 'websocket') return;
+
+  // Always fetch HTML navigation requests fresh (never cache the shell)
+  if (request.mode === 'navigate') {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Network First for API routes
+  if (url.pathname.startsWith('/api/') || url.pathname.startsWith('/api')) {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Always network-first for JS/CSS assets (Vite hash-busts them already)
+  if (url.pathname.startsWith('/assets/')) {
+    event.respondWith(networkFirst(request));
+    return;
+  }
+
+  // Cache First for other static assets (icons, manifest, etc.)
+  event.respondWith(cacheFirst(request));
+});
+
+async function networkFirst(request) {
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      const cache = await caches.open(CACHE_NAME);
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (err) {
+    const cached = await caches.match(request);
+    if (cached) return cached;
+    return new Response(JSON.stringify({ error: 'Offline', message: 'No cached data available' }), {
+      status: 503,
+      headers: { 'Content-Type': 'application/json' }
+    });
+  }
+}
+
+async function cacheFirst(request) {
+  const cached = await caches.match(request);
+  if (cached) return cached;
+
+  try {
+    const response = await fetch(request);
+    if (response.ok) {
+      const cache = await caches.open(CACHE_NAME);
+      cache.put(request, response.clone());
+    }
+    return response;
+  } catch (err) {
+    // For navigation requests, return cached index.html (SPA fallback)
+    if (request.mode === 'navigate') {
+      const cachedIndex = await caches.match('/index.html');
+      if (cachedIndex) return cachedIndex;
+    }
+    return new Response('Offline', { status: 503 });
+  }
+}