multipleof4/sune
1
0
Fork 0
mirror of https://github.com/multipleof4/sune.git synced 2026-01-14 00:27:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update sw.js

Browse Source
This commit is contained in:
multipleof4
2025-08-23 13:12:53 -07:00
committed by GitHub
parent babbbff748
commit 8fee072532
1 changed files with 132 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
public/sw.js
View File

@@ -1,336 +1,257 @@
// /sw.js // /sw.js — tee streaming response and persist to localforage exactly like index (no stream id)
// Service worker that uses localforage inside the worker to read/write 'threads_v1'.
// It tees streaming responses and continuously overwrites the last thread with accumulated assistant text.
try { try {
importScripts('https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js'); importScripts('https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js');
} catch (e) { } catch (e) {
// importScripts may throw if blocked by CSP — we'll detect later and broadcast error // importScripts may be blocked by CSP; we'll report via PING_STATUS
} }
// Config / constants
const TARGET_SUBSTRING = 'openrouter.ai/api/v1/chat/completions'; const TARGET_SUBSTRING = 'openrouter.ai/api/v1/chat/completions';
const THREADS_KEY = 'threads_v1'; const THREADS_KEY = 'threads_v1';
const SAVE_BYTES_THRESHOLD = 6 * 1024;
const SAVE_TIME_THRESHOLD = 800;
const BROADCAST_THROTTLE_MS = 600;
const gid = () => Math.random().toString(36).slice(2,9) + '-' + Date.now().toString(36); const gid = () => Math.random().toString(36).slice(2,9) + '-' + Date.now().toString(36);
const now = () => Date.now(); const now = () => Date.now();
let lfAvailable = (typeof localforage !== 'undefined'); let lfAvailable = (typeof localforage !== 'undefined');
let lfLoadError = lfAvailable ? null : 'localforage not loaded (importScripts failed or blocked)'; let lfLoadError = lfAvailable ? null : 'localforage not present in SW';
async function broadcast(msg) { async function broadcast(msg) {
try { try {
const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' }); const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' });
for (const c of clients) { for (const c of clients) {
try { c.postMessage(msg); } catch (_) {} try { c.postMessage(msg); } catch (e) { /* ignore per-client errors */ }
} }
} catch (_) {} } catch (e) { /* ignore */ }
} }
function logDebug(text) { /* read/write exactly like index */
// console and broadcast async function readThreads() {
try { console.log('[sw] ' + text); } catch {}
broadcast({ type: 'sw-debug-log', ts: now(), text: String(text) });
}
/** sanitize to structured-cloneable value */
function sanitizeForIDB(v) {
try {
return JSON.parse(JSON.stringify(v));
} catch (e) {
// shallow fallback - keep minimal properties
try {
if (!Array.isArray(v)) return [];
return v.map(t => ({
id: t && t.id,
title: t && t.title,
updatedAt: t && t.updatedAt,
messages: Array.isArray(t && t.messages) ? t.messages.map(m => ({ id: m && m.id, role: m && m.role, content: String((m && m.content) || '') })) : []
}));
} catch (_) {
return [];
}
}
}
/** write threads with localforage.setItem and fallback to string if needed */
async function writeThreadsViaLocalForage(threadsArr) {
if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError); if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError);
const safeVal = sanitizeForIDB(threadsArr || []);
try {
await localforage.setItem(THREADS_KEY, safeVal);
return { ok: true, method: 'localforage.setItem', storedAs: 'object' };
} catch (err1) {
// fallback: store as JSON string (always cloneable)
try {
await localforage.setItem(THREADS_KEY, JSON.stringify(safeVal));
return { ok: true, method: 'localforage.setItem(stringified)', storedAs: 'string' };
} catch (err2) {
// both failed
throw new Error('setItem failed: ' + (err2 && err2.message ? err2.message : String(err1)));
}
}
}
async function readThreadsViaLocalForage() {
if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError);
try {
const v = await localforage.getItem(THREADS_KEY); const v = await localforage.getItem(THREADS_KEY);
// if value is a JSON string (fallback), try parse return Array.isArray(v) ? v : (v ? v : []);
if (typeof v === 'string') { }
try { const parsed = JSON.parse(v); return Array.isArray(parsed) ? parsed : []; } catch { return []; } async function writeThreads(threads) {
} if (!lfAvailable) throw new Error('localforage unavailable: ' + lfLoadError);
return Array.isArray(v) ? v : []; return localforage.setItem(THREADS_KEY, threads);
} catch (err) {
throw err;
}
} }
/* pick last thread heuristic (newest updatedAt) */ /* choose last thread by updatedAt, fallback to threads[0] or null */
function pickLastThread(threads) { function pickLastThread(threads) {
if (!threads || threads.length === 0) return null; if (!Array.isArray(threads) || threads.length === 0) return null;
const sorted = [...threads].sort((a,b) => (b.updatedAt||0) - (a.updatedAt||0)); return threads.slice().sort((a,b)=> (b.updatedAt||0) - (a.updatedAt||0))[0];
return sorted[0];
} }
/* upsert assistant message with sw_streamId into thread object */ /* upsert: if last message is assistant -> update it, else append one.
function upsertAssistantInThreadObj(threadObj, streamId, text) { message shape matches index: { role:'assistant', content, contentParts:[{type:'text',text}] } */
threadObj.updatedAt = now(); function upsertAssistantInThread(thread, text) {
threadObj.messages = threadObj.messages || []; thread.updatedAt = now();
for (let i = threadObj.messages.length - 1; i >= 0; i--) { thread.messages = thread.messages || [];
const m = threadObj.messages[i]; const last = thread.messages.length ? thread.messages[thread.messages.length - 1] : null;
if (m && m.sw_streamId === streamId) { if (last && last.role === 'assistant') {
m.content = text; last.content = text;
m.contentParts = [{ type:'text', text }]; last.contentParts = [{ type: 'text', text }];
m.updatedAt = now(); last.updatedAt = now();
m._sw_savedAt = now(); return { threadId: thread.id, messageId: last.id || null, action: 'updated' };
return threadObj; } else {
}
}
// append
const msg = { const msg = {
id: 'swmsg-' + gid(), // intentionally do not add extra custom ids/flags beyond minimal fields
role: 'assistant', role: 'assistant',
content: text, content: text,
contentParts: [{ type:'text', text }], contentParts: [{ type: 'text', text }]
kind: 'assistant',
sw_saved: true,
sw_streamId: streamId,
createdAt: now(),
updatedAt: now(),
_sw_savedAt: now()
}; };
threadObj.messages.push(msg); thread.messages.push(msg);
return threadObj; return { threadId: thread.id, messageId: msg.id || null, action: 'appended' };
}
/* write helper used while streaming */
async function flushToLastThreadUsingLF(streamId, accumulated, meta) {
// read threads via localforage, update last thread, write back via localforage
try {
const threads = await readThreadsViaLocalForage();
let thread = pickLastThread(threads);
const createdAt = now();
if (!thread) {
thread = { id: 'sw-thread-' + gid(), title: 'Missed while backgrounded', pinned:false, updatedAt: createdAt, messages: [] };
threads.unshift(thread);
}
upsertAssistantInThreadObj(thread, streamId, accumulated);
const writeRes = await writeThreadsViaLocalForage(threads);
return { ok: true, threadId: thread.id, writeRes };
} catch (err) {
// propagate error
return { ok: false, error: String(err && err.message ? err.message : err) };
} }
} }
/* lifecycle */ /* lifecycle */
self.addEventListener('install', ev => { self.skipWaiting(); }); self.addEventListener('install', ev => self.skipWaiting());
self.addEventListener('activate', ev => { ev.waitUntil(self.clients.claim()); }); self.addEventListener('activate', ev => ev.waitUntil(self.clients.claim()));
/* in-memory state */ /* fetch handler: tee and persist chunks */
const state = { totalIntercepted: 0, activeStreams: {}, lastStream: null };
/* fetch handler */
self.addEventListener('fetch', event => { self.addEventListener('fetch', event => {
try { try {
const url = String(event.request.url || ''); const url = String(event.request.url || '');
if (!url.includes(TARGET_SUBSTRING)) return; // not relevant if (!url.includes(TARGET_SUBSTRING)) return; // ignore unrelated fetches
event.respondWith((async () => { event.respondWith((async () => {
const upstream = await fetch(event.request); const resUp = await fetch(event.request);
if (!upstream || !upstream.body) return upstream; if (!resUp || !resUp.body) return resUp;
const streamId = 'sw-' + gid(); // minimal meta for broadcasts
const meta = { url, startedAt: now(), bytes: 0, status: 'started' }; const meta = { url, startedAt: now(), bytes: 0 };
state.totalIntercepted = (state.totalIntercepted || 0) + 1; broadcast({ type: 'INTERCEPT_START', meta });
state.activeStreams[streamId] = meta;
broadcast({ type: 'sw-intercept-start', streamId, meta });
const [clientStream, swStream] = upstream.body.tee();
const [clientStream, swStream] = resUp.body.tee();
const saveTask = (async () => { const saveTask = (async () => {
const reader = swStream.getReader(); const reader = swStream.getReader();
const decoder = new TextDecoder('utf-8'); const decoder = new TextDecoder('utf-8');
let acc = ''; let acc = '';
let sinceBytes = 0; let lastSavedText = null;
let lastSaveAt = 0;
let lastBroadcastAt = 0;
async function maybeFlush(force = false) {
const nowMs = now();
if (!force && sinceBytes < SAVE_BYTES_THRESHOLD && (nowMs - lastSaveAt) < SAVE_TIME_THRESHOLD) return;
// attempt localforage write
const res = await flushToLastThreadUsingLF(streamId, acc, { bytes: meta.bytes });
lastSaveAt = nowMs;
sinceBytes = 0;
if (res.ok) {
const now2 = Date.now();
if (now2 - lastBroadcastAt > BROADCAST_THROTTLE_MS) {
lastBroadcastAt = now2;
broadcast({ type:'sw-intercept-progress', streamId, meta: { bytes: meta.bytes, savedAt: lastSaveAt, snippet: acc.slice(-1024), threadId: res.threadId, writeRes: res.writeRes } });
}
} else {
broadcast({ type:'sw-intercept-error', streamId, meta: { error: res.error } });
}
}
try { try {
while (true) { while (true) {
const { value, done } = await reader.read(); const { value, done } = await reader.read();
if (done) break; if (done) break;
let chunk = ''; const chunk = decoder.decode(value, { stream: true });
try { chunk = decoder.decode(value, { stream: true }); } catch (e) { chunk = ''; }
acc += chunk; acc += chunk;
const bytes = value ? (value.byteLength || 0) : chunk.length; meta.bytes += (value ? (value.byteLength || 0) : chunk.length);
meta.bytes += bytes;
sinceBytes += bytes; // only attempt save if text actually changed since last save
// flush according to thresholds if (lastSavedText !== acc) {
await maybeFlush(false); const p = (async () => {
try {
const threads = await readThreads();
let thread = pickLastThread(threads);
if (!thread) {
// create thread if none — keep shape index uses
thread = { id: 'sw-thread-' + gid(), title: 'Missed while backgrounded', pinned:false, updatedAt: now(), messages: [] };
threads.unshift(thread);
} }
// final flush const res = upsertAssistantInThread(thread, acc);
await maybeFlush(true); await writeThreads(threads); // exact index call
meta.status = 'finished'; lastSavedText = acc;
meta.endedAt = now(); broadcast({ type: 'INTERCEPT_SAVE', meta: { threadId: res.threadId, action: res.action, bytes: meta.bytes, textLen: acc.length } });
state.lastStream = { streamId, url: meta.url, startedAt: meta.startedAt, endedAt: meta.endedAt, totalBytes: meta.bytes };
delete state.activeStreams[streamId];
broadcast({ type:'sw-intercept-end', streamId, meta: { totalBytes: meta.bytes, endedAt: meta.endedAt } });
} catch (err) { } catch (err) {
meta.status = 'error'; broadcast({ type: 'INTERCEPT_ERROR', meta: { error: String(err && err.message ? err.message : err) } });
meta.error = String(err && err.message ? err.message : err);
delete state.activeStreams[streamId];
broadcast({ type:'sw-intercept-error', streamId, meta: { error: meta.error } });
} }
})(); })();
// keep alive while saving // attach save promise to SW lifecycle
event.waitUntil(saveTask); try { event.waitUntil(p); } catch (e) { /* ignore in some runtimes */ }
}
}
// final flush if needed (if lastSavedText changed)
if (lastSavedText !== acc) {
try {
const threads = await readThreads();
let thread = pickLastThread(threads);
if (!thread) {
thread = { id: 'sw-thread-' + gid(), title: 'Missed while backgrounded', pinned:false, updatedAt: now(), messages: [] };
threads.unshift(thread);
}
const res = upsertAssistantInThread(thread, acc);
await writeThreads(threads);
broadcast({ type: 'INTERCEPT_SAVE', meta: { threadId: res.threadId, action: res.action, bytes: meta.bytes, textLen: acc.length } });
} catch (err) {
broadcast({ type: 'INTERCEPT_ERROR', meta: { error: String(err && err.message ? err.message : err) } });
}
}
broadcast({ type: 'INTERCEPT_END', meta: { bytes: meta.bytes, endedAt: now() } });
} catch (err) {
broadcast({ type: 'INTERCEPT_ERROR', meta: { error: String(err && err.message ? err.message : err) } });
}
})();
// keep SW alive while saves run
try { event.waitUntil(saveTask); } catch (e) { /* ignore */ }
return new Response(clientStream, { return new Response(clientStream, {
status: upstream.status, status: resUp.status,
statusText: upstream.statusText, statusText: resUp.statusText,
headers: upstream.headers headers: resUp.headers
}); });
})()); })());
} catch (err) { } catch (err) {
logDebug('fetch handler top-level error: ' + (err && err.message ? err.message : String(err))); broadcast({ type: 'INTERCEPT_ERROR', meta: { error: String(err && err.message ? err.message : err) } });
} }
}); });
/* message handler for debug commands */ /* message handler: concise debug commands */
self.addEventListener('message', event => { self.addEventListener('message', event => {
const data = event.data || {}; const data = event.data || {};
(async () => { (async () => {
try { try {
if (data && data.type === 'PING') { if (data.type === 'PING') {
if (event.ports && event.ports[0]) event.ports[0].postMessage({ type:'PONG', ts: now(), ok:true }); if (event.ports && event.ports[0]) event.ports[0].postMessage({ type: 'PONG', ts: now() });
else broadcast({ type:'PONG', ts: now(), ok:true }); else broadcast({ type: 'PONG', ts: now() });
return; return;
} }
if (data && data.type === 'PING_STATUS') {
const reply = { type:'PONG_STATUS', ts: now(), lfAvailable, lfLoadError, totalIntercepted: state.totalIntercepted||0, lastStream: state.lastStream || null }; if (data.type === 'PING_STATUS') {
const reply = { type: 'PONG_STATUS', ts: now(), lfAvailable, lfLoadError };
if (event.ports && event.ports[0]) event.ports[0].postMessage(reply); if (event.ports && event.ports[0]) event.ports[0].postMessage(reply);
else broadcast(reply); else broadcast(reply);
return; return;
} }
if (data && data.type === 'TEST_WRITE') { if (data.type === 'TEST_WRITE') {
if (!lfAvailable) { if (!lfAvailable) {
const res = { type:'TEST_WRITE_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError }; const out = { type: 'TEST_WRITE_RESULT', ok: false, error: 'localforage unavailable: ' + lfLoadError };
if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
return; return;
} }
try { try {
const threads = await readThreadsViaLocalForage(); const threads = await readThreads();
const tid = 'sw-test-' + gid(); const tid = 'sw-test-' + gid();
const nowMs = now(); const nowMs = now();
const t = { id: tid, title: 'SW test ' + new Date(nowMs).toISOString(), pinned:false, updatedAt: nowMs, messages: [ { id:'swtest-'+gid(), role:'assistant', content:'sw test write @ ' + new Date(nowMs).toISOString(), contentParts:[{type:'text',text:'sw test write'}], createdAt: nowMs, updatedAt: nowMs } ] }; const t = { id: tid, title: 'SW test ' + new Date(nowMs).toISOString(), pinned:false, updatedAt: nowMs, messages: [ { role:'assistant', content:'sw test write @ ' + new Date(nowMs).toISOString(), contentParts:[{type:'text',text:'sw test write'}] } ] };
threads.unshift(t); threads.unshift(t);
const writeRes = await writeThreadsViaLocalForage(threads); await writeThreads(threads);
const out = { type:'TEST_WRITE_RESULT', ok:true, tid, writeRes }; const out = { type: 'TEST_WRITE_RESULT', ok:true, tid };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} catch (err) { } catch (err) {
const out = { type:'TEST_WRITE_RESULT', ok:false, error: String(err && err.message ? err.message : err) }; const out = { type: 'TEST_WRITE_RESULT', ok:false, error: String(err && err.message ? err.message : err) };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} }
return; return;
} }
if (data && data.type === 'READ_KEY') { if (data.type === 'READ_KEY') {
const key = data.key || THREADS_KEY; const key = data.key || THREADS_KEY;
if (!lfAvailable) { if (!lfAvailable) {
const res = { type:'READ_KEY_RESULT', ok:false, key, error: 'localforage unavailable: ' + lfLoadError }; const res = { type: 'READ_KEY_RESULT', ok:false, key, error: 'localforage unavailable: ' + lfLoadError };
if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res); if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
return; return;
} }
try { try {
const val = await localforage.getItem(key); const value = await localforage.getItem(key);
const parsed = (typeof val === 'string') ? ( (() => { try { return JSON.parse(val); } catch { return val; } })() ) : val; const out = { type: 'READ_KEY_RESULT', ok:true, key, value };
const out = { type:'READ_KEY_RESULT', ok:true, key, value: parsed };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} catch (err) { } catch (err) {
const out = { type:'READ_KEY_RESULT', ok:false, key, error: String(err && err.message ? err.message : err) }; const out = { type: 'READ_KEY_RESULT', ok:false, key, error: String(err && err.message ? err.message : err) };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} }
return; return;
} }
if (data && data.type === 'LIST_SW_SAVED') { if (data.type === 'LIST_SW_SAVED') {
if (!lfAvailable) { if (!lfAvailable) {
const res = { type:'LIST_SW_SAVED_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError }; const res = { type:'LIST_SW_SAVED_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError };
if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res); if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
return; return;
} }
try { try {
const threads = await readThreadsViaLocalForage(); const threads = await readThreads();
const found = []; const found = [];
for (const t of (threads||[])) { for (const t of (threads || [])) {
for (const m of (t.messages||[])) { 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, snippet: (m.content||'').slice(0,200), updatedAt: m.updatedAt }); if (m && m.role === 'assistant') {
// we can't know whether assistant messages were created by SW or page; include short snippet
found.push({ threadId: t.id, snippet: (m.content||'').slice(0,200) });
} }
} }
const out = { type:'LIST_SW_SAVED_RESULT', ok:true, found }; }
const out = { type: 'LIST_SW_SAVED_RESULT', ok: true, found };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} catch (err) { } catch (err) {
const out = { type:'LIST_SW_SAVED_RESULT', ok:false, error: String(err && err.message ? err.message : err) }; const out = { type: 'LIST_SW_SAVED_RESULT', ok:false, error: String(err && err.message ? err.message : err) };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
} }
return; return;
} }
if (data && data.type === 'CLEAR_TESTS') { if (data.type === 'CLEAR_TESTS') {
if (!lfAvailable) { if (!lfAvailable) {
const res = { type:'CLEAR_TESTS_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError }; const res = { type:'CLEAR_TESTS_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError };
if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res); if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res);
return; return;
} }
try { try {
const threads = await readThreadsViaLocalForage(); const threads = await readThreads();
const before = threads.length; const before = threads.length;
const cleaned = threads.filter(t => !(t.id && String(t.id).startsWith('sw-test-'))); const cleaned = threads.filter(t => !(t.id && String(t.id).startsWith('sw-test-')));
await writeThreadsViaLocalForage(cleaned); await writeThreads(cleaned);
const removed = before - cleaned.length; const removed = before - cleaned.length;
const out = { type:'CLEAR_TESTS_RESULT', ok:true, removed }; const out = { type:'CLEAR_TESTS_RESULT', ok:true, removed };
if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out);
@@ -342,7 +263,7 @@ self.addEventListener('message', event => {
} }
} catch (err) { } catch (err) {
const r = { type:'SW_ERROR', error: String(err && err.message ? err.message : err) }; const r = { type: 'SW_ERROR', error: String(err && err.message ? err.message : err) };
if (event.ports && event.ports[0]) event.ports[0].postMessage(r); else broadcast(r); if (event.ports && event.ports[0]) event.ports[0].postMessage(r); else broadcast(r);
} }
})(); })();