nntrivi2001
8c1d46df6c
Internal SmartGift build of a Claude Code monitoring dashboard. Lanes: a durable unit of parallel agent work, one per working directory, tracked across session restarts. Managed lanes are git worktrees the dashboard provisions and can reset or remove behind a three-check destroy guard and a counted preflight; adopted lanes are directories you already own and are never destroyable. Pipelines: a lane moves through pipeline stages. A stage the agent declares with evidence renders green; a stage inferred from the tool-event stream renders dashed amber and never counts as done. Detection is forward-only within a 30-minute window, and never writes the declared stage. Workspace: one page at /run with a lane grid, the selected lane's pipeline, and a full Claude console behind a disclosure.
100 lines
3.1 KiB
JavaScript
100 lines
3.1 KiB
JavaScript
/**
|
|
* @description Service Worker for caching static assets and handling push notifications.
|
|
* @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
|
|
*/
|
|
|
|
// Bump this any time the SW logic changes - old clients will install the new
|
|
// SW, drop their existing caches in `activate`, and `skipWaiting` so the
|
|
// freshly-built bundle starts being served on the very next request.
|
|
const CACHE_NAME = "dashboard-v2";
|
|
|
|
self.addEventListener("install", () => {
|
|
// No pre-cache: network-first below means the cache fills lazily, and
|
|
// there's nothing to "warm" - the v1 SW was pre-caching `/`, which is
|
|
// exactly the file most likely to go stale after a rebuild.
|
|
self.skipWaiting();
|
|
});
|
|
|
|
self.addEventListener("activate", (event) => {
|
|
event.waitUntil(
|
|
caches
|
|
.keys()
|
|
.then((keys) =>
|
|
Promise.all(keys.filter((k) => k !== CACHE_NAME).map((k) => caches.delete(k)))
|
|
)
|
|
.then(() => self.clients.claim())
|
|
);
|
|
});
|
|
|
|
self.addEventListener("fetch", (event) => {
|
|
const { request } = event;
|
|
if (request.method !== "GET") return;
|
|
const url = new URL(request.url);
|
|
if (url.origin !== self.location.origin) return;
|
|
// Skip API, WebSocket, and Vite HMR endpoints
|
|
if (
|
|
url.pathname.startsWith("/api/") ||
|
|
url.pathname.startsWith("/ws") ||
|
|
url.pathname.includes("__vite")
|
|
)
|
|
return;
|
|
|
|
// Hashed bundles under /assets/ are immutable for a given URL - cache-first
|
|
// is safe and fast. A new build emits new filenames, so stale entries simply
|
|
// don't get re-requested.
|
|
if (url.pathname.startsWith("/assets/")) {
|
|
event.respondWith(
|
|
caches.match(request).then(
|
|
(cached) =>
|
|
cached ||
|
|
fetch(request).then((response) => {
|
|
if (response.ok && response.type === "basic") {
|
|
const clone = response.clone();
|
|
caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
|
|
}
|
|
return response;
|
|
})
|
|
)
|
|
);
|
|
return;
|
|
}
|
|
|
|
// Everything else (navigations, sw.js, manifest, icons, root /): network-first
|
|
// with cache fallback. The user always gets the freshest UI while online and
|
|
// a sensible fallback when offline.
|
|
event.respondWith(
|
|
fetch(request)
|
|
.then((response) => {
|
|
if (response.ok && response.type === "basic") {
|
|
const clone = response.clone();
|
|
caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
|
|
}
|
|
return response;
|
|
})
|
|
.catch(() => caches.match(request).then((c) => c || caches.match("/")))
|
|
);
|
|
});
|
|
|
|
// --- Push notifications (existing) ---
|
|
|
|
self.addEventListener("push", (event) => {
|
|
const data = event.data
|
|
? event.data.json()
|
|
: { title: "Agent Monitor", body: "New notification" };
|
|
const { title, ...options } = data;
|
|
event.waitUntil(self.registration.showNotification(title, { silent: false, ...options }));
|
|
});
|
|
|
|
self.addEventListener("notificationclick", (event) => {
|
|
event.notification.close();
|
|
event.waitUntil(
|
|
clients.matchAll({ type: "window" }).then((windowClients) => {
|
|
for (const client of windowClients) {
|
|
if (client.focus) {
|
|
return client.focus();
|
|
}
|
|
}
|
|
})
|
|
);
|
|
});
|