mirror of
https://github.com/multipleof4/sune.git
synced 2026-01-14 16:47:59 +00:00
Update sw.js
This commit is contained in:
GitHub
339
public/sw.js
339
public/sw.js
@@ -1,90 +1,275 @@
|
||||
// /sw.js - minimal worker that reports if it was restarted (killed)
|
||||
'use strict';
|
||||
// sw.js
|
||||
// Drop-in service worker to tee streaming chat responses and write progress to localForage (threads_v1).
|
||||
// - Adjust TARGET_SUBSTRING if your stream URL differs.
|
||||
// - The SW writes messages tagged with `sw_streamId` to avoid clobbering unrelated messages.
|
||||
|
||||
const DB_NAME = 'sune-sw-db';
|
||||
const STORE = 'kv';
|
||||
const KEY = 'lastSession';
|
||||
importScripts('https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js');
|
||||
|
||||
// tiny IndexedDB helpers
|
||||
function idbOpen() {
|
||||
return new Promise((resolve, reject) => {
|
||||
const r = indexedDB.open(DB_NAME, 1);
|
||||
r.onupgradeneeded = () => {
|
||||
r.result.createObjectStore(STORE);
|
||||
const TARGET_SUBSTRING = 'openrouter.ai/api/v1/chat/completions'; // change if needed
|
||||
const THREADS_KEY = 'threads_v1'; // matches your index
|
||||
const BUFFER_SAVE_BYTES = 32 * 1024; // save every ~32KB of new data (tune)
|
||||
const SAVE_INTERVAL_MS = 2000; // or at least every 2s even if buffer < size
|
||||
|
||||
// utils
|
||||
const gid = () => Math.random().toString(36).slice(2, 9) + '-' + Date.now().toString(36);
|
||||
|
||||
function now() { return Date.now(); }
|
||||
|
||||
async function readThreads() {
|
||||
try {
|
||||
const v = await localforage.getItem(THREADS_KEY);
|
||||
return Array.isArray(v) ? v : [];
|
||||
} catch (e) {
|
||||
console.error('sw: idb read error', e);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
async function writeThreads(arr) {
|
||||
try {
|
||||
await localforage.setItem(THREADS_KEY, arr);
|
||||
} catch (e) {
|
||||
console.error('sw: idb write error', e);
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
|
||||
// choose a thread to attach progress to
|
||||
function pickThread(threads) {
|
||||
if (!threads || threads.length === 0) return null;
|
||||
// prefer newest updatedAt
|
||||
threads.sort((a,b) => (b.updatedAt||0) - (a.updatedAt||0));
|
||||
return threads[0];
|
||||
}
|
||||
|
||||
// update or append assistant message for streamId
|
||||
async function upsertStreamMessage(streamId, text, meta = {}) {
|
||||
// read-modify-write
|
||||
const threads = await readThreads();
|
||||
let th = pickThread(threads);
|
||||
const createdNow = now();
|
||||
|
||||
if (!th) {
|
||||
// create a new thread if none found
|
||||
th = {
|
||||
id: 'sw-' + gid(),
|
||||
title: 'Missed while backgrounded',
|
||||
pinned: false,
|
||||
updatedAt: createdNow,
|
||||
messages: []
|
||||
};
|
||||
r.onsuccess = () => resolve(r.result);
|
||||
r.onerror = () => reject(r.error || new Error('idb open error'));
|
||||
threads.unshift(th);
|
||||
}
|
||||
|
||||
// look for existing message with sw_streamId
|
||||
let msgIndex = -1;
|
||||
for (let i = th.messages.length - 1; i >= 0; i--) {
|
||||
const m = th.messages[i];
|
||||
if (m && m.sw_streamId === streamId) { msgIndex = i; break; }
|
||||
}
|
||||
|
||||
const contentParts = [{ type: 'text', text }];
|
||||
if (msgIndex >= 0) {
|
||||
// update message content
|
||||
const existing = th.messages[msgIndex];
|
||||
existing.content = text;
|
||||
existing.contentParts = contentParts;
|
||||
existing.updatedAt = createdNow;
|
||||
existing._sw_lastSave = createdNow;
|
||||
existing._sw_meta = Object.assign({}, existing._sw_meta || {}, meta);
|
||||
} else {
|
||||
// append new assistant message (tag with sw_streamId)
|
||||
const msg = {
|
||||
id: 'swmsg-' + gid(),
|
||||
role: 'assistant',
|
||||
content: text,
|
||||
contentParts,
|
||||
kind: 'assistant',
|
||||
sw_saved: true,
|
||||
sw_streamId: streamId,
|
||||
createdAt: createdNow,
|
||||
updatedAt: createdNow,
|
||||
_sw_meta: Object.assign({}, meta)
|
||||
};
|
||||
th.messages.push(msg);
|
||||
}
|
||||
th.updatedAt = createdNow;
|
||||
|
||||
// write back
|
||||
await writeThreads(threads);
|
||||
return { threadId: th.id };
|
||||
}
|
||||
|
||||
async function finalizeStream(streamId, meta = {}) {
|
||||
// mark the message as complete; put complete flag in _sw_meta
|
||||
const threads = await readThreads();
|
||||
const th = pickThread(threads);
|
||||
if (!th) return;
|
||||
for (let i = th.messages.length - 1; i >= 0; i--) {
|
||||
const m = th.messages[i];
|
||||
if (m && m.sw_streamId === streamId) {
|
||||
m._sw_meta = Object.assign({}, m._sw_meta || {}, meta, { completeAt: now() });
|
||||
m.updatedAt = now();
|
||||
th.updatedAt = now();
|
||||
break;
|
||||
}
|
||||
}
|
||||
await writeThreads(threads);
|
||||
// inform clients
|
||||
const clientsList = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
|
||||
clientsList.forEach(c => {
|
||||
try { c.postMessage({ type: 'stream-saved', streamId, meta }); } catch(e){ }
|
||||
});
|
||||
}
|
||||
function idbGet(key) {
|
||||
return idbOpen().then(db => new Promise((res, rej) => {
|
||||
const tx = db.transaction(STORE, 'readonly');
|
||||
const req = tx.objectStore(STORE).get(key);
|
||||
req.onsuccess = () => res(req.result);
|
||||
req.onerror = () => rej(req.error);
|
||||
}));
|
||||
|
||||
// notify utility
|
||||
async function notifyClients(msg) {
|
||||
try {
|
||||
const list = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
|
||||
for (const c of list) {
|
||||
try { c.postMessage(msg); } catch (e) {}
|
||||
}
|
||||
} catch (e) {
|
||||
/* ignore */
|
||||
}
|
||||
function idbSet(key, val) {
|
||||
return idbOpen().then(db => new Promise((res, rej) => {
|
||||
const tx = db.transaction(STORE, 'readwrite');
|
||||
const req = tx.objectStore(STORE).put(val, key);
|
||||
req.onsuccess = () => res(true);
|
||||
req.onerror = () => rej(req.error);
|
||||
}));
|
||||
}
|
||||
|
||||
// lightweight session identity
|
||||
const SESSION_ID = Date.now().toString(36) + '-' + Math.floor(Math.random() * 1e9).toString(36);
|
||||
const STARTED_AT = Date.now();
|
||||
// fetch handler: tee and save
|
||||
self.addEventListener('fetch', event => {
|
||||
try {
|
||||
const url = event.request.url || '';
|
||||
if (!url.includes(TARGET_SUBSTRING)) {
|
||||
return; // not our target; let it pass through
|
||||
}
|
||||
|
||||
self.addEventListener('install', ev => {
|
||||
// activate immediately so the page can become controlled quickly
|
||||
event.respondWith((async () => {
|
||||
// perform the upstream fetch
|
||||
const upstream = await fetch(event.request);
|
||||
|
||||
// if no streaming body, return upstream
|
||||
if (!upstream || !upstream.body) return upstream;
|
||||
|
||||
const streamId = 'swstream-' + gid();
|
||||
const headers = new Headers(upstream.headers);
|
||||
|
||||
// tee so one stream goes to client, one consumed by SW
|
||||
const [clientStream, swStream] = upstream.body.tee();
|
||||
|
||||
// background save logic:
|
||||
const savePromise = (async () => {
|
||||
try {
|
||||
const reader = swStream.getReader();
|
||||
const dec = new TextDecoder('utf-8');
|
||||
let bufferText = '';
|
||||
let bufferedBytes = 0;
|
||||
let lastSaveAt = 0;
|
||||
|
||||
const saveIfNeeded = async (force = false) => {
|
||||
const nowMs = Date.now();
|
||||
if (!force && bufferedBytes < BUFFER_SAVE_BYTES && (nowMs - lastSaveAt) < SAVE_INTERVAL_MS) return;
|
||||
// upsert into threads
|
||||
try {
|
||||
await upsertStreamMessage(streamId, bufferText, { partialBytes: bufferedBytes, savedAt: Date.now() });
|
||||
lastSaveAt = nowMs;
|
||||
} catch (e) {
|
||||
console.error('sw: upsert save error', e);
|
||||
}
|
||||
};
|
||||
|
||||
while (true) {
|
||||
const { value, done } = await reader.read();
|
||||
if (done) break;
|
||||
// value is Uint8Array; decode incrementally
|
||||
const chunkText = dec.decode(value, { stream: true });
|
||||
bufferText += chunkText;
|
||||
bufferedBytes += (value && value.byteLength) ? value.byteLength : chunkText.length;
|
||||
// try saving periodically
|
||||
await saveIfNeeded(false);
|
||||
}
|
||||
|
||||
// final save + finalize
|
||||
await saveIfNeeded(true);
|
||||
await finalizeStream(streamId, { totalBytes: bufferedBytes });
|
||||
} catch (err) {
|
||||
console.error('sw: error saving stream', err);
|
||||
// try to mark failure
|
||||
try { await finalizeStream(streamId, { error: String(err) }); } catch(e){ }
|
||||
}
|
||||
})();
|
||||
|
||||
// keep worker alive while saving
|
||||
event.waitUntil(savePromise);
|
||||
|
||||
// return response to client using the clientStream
|
||||
return new Response(clientStream, {
|
||||
status: upstream.status,
|
||||
statusText: upstream.statusText,
|
||||
headers
|
||||
});
|
||||
})());
|
||||
} catch (err) {
|
||||
// if anything goes wrong, let the request fallback
|
||||
console.error('sw: fetch handler error', err);
|
||||
}
|
||||
});
|
||||
|
||||
// ping/pong: support both port reply and broadcast reply
|
||||
self.addEventListener('message', event => {
|
||||
const data = event.data || {};
|
||||
try {
|
||||
if (data && data.type === 'PING') {
|
||||
// prefer replying on message port if provided
|
||||
if (event.ports && event.ports[0]) {
|
||||
try {
|
||||
event.ports[0].postMessage({ type: 'PONG', ts: Date.now(), ok: true });
|
||||
} catch (e) { /* ignore */ }
|
||||
} else {
|
||||
// fallback: send message back to the source (if possible) or broadcast to clients
|
||||
if (event.source && typeof event.source.postMessage === 'function') {
|
||||
try { event.source.postMessage({ type: 'PONG', ts: Date.now(), ok: true }); } catch(e) {}
|
||||
} else {
|
||||
notifyClients({ type: 'PONG', ts: Date.now(), ok: true });
|
||||
}
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// support a client request to list SW-saved streams or threads
|
||||
if (data && data.type === 'list-sw-streams') {
|
||||
(async () => {
|
||||
const threads = await readThreads();
|
||||
// collect messages that have sw_streamId
|
||||
const found = [];
|
||||
for (const t of (threads||[])) {
|
||||
for (const m of (t.messages||[])) {
|
||||
if (m && m.sw_streamId) found.push({ threadId: t.id, threadTitle: t.title, messageId: m.id, sw_streamId: m.sw_streamId, summary: (m.content||'').slice(0,200), updatedAt: m.updatedAt });
|
||||
}
|
||||
}
|
||||
// reply to the source if possible, otherwise broadcast
|
||||
if (event.ports && event.ports[0]) {
|
||||
event.ports[0].postMessage({ type: 'sw-streams-list', streams: found });
|
||||
} else if (event.source && typeof event.source.postMessage === 'function') {
|
||||
event.source.postMessage({ type: 'sw-streams-list', streams: found });
|
||||
} else {
|
||||
notifyClients({ type: 'sw-streams-list', streams: found });
|
||||
}
|
||||
})();
|
||||
return;
|
||||
}
|
||||
|
||||
// other messages — ignore or log
|
||||
} catch (e) {
|
||||
console.error('sw: message handler error', e);
|
||||
}
|
||||
});
|
||||
|
||||
// basic install/activate to claim clients quickly
|
||||
self.addEventListener('install', event => {
|
||||
self.skipWaiting();
|
||||
});
|
||||
|
||||
self.addEventListener('activate', ev => {
|
||||
// claim clients so the page becomes controlled without reload where possible
|
||||
ev.waitUntil(self.clients.claim());
|
||||
});
|
||||
|
||||
// respond to messages (works with MessageChannel from the sune)
|
||||
self.addEventListener('message', ev => {
|
||||
const data = ev.data || {};
|
||||
// only handle PING to keep this tiny
|
||||
if (data.type !== 'PING') return;
|
||||
|
||||
const respond = async () => {
|
||||
self.addEventListener('activate', event => {
|
||||
event.waitUntil((async () => {
|
||||
try {
|
||||
const last = await idbGet(KEY); // may be undefined on first run
|
||||
const restarted = !!last && last !== SESSION_ID; // true if there was a previous session different than this one
|
||||
// store current session id for subsequent comparisons
|
||||
await idbSet(KEY, SESSION_ID);
|
||||
|
||||
const payload = {
|
||||
type: 'PONG',
|
||||
ts: Date.now(),
|
||||
sessionId: SESSION_ID,
|
||||
lastSessionId: last || null,
|
||||
restarted: restarted,
|
||||
uptimeMs: Date.now() - STARTED_AT,
|
||||
ok: true
|
||||
};
|
||||
|
||||
// prefer replying on the provided port
|
||||
if (ev.ports && ev.ports[0]) {
|
||||
ev.ports[0].postMessage(payload);
|
||||
} else {
|
||||
// fallback: postMessage to all clients
|
||||
const clients = await self.clients.matchAll({includeUncontrolled: true});
|
||||
clients.forEach(c => c.postMessage(payload));
|
||||
}
|
||||
} catch (err) {
|
||||
const errPayload = {type:'PONG', ok:false, error: String(err), ts: Date.now()};
|
||||
if (ev.ports && ev.ports[0]) ev.ports[0].postMessage(errPayload);
|
||||
}
|
||||
};
|
||||
|
||||
// ensure the work completes even if the worker might otherwise be stopped
|
||||
if (ev.waitUntil) ev.waitUntil(Promise.resolve(respond()));
|
||||
else respond();
|
||||
await self.clients.claim();
|
||||
} catch(e) { /* ignore */ }
|
||||
})());
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user