diff --git a/README.md b/README.md index deb5c67..5ffaed4 100644 --- a/README.md +++ b/README.md @@ -44,4 +44,6 @@ v0.30: sune html tab v0.31: html is functional 🌐 v0.32: custom sw.js v0.33: sw wip +v0.34: sune editor bug fix +v0.35: sw are useless ``` diff --git a/docs/sw.js b/docs/sw.js index b07eb62..41fa11d 100644 --- a/docs/sw.js +++ b/docs/sw.js @@ -1,334 +1 @@ -try { - importScripts("https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js"); -} catch (e) { -} -const TARGET_SUBSTRING = "openrouter.ai/api/v1/chat/completions"; -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 now = () => Date.now(); -let lfAvailable = typeof localforage !== "undefined"; -let lfLoadError = lfAvailable ? null : "localforage not loaded (importScripts failed or blocked)"; -async function broadcast(msg) { - try { - const clients = await self.clients.matchAll({ includeUncontrolled: true, type: "window" }); - for (const c of clients) { - try { - c.postMessage(msg); - } catch (_) { - } - } - } catch (_) { - } -} -function logDebug(text) { - try { - console.log("[sw] " + text); - } catch { - } - broadcast({ type: "sw-debug-log", ts: now(), text: String(text) }); -} -function sanitizeForIDB(v) { - try { - return JSON.parse(JSON.stringify(v)); - } catch (e) { - 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 []; - } - } -} -async function writeThreadsViaLocalForage(threadsArr) { - 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) { - try { - await localforage.setItem(THREADS_KEY, JSON.stringify(safeVal)); - return { ok: true, method: "localforage.setItem(stringified)", storedAs: "string" }; - } catch (err2) { - 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); - if (typeof v === "string") { - try { - const parsed = JSON.parse(v); - return Array.isArray(parsed) ? parsed : []; - } catch { - return []; - } - } - return Array.isArray(v) ? v : []; - } catch (err) { - throw err; - } -} -function pickLastThread(threads) { - if (!threads || threads.length === 0) return null; - const sorted = [...threads].sort((a, b) => (b.updatedAt || 0) - (a.updatedAt || 0)); - return sorted[0]; -} -function upsertAssistantInThreadObj(threadObj, streamId, text) { - threadObj.updatedAt = now(); - threadObj.messages = threadObj.messages || []; - for (let i = threadObj.messages.length - 1; i >= 0; i--) { - const m = threadObj.messages[i]; - if (m && m.sw_streamId === streamId) { - m.content = text; - m.contentParts = [{ type: "text", text }]; - m.updatedAt = now(); - m._sw_savedAt = now(); - return threadObj; - } - } - const msg = { - id: "swmsg-" + gid(), - role: "assistant", - content: text, - contentParts: [{ type: "text", text }], - kind: "assistant", - sw_saved: true, - sw_streamId: streamId, - createdAt: now(), - updatedAt: now(), - _sw_savedAt: now() - }; - threadObj.messages.push(msg); - return threadObj; -} -async function flushToLastThreadUsingLF(streamId, accumulated, meta) { - 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) { - return { ok: false, error: String(err && err.message ? err.message : err) }; - } -} -self.addEventListener("install", (ev) => { - self.skipWaiting(); -}); -self.addEventListener("activate", (ev) => { - ev.waitUntil(self.clients.claim()); -}); -const state = { totalIntercepted: 0, activeStreams: {}, lastStream: null }; -self.addEventListener("fetch", (event) => { - try { - const url = String(event.request.url || ""); - if (!url.includes(TARGET_SUBSTRING)) return; - event.respondWith((async () => { - const upstream = await fetch(event.request); - if (!upstream || !upstream.body) return upstream; - const streamId = "sw-" + gid(); - const meta = { url, startedAt: now(), bytes: 0, status: "started" }; - state.totalIntercepted = (state.totalIntercepted || 0) + 1; - state.activeStreams[streamId] = meta; - broadcast({ type: "sw-intercept-start", streamId, meta }); - const [clientStream, swStream] = upstream.body.tee(); - const saveTask = (async () => { - const reader = swStream.getReader(); - const decoder = new TextDecoder("utf-8"); - let acc = ""; - let sinceBytes = 0; - 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; - 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 { - while (true) { - const { value, done } = await reader.read(); - if (done) break; - let chunk = ""; - try { - chunk = decoder.decode(value, { stream: true }); - } catch (e) { - chunk = ""; - } - acc += chunk; - const bytes = value ? value.byteLength || 0 : chunk.length; - meta.bytes += bytes; - sinceBytes += bytes; - await maybeFlush(false); - } - await maybeFlush(true); - meta.status = "finished"; - meta.endedAt = now(); - 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) { - meta.status = "error"; - meta.error = String(err && err.message ? err.message : err); - delete state.activeStreams[streamId]; - broadcast({ type: "sw-intercept-error", streamId, meta: { error: meta.error } }); - } - })(); - event.waitUntil(saveTask); - return new Response(clientStream, { - status: upstream.status, - statusText: upstream.statusText, - headers: upstream.headers - }); - })()); - } catch (err) { - logDebug("fetch handler top-level error: " + (err && err.message ? err.message : String(err))); - } -}); -self.addEventListener("message", (event) => { - const data = event.data || {}; - (async () => { - try { - if (data && data.type === "PING") { - if (event.ports && event.ports[0]) event.ports[0].postMessage({ type: "PONG", ts: now(), ok: true }); - else broadcast({ type: "PONG", ts: now(), ok: true }); - 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 (event.ports && event.ports[0]) event.ports[0].postMessage(reply); - else broadcast(reply); - return; - } - if (data && data.type === "TEST_WRITE") { - if (!lfAvailable) { - const res = { type: "TEST_WRITE_RESULT", ok: false, error: "localforage unavailable: " + lfLoadError }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(res); - else broadcast(res); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - const tid = "sw-test-" + gid(); - 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 }] }; - threads.unshift(t); - const writeRes = await writeThreadsViaLocalForage(threads); - const out = { type: "TEST_WRITE_RESULT", ok: true, tid, writeRes }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); - else broadcast(out); - } catch (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); - } - return; - } - if (data && data.type === "READ_KEY") { - const key = data.key || THREADS_KEY; - if (!lfAvailable) { - 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); - return; - } - try { - const val = 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: parsed }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); - else broadcast(out); - } catch (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); - } - return; - } - if (data && data.type === "LIST_SW_SAVED") { - if (!lfAvailable) { - 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); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - 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, snippet: (m.content || "").slice(0, 200), updatedAt: m.updatedAt }); - } - } - const out = { type: "LIST_SW_SAVED_RESULT", ok: true, found }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); - else broadcast(out); - } catch (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); - } - return; - } - if (data && data.type === "CLEAR_TESTS") { - if (!lfAvailable) { - 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); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - const before = threads.length; - const cleaned = threads.filter((t) => !(t.id && String(t.id).startsWith("sw-test-"))); - await writeThreadsViaLocalForage(cleaned); - const removed = before - cleaned.length; - const out = { type: "CLEAR_TESTS_RESULT", ok: true, removed }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); - else broadcast(out); - } catch (err) { - const out = { type: "CLEAR_TESTS_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); - } - return; - } - } catch (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(!self.define){let e,i={};const t=(t,n)=>(t=new URL(t+".js",n).href,i[t]||new Promise(i=>{if("document"in self){const e=document.createElement("script");e.src=t,e.onload=i,document.head.appendChild(e)}else e=t,importScripts(t),i()}).then(()=>{let e=i[t];if(!e)throw new Error(`Module ${t} didn’t register its module`);return e}));self.define=(n,r)=>{const s=e||("document"in self?document.currentScript.src:"")||location.href;if(i[s])return;let o={};const c=e=>t(e,s),d={module:{uri:s},exports:o,require:c};i[s]=Promise.all(n.map(e=>d[e]||c(e))).then(e=>(r(...e),o))}}define(["./workbox-5ffe50d4"],function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"index.html",revision:"fe2a57a000e1a6fcbfee3259ef64fd43"},{url:"registerSW.js",revision:"1872c500de691dce40960bb85481de07"},{url:"manifest.webmanifest",revision:"7a6c5c6ab9cb5d3605d21df44c6b17a2"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))}); diff --git a/docs/workbox-5ffe50d4.js b/docs/workbox-5ffe50d4.js new file mode 100644 index 0000000..91e4520 --- /dev/null +++ b/docs/workbox-5ffe50d4.js @@ -0,0 +1 @@ +define(["exports"],function(t){"use strict";try{self["workbox:core:7.2.0"]&&_()}catch(t){}const e=(t,...e)=>{let s=t;return e.length>0&&(s+=` :: ${JSON.stringify(e)}`),s};class s extends Error{constructor(t,s){super(e(t,s)),this.name=t,this.details=s}}try{self["workbox:routing:7.2.0"]&&_()}catch(t){}const n=t=>t&&"object"==typeof t?t:{handle:t};class i{constructor(t,e,s="GET"){this.handler=n(e),this.match=t,this.method=s}setCatchHandler(t){this.catchHandler=n(t)}}class r extends i{constructor(t,e,s){super(({url:e})=>{const s=t.exec(e.href);if(s&&(e.origin===location.origin||0===s.index))return s.slice(1)},e,s)}}class o{constructor(){this.t=new Map,this.i=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",t=>{const{request:e}=t,s=this.handleRequest({request:e,event:t});s&&t.respondWith(s)})}addCacheListener(){self.addEventListener("message",t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,s=Promise.all(e.urlsToCache.map(e=>{"string"==typeof e&&(e=[e]);const s=new Request(...e);return this.handleRequest({request:s,event:t})}));t.waitUntil(s),t.ports&&t.ports[0]&&s.then(()=>t.ports[0].postMessage(!0))}})}handleRequest({request:t,event:e}){const s=new URL(t.url,location.href);if(!s.protocol.startsWith("http"))return;const n=s.origin===location.origin,{params:i,route:r}=this.findMatchingRoute({event:e,request:t,sameOrigin:n,url:s});let o=r&&r.handler;const c=t.method;if(!o&&this.i.has(c)&&(o=this.i.get(c)),!o)return;let a;try{a=o.handle({url:s,request:t,event:e,params:i})}catch(t){a=Promise.reject(t)}const h=r&&r.catchHandler;return a instanceof Promise&&(this.o||h)&&(a=a.catch(async n=>{if(h)try{return await h.handle({url:s,request:t,event:e,params:i})}catch(t){t instanceof Error&&(n=t)}if(this.o)return this.o.handle({url:s,request:t,event:e});throw n})),a}findMatchingRoute({url:t,sameOrigin:e,request:s,event:n}){const i=this.t.get(s.method)||[];for(const r of i){let i;const o=r.match({url:t,sameOrigin:e,request:s,event:n});if(o)return i=o,(Array.isArray(i)&&0===i.length||o.constructor===Object&&0===Object.keys(o).length||"boolean"==typeof o)&&(i=void 0),{route:r,params:i}}return{}}setDefaultHandler(t,e="GET"){this.i.set(e,n(t))}setCatchHandler(t){this.o=n(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(t){if(!this.t.has(t.method))throw new s("unregister-route-but-not-found-with-method",{method:t.method});const e=this.t.get(t.method).indexOf(t);if(!(e>-1))throw new s("unregister-route-route-not-registered");this.t.get(t.method).splice(e,1)}}let c;const a=()=>(c||(c=new o,c.addFetchListener(),c.addCacheListener()),c);function h(t,e,n){let o;if("string"==typeof t){const s=new URL(t,location.href);o=new i(({url:t})=>t.href===s.href,e,n)}else if(t instanceof RegExp)o=new r(t,e,n);else if("function"==typeof t)o=new i(t,e,n);else{if(!(t instanceof i))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});o=t}return a().registerRoute(o),o}const u={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},l=t=>[u.prefix,t,u.suffix].filter(t=>t&&t.length>0).join("-"),f=t=>t||l(u.precache),w=t=>t||l(u.runtime);function d(t,e){const s=e();return t.waitUntil(s),s}try{self["workbox:precaching:7.2.0"]&&_()}catch(t){}function p(t){if(!t)throw new s("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location.href);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new s("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location.href);return{cacheKey:t.href,url:t.href}}const i=new URL(n,location.href),r=new URL(n,location.href);return i.searchParams.set("__WB_REVISION__",e),{cacheKey:i.href,url:r.href}}class y{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:t,state:e})=>{e&&(e.originalRequest=t)},this.cachedResponseWillBeUsed=async({event:t,state:e,cachedResponse:s})=>{if("install"===t.type&&e&&e.originalRequest&&e.originalRequest instanceof Request){const t=e.originalRequest.url;s?this.notUpdatedURLs.push(t):this.updatedURLs.push(t)}return s}}}class g{constructor({precacheController:t}){this.cacheKeyWillBeUsed=async({request:t,params:e})=>{const s=(null==e?void 0:e.cacheKey)||this.h.getCacheKeyForURL(t.url);return s?new Request(s,{headers:t.headers}):t},this.h=t}}let R;async function m(t,e){let n=null;if(t.url){n=new URL(t.url).origin}if(n!==self.location.origin)throw new s("cross-origin-copy-response",{origin:n});const i=t.clone(),r={headers:new Headers(i.headers),status:i.status,statusText:i.statusText},o=e?e(r):r,c=function(){if(void 0===R){const t=new Response("");if("body"in t)try{new Response(t.body),R=!0}catch(t){R=!1}R=!1}return R}()?i.body:await i.blob();return new Response(c,o)}function v(t,e){const s=new URL(t);for(const t of e)s.searchParams.delete(t);return s.href}class q{constructor(){this.promise=new Promise((t,e)=>{this.resolve=t,this.reject=e})}}const U=new Set;try{self["workbox:strategies:7.2.0"]&&_()}catch(t){}function L(t){return"string"==typeof t?new Request(t):t}class b{constructor(t,e){this.u={},Object.assign(this,e),this.event=e.event,this.l=t,this.p=new q,this.R=[],this.m=[...t.plugins],this.v=new Map;for(const t of this.m)this.v.set(t,{});this.event.waitUntil(this.p.promise)}async fetch(t){const{event:e}=this;let n=L(t);if("navigate"===n.mode&&e instanceof FetchEvent&&e.preloadResponse){const t=await e.preloadResponse;if(t)return t}const i=this.hasCallback("fetchDidFail")?n.clone():null;try{for(const t of this.iterateCallbacks("requestWillFetch"))n=await t({request:n.clone(),event:e})}catch(t){if(t instanceof Error)throw new s("plugin-error-request-will-fetch",{thrownErrorMessage:t.message})}const r=n.clone();try{let t;t=await fetch(n,"navigate"===n.mode?void 0:this.l.fetchOptions);for(const s of this.iterateCallbacks("fetchDidSucceed"))t=await s({event:e,request:r,response:t});return t}catch(t){throw i&&await this.runCallbacks("fetchDidFail",{error:t,event:e,originalRequest:i.clone(),request:r.clone()}),t}}async fetchAndCachePut(t){const e=await this.fetch(t),s=e.clone();return this.waitUntil(this.cachePut(t,s)),e}async cacheMatch(t){const e=L(t);let s;const{cacheName:n,matchOptions:i}=this.l,r=await this.getCacheKey(e,"read"),o=Object.assign(Object.assign({},i),{cacheName:n});s=await caches.match(r,o);for(const t of this.iterateCallbacks("cachedResponseWillBeUsed"))s=await t({cacheName:n,matchOptions:i,cachedResponse:s,request:r,event:this.event})||void 0;return s}async cachePut(t,e){const n=L(t);var i;await(i=0,new Promise(t=>setTimeout(t,i)));const r=await this.getCacheKey(n,"write");if(!e)throw new s("cache-put-with-no-response",{url:(o=r.url,new URL(String(o),location.href).href.replace(new RegExp(`^${location.origin}`),""))});var o;const c=await this.q(e);if(!c)return!1;const{cacheName:a,matchOptions:h}=this.l,u=await self.caches.open(a),l=this.hasCallback("cacheDidUpdate"),f=l?await async function(t,e,s,n){const i=v(e.url,s);if(e.url===i)return t.match(e,n);const r=Object.assign(Object.assign({},n),{ignoreSearch:!0}),o=await t.keys(e,r);for(const e of o)if(i===v(e.url,s))return t.match(e,n)}(u,r.clone(),["__WB_REVISION__"],h):null;try{await u.put(r,l?c.clone():c)}catch(t){if(t instanceof Error)throw"QuotaExceededError"===t.name&&await async function(){for(const t of U)await t()}(),t}for(const t of this.iterateCallbacks("cacheDidUpdate"))await t({cacheName:a,oldResponse:f,newResponse:c.clone(),request:r,event:this.event});return!0}async getCacheKey(t,e){const s=`${t.url} | ${e}`;if(!this.u[s]){let n=t;for(const t of this.iterateCallbacks("cacheKeyWillBeUsed"))n=L(await t({mode:e,request:n,event:this.event,params:this.params}));this.u[s]=n}return this.u[s]}hasCallback(t){for(const e of this.l.plugins)if(t in e)return!0;return!1}async runCallbacks(t,e){for(const s of this.iterateCallbacks(t))await s(e)}*iterateCallbacks(t){for(const e of this.l.plugins)if("function"==typeof e[t]){const s=this.v.get(e),n=n=>{const i=Object.assign(Object.assign({},n),{state:s});return e[t](i)};yield n}}waitUntil(t){return this.R.push(t),t}async doneWaiting(){let t;for(;t=this.R.shift();)await t}destroy(){this.p.resolve(null)}async q(t){let e=t,s=!1;for(const t of this.iterateCallbacks("cacheWillUpdate"))if(e=await t({request:this.request,response:e,event:this.event})||void 0,s=!0,!e)break;return s||e&&200!==e.status&&(e=void 0),e}}class C{constructor(t={}){this.cacheName=w(t.cacheName),this.plugins=t.plugins||[],this.fetchOptions=t.fetchOptions,this.matchOptions=t.matchOptions}handle(t){const[e]=this.handleAll(t);return e}handleAll(t){t instanceof FetchEvent&&(t={event:t,request:t.request});const e=t.event,s="string"==typeof t.request?new Request(t.request):t.request,n="params"in t?t.params:void 0,i=new b(this,{event:e,request:s,params:n}),r=this.U(i,s,e);return[r,this.L(r,i,s,e)]}async U(t,e,n){let i;await t.runCallbacks("handlerWillStart",{event:n,request:e});try{if(i=await this._(e,t),!i||"error"===i.type)throw new s("no-response",{url:e.url})}catch(s){if(s instanceof Error)for(const r of t.iterateCallbacks("handlerDidError"))if(i=await r({error:s,event:n,request:e}),i)break;if(!i)throw s}for(const s of t.iterateCallbacks("handlerWillRespond"))i=await s({event:n,request:e,response:i});return i}async L(t,e,s,n){let i,r;try{i=await t}catch(r){}try{await e.runCallbacks("handlerDidRespond",{event:n,request:s,response:i}),await e.doneWaiting()}catch(t){t instanceof Error&&(r=t)}if(await e.runCallbacks("handlerDidComplete",{event:n,request:s,response:i,error:r}),e.destroy(),r)throw r}}class E extends C{constructor(t={}){t.cacheName=f(t.cacheName),super(t),this.C=!1!==t.fallbackToNetwork,this.plugins.push(E.copyRedirectedCacheableResponsesPlugin)}async _(t,e){const s=await e.cacheMatch(t);return s||(e.event&&"install"===e.event.type?await this.O(t,e):await this.N(t,e))}async N(t,e){let n;const i=e.params||{};if(!this.C)throw new s("missing-precache-entry",{cacheName:this.cacheName,url:t.url});{const s=i.integrity,r=t.integrity,o=!r||r===s;n=await e.fetch(new Request(t,{integrity:"no-cors"!==t.mode?r||s:void 0})),s&&o&&"no-cors"!==t.mode&&(this.k(),await e.cachePut(t,n.clone()))}return n}async O(t,e){this.k();const n=await e.fetch(t);if(!await e.cachePut(t,n.clone()))throw new s("bad-precaching-response",{url:t.url,status:n.status});return n}k(){let t=null,e=0;for(const[s,n]of this.plugins.entries())n!==E.copyRedirectedCacheableResponsesPlugin&&(n===E.defaultPrecacheCacheabilityPlugin&&(t=s),n.cacheWillUpdate&&e++);0===e?this.plugins.push(E.defaultPrecacheCacheabilityPlugin):e>1&&null!==t&&this.plugins.splice(t,1)}}E.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:t})=>!t||t.status>=400?null:t},E.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:t})=>t.redirected?await m(t):t};class O{constructor({cacheName:t,plugins:e=[],fallbackToNetwork:s=!0}={}){this.K=new Map,this.P=new Map,this.T=new Map,this.l=new E({cacheName:f(t),plugins:[...e,new g({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this.l}precache(t){this.addToCacheList(t),this.W||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this.W=!0)}addToCacheList(t){const e=[];for(const n of t){"string"==typeof n?e.push(n):n&&void 0===n.revision&&e.push(n.url);const{cacheKey:t,url:i}=p(n),r="string"!=typeof n&&n.revision?"reload":"default";if(this.K.has(i)&&this.K.get(i)!==t)throw new s("add-to-cache-list-conflicting-entries",{firstEntry:this.K.get(i),secondEntry:t});if("string"!=typeof n&&n.integrity){if(this.T.has(t)&&this.T.get(t)!==n.integrity)throw new s("add-to-cache-list-conflicting-integrities",{url:i});this.T.set(t,n.integrity)}if(this.K.set(i,t),this.P.set(i,r),e.length>0){const t=`Workbox is precaching URLs without revision info: ${e.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(t)}}}install(t){return d(t,async()=>{const e=new y;this.strategy.plugins.push(e);for(const[e,s]of this.K){const n=this.T.get(s),i=this.P.get(e),r=new Request(e,{integrity:n,cache:i,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:s},request:r,event:t}))}const{updatedURLs:s,notUpdatedURLs:n}=e;return{updatedURLs:s,notUpdatedURLs:n}})}activate(t){return d(t,async()=>{const t=await self.caches.open(this.strategy.cacheName),e=await t.keys(),s=new Set(this.K.values()),n=[];for(const i of e)s.has(i.url)||(await t.delete(i),n.push(i.url));return{deletedURLs:n}})}getURLsToCacheKeys(){return this.K}getCachedURLs(){return[...this.K.keys()]}getCacheKeyForURL(t){const e=new URL(t,location.href);return this.K.get(e.href)}getIntegrityForCacheKey(t){return this.T.get(t)}async matchPrecache(t){const e=t instanceof Request?t.url:t,s=this.getCacheKeyForURL(e);if(s){return(await self.caches.open(this.strategy.cacheName)).match(s)}}createHandlerBoundToURL(t){const e=this.getCacheKeyForURL(t);if(!e)throw new s("non-precached-url",{url:t});return s=>(s.request=new Request(t),s.params=Object.assign({cacheKey:e},s.params),this.strategy.handle(s))}}let x;const N=()=>(x||(x=new O),x);class k extends i{constructor(t,e){super(({request:s})=>{const n=t.getURLsToCacheKeys();for(const i of function*(t,{ignoreURLParametersMatching:e=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:n=!0,urlManipulation:i}={}){const r=new URL(t,location.href);r.hash="",yield r.href;const o=function(t,e=[]){for(const s of[...t.searchParams.keys()])e.some(t=>t.test(s))&&t.searchParams.delete(s);return t}(r,e);if(yield o.href,s&&o.pathname.endsWith("/")){const t=new URL(o.href);t.pathname+=s,yield t.href}if(n){const t=new URL(o.href);t.pathname+=".html",yield t.href}if(i){const t=i({url:r});for(const e of t)yield e.href}}(s.url,e)){const e=n.get(i);if(e){return{cacheKey:e,integrity:t.getIntegrityForCacheKey(e)}}}},t.strategy)}}t.NavigationRoute=class extends i{constructor(t,{allowlist:e=[/./],denylist:s=[]}={}){super(t=>this.j(t),t),this.M=e,this.S=s}j({url:t,request:e}){if(e&&"navigate"!==e.mode)return!1;const s=t.pathname+t.search;for(const t of this.S)if(t.test(s))return!1;return!!this.M.some(t=>t.test(s))}},t.cleanupOutdatedCaches=function(){self.addEventListener("activate",t=>{const e=f();t.waitUntil((async(t,e="-precache-")=>{const s=(await self.caches.keys()).filter(s=>s.includes(e)&&s.includes(self.registration.scope)&&s!==t);return await Promise.all(s.map(t=>self.caches.delete(t))),s})(e).then(t=>{}))})},t.clientsClaim=function(){self.addEventListener("activate",()=>self.clients.claim())},t.createHandlerBoundToURL=function(t){return N().createHandlerBoundToURL(t)},t.precacheAndRoute=function(t,e){!function(t){N().precache(t)}(t),function(t){const e=N();h(new k(e,t))}(e)},t.registerRoute=h}); diff --git a/public/sw.js b/public/sw.js deleted file mode 100644 index 0da426d..0000000 --- a/public/sw.js +++ /dev/null @@ -1,349 +0,0 @@ -// /sw.js -// 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 { - importScripts('https://cdn.jsdelivr.net/npm/localforage@1.10.0/dist/localforage.min.js'); -} catch (e) { - // importScripts may throw if blocked by CSP — we'll detect later and broadcast error -} - -// Config / constants -const TARGET_SUBSTRING = 'openrouter.ai/api/v1/chat/completions'; -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 now = () => Date.now(); - -let lfAvailable = (typeof localforage !== 'undefined'); -let lfLoadError = lfAvailable ? null : 'localforage not loaded (importScripts failed or blocked)'; - -async function broadcast(msg) { - try { - const clients = await self.clients.matchAll({ includeUncontrolled: true, type: 'window' }); - for (const c of clients) { - try { c.postMessage(msg); } catch (_) {} - } - } catch (_) {} -} - -function logDebug(text) { - // console and broadcast - 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); - 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); - // if value is a JSON string (fallback), try parse - if (typeof v === 'string') { - try { const parsed = JSON.parse(v); return Array.isArray(parsed) ? parsed : []; } catch { return []; } - } - return Array.isArray(v) ? v : []; - } catch (err) { - throw err; - } -} - -/* pick last thread heuristic (newest updatedAt) */ -function pickLastThread(threads) { - if (!threads || threads.length === 0) return null; - const sorted = [...threads].sort((a,b) => (b.updatedAt||0) - (a.updatedAt||0)); - return sorted[0]; -} - -/* upsert assistant message with sw_streamId into thread object */ -function upsertAssistantInThreadObj(threadObj, streamId, text) { - threadObj.updatedAt = now(); - threadObj.messages = threadObj.messages || []; - for (let i = threadObj.messages.length - 1; i >= 0; i--) { - const m = threadObj.messages[i]; - if (m && m.sw_streamId === streamId) { - m.content = text; - m.contentParts = [{ type:'text', text }]; - m.updatedAt = now(); - m._sw_savedAt = now(); - return threadObj; - } - } - // append - const msg = { - id: 'swmsg-' + gid(), - role: 'assistant', - content: text, - contentParts: [{ type:'text', text }], - kind: 'assistant', - sw_saved: true, - sw_streamId: streamId, - createdAt: now(), - updatedAt: now(), - _sw_savedAt: now() - }; - threadObj.messages.push(msg); - return threadObj; -} - -/* 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 */ -self.addEventListener('install', ev => { self.skipWaiting(); }); -self.addEventListener('activate', ev => { ev.waitUntil(self.clients.claim()); }); - -/* in-memory state */ -const state = { totalIntercepted: 0, activeStreams: {}, lastStream: null }; - -/* fetch handler */ -self.addEventListener('fetch', event => { - try { - const url = String(event.request.url || ''); - if (!url.includes(TARGET_SUBSTRING)) return; // not relevant - event.respondWith((async () => { - const upstream = await fetch(event.request); - if (!upstream || !upstream.body) return upstream; - - const streamId = 'sw-' + gid(); - const meta = { url, startedAt: now(), bytes: 0, status: 'started' }; - state.totalIntercepted = (state.totalIntercepted || 0) + 1; - state.activeStreams[streamId] = meta; - broadcast({ type: 'sw-intercept-start', streamId, meta }); - - const [clientStream, swStream] = upstream.body.tee(); - - const saveTask = (async () => { - const reader = swStream.getReader(); - const decoder = new TextDecoder('utf-8'); - let acc = ''; - let sinceBytes = 0; - 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 { - while (true) { - const { value, done } = await reader.read(); - if (done) break; - let chunk = ''; - try { chunk = decoder.decode(value, { stream: true }); } catch (e) { chunk = ''; } - acc += chunk; - const bytes = value ? (value.byteLength || 0) : chunk.length; - meta.bytes += bytes; - sinceBytes += bytes; - // flush according to thresholds - await maybeFlush(false); - } - // final flush - await maybeFlush(true); - meta.status = 'finished'; - meta.endedAt = now(); - 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) { - meta.status = 'error'; - 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 - event.waitUntil(saveTask); - - return new Response(clientStream, { - status: upstream.status, - statusText: upstream.statusText, - headers: upstream.headers - }); - })()); - } catch (err) { - logDebug('fetch handler top-level error: ' + (err && err.message ? err.message : String(err))); - } -}); - -/* message handler for debug commands */ -self.addEventListener('message', event => { - const data = event.data || {}; - (async () => { - try { - if (data && data.type === 'PING') { - if (event.ports && event.ports[0]) event.ports[0].postMessage({ type:'PONG', ts: now(), ok:true }); - else broadcast({ type:'PONG', ts: now(), ok:true }); - 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 (event.ports && event.ports[0]) event.ports[0].postMessage(reply); - else broadcast(reply); - return; - } - - if (data && data.type === 'TEST_WRITE') { - if (!lfAvailable) { - const res = { type:'TEST_WRITE_RESULT', ok:false, error: 'localforage unavailable: ' + lfLoadError }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(res); else broadcast(res); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - const tid = 'sw-test-' + gid(); - 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 } ] }; - threads.unshift(t); - const writeRes = await writeThreadsViaLocalForage(threads); - const out = { type:'TEST_WRITE_RESULT', ok:true, tid, writeRes }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); - } catch (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); - } - return; - } - - if (data && data.type === 'READ_KEY') { - const key = data.key || THREADS_KEY; - if (!lfAvailable) { - 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); - return; - } - try { - const val = 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: parsed }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); - } catch (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); - } - return; - } - - if (data && data.type === 'LIST_SW_SAVED') { - if (!lfAvailable) { - 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); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - 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, snippet: (m.content||'').slice(0,200), updatedAt: m.updatedAt }); - } - } - const out = { type:'LIST_SW_SAVED_RESULT', ok:true, found }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); - } catch (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); - } - return; - } - - if (data && data.type === 'CLEAR_TESTS') { - if (!lfAvailable) { - 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); - return; - } - try { - const threads = await readThreadsViaLocalForage(); - const before = threads.length; - const cleaned = threads.filter(t => !(t.id && String(t.id).startsWith('sw-test-'))); - await writeThreadsViaLocalForage(cleaned); - const removed = before - cleaned.length; - const out = { type:'CLEAR_TESTS_RESULT', ok:true, removed }; - if (event.ports && event.ports[0]) event.ports[0].postMessage(out); else broadcast(out); - } catch (err) { - const out = { type:'CLEAR_TESTS_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); - } - return; - } - - } catch (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); - } - })(); -}); diff --git a/vite.config.js b/vite.config.js index d9ac4ee..8e53061 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,10 +3,7 @@ import { VitePWA } from 'vite-plugin-pwa' import { createHtmlPlugin } from 'vite-plugin-html' const pwa = VitePWA({ - strategies: 'injectManifest', registerType: 'autoUpdate', - injectManifest: { injectionPoint: undefined }, - devOptions: { enabled: true }, manifest: { id: 'https://sune.planetrenox.com/', name: 'Sune',