From 2fa7e01b3a9ac298186b408578a8680203d612d1 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Wed, 15 Jul 2026 16:42:23 +0200
Subject: [PATCH] fuck chromium! its a shit browser

---
 public/s/js/f0ckm.js       | 21 ++++++++++++++-------
 public/s/js/settings.js    |  9 ++++++---
 views/snippets/footer.html | 31 +++++++++++++++++++++++++++----
 3 files changed, 47 insertions(+), 14 deletions(-)

diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index 2e597f5..2f82a83 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -198,12 +198,21 @@ window.cancelAnimFrame = (function () {
     // ── Synchronous first pass: load all thumbs currently visible in the viewport ──
     // IntersectionObserver fires asynchronously — visible items would show skeleton
     // for a brief frame. This eliminates that by loading them in the same JS tick.
+    //
+    // IMPORTANT: batch all getBoundingClientRect() reads before any writes.
+    // Chromium invalidates its layout cache on every DOM write, so interleaving
+    // reads (getBoundingClientRect) and writes (classList.add, style.setProperty)
+    // inside one loop causes one full layout recalculation per thumbnail — O(n) thrash.
+    // Separating into a read pass then a write pass means a single layout flush.
     const vw = window.innerWidth;
     const vh = window.innerHeight;
-    document.querySelectorAll('.lazy-thumb').forEach(thumb => {
-        if (thumb.classList.contains('loaded')) return;
-        const r = thumb.getBoundingClientRect();
-        // In viewport (with a small tolerance for partially visible items)
+    const unloadedThumbs = Array.from(document.querySelectorAll('.lazy-thumb'))
+        .filter(t => !t.classList.contains('loaded'));
+    // ── Read phase: one layout flush for all rects ──
+    const thumbRects = unloadedThumbs.map(t => t.getBoundingClientRect());
+    // ── Write phase: no layout reads ──
+    unloadedThumbs.forEach((thumb, i) => {
+        const r = thumbRects[i];
         if (r.bottom > 0 && r.top < vh && r.right > 0 && r.left < vw) {
             const finalBg = getFinalBg(thumb);
             if (finalBg) {
@@ -215,7 +224,6 @@ window.cancelAnimFrame = (function () {
                     img.onload = () => applyThumb(thumb, finalBg);
                     img.onerror = () => thumb.classList.remove('lazy-thumb');
                 }
-                // Mark so the observer doesn't double-process it
                 thumb.dataset.lazyObserved = 'true';
             }
         }
@@ -2491,7 +2499,6 @@ window.cancelAnimFrame = (function () {
 
       const isRandom = document.cookie.includes('random_mode=1') || url.includes('random=1') || window.location.search.includes('random=1');
       if (isRandom) ajaxUrl += `&random=1`;
-      ajaxUrl += `&_t=${Date.now()}`;
       const isStrict = window.f0ckSession?.strict_mode || (localStorage.getItem('search_strict') === 'true');
       if (isStrict || url.includes('strict=1') || window.location.search.includes('strict=1')) {
         ajaxUrl += (ajaxUrl.includes('?') ? '&' : '?') + 'strict=1';
@@ -2499,7 +2506,7 @@ window.cancelAnimFrame = (function () {
 
       const needsFullHtmlFetch = isProfile || isUserHall || isUserHalls || isTags || isHall || isHalls || isComments || isNotifs || isAdmin || isMod || isSettings || isStatic || isMessages || isAbyss;
 
-      const fetchHeaders = { 'Credentials': 'include', 'Cache-Control': 'no-cache' };
+      const fetchHeaders = { 'Credentials': 'include' };
       if (!needsFullHtmlFetch) {
         fetchHeaders['X-Requested-With'] = 'XMLHttpRequest';
       }
diff --git a/public/s/js/settings.js b/public/s/js/settings.js
index cef531e..3aae817 100644
--- a/public/s/js/settings.js
+++ b/public/s/js/settings.js
@@ -1815,9 +1815,12 @@
                     const streamUrl = `/api/v2/export/stream?id=${streamId}&filename=${encodeURIComponent(suggestedFileName)}`;
                     const worker = new Worker(URL.createObjectURL(new Blob([workerCode], { type: 'application/javascript' })));
                     
-                    // The SW must be controlling this page to intercept /api/v2/export/stream.
-                    // .controller is null after hard refresh — in that case, reload once.
-                    const sw = navigator.serviceWorker.controller;
+                    // The SW must be controlling this page or be active to intercept /api/v2/export/stream.
+                    let sw = navigator.serviceWorker.controller;
+                    if (!sw) {
+                        const reg = await navigator.serviceWorker.getRegistration('/api/v2/export/');
+                        sw = reg ? reg.active : null;
+                    }
                     if (!sw) {
                         worker.terminate();
                         exportStatusMsg.textContent = 'Reloading to activate Service Worker...';
diff --git a/views/snippets/footer.html b/views/snippets/footer.html
index 2b92566..b1b9b30 100644
--- a/views/snippets/footer.html
+++ b/views/snippets/footer.html
@@ -618,10 +618,33 @@
 <script>
   if ('serviceWorker' in navigator) {
     window.addEventListener('load', () => {
-      navigator.serviceWorker.register('/sw.js').then((registration) => {
-        window.f0ckDebug('ServiceWorker registration successful with scope: ', registration.scope);
-      }, (err) => {
-        window.f0ckDebug('ServiceWorker registration failed: ', err);
+      navigator.serviceWorker.getRegistrations().then((registrations) => {
+        let rootFound = false;
+        let scopedFound = false;
+
+        for (let r of registrations) {
+          try {
+            const scopePath = new URL(r.scope).pathname;
+            if (scopePath === '/') {
+              r.unregister().then(() => {
+                console.log('[SW] Root ServiceWorker cleaned up.');
+              });
+              rootFound = true;
+            } else if (scopePath === '/api/v2/export/') {
+              scopedFound = true;
+            }
+          } catch (e) {}
+        }
+
+        // Register the scoped service worker so that exports still work on settings page
+        // without intercepting normal site requests.
+        if (!scopedFound || rootFound) {
+          navigator.serviceWorker.register('/sw.js', { scope: '/api/v2/export/' }).then((registration) => {
+            window.f0ckDebug('ServiceWorker registered with scoped path: ', registration.scope);
+          }).catch((err) => {
+            window.f0ckDebug('ServiceWorker registration failed: ', err);
+          });
+        }
       });
     });
   }