Update sw.js+registration script fix Clog Ui of reader Tab

Pro-Bandey · Pro-Bandey · commit 64e4729957d0 · 2026-06-06T11:53:13.000+05:00
diff --git a/404.html b/404.html
@@ -20,7 +20,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/About/index.html b/About/index.html
@@ -20,7 +20,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/Clog/index.html b/Clog/index.html
@@ -21,7 +21,7 @@
 
 
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
@@ -182,14 +182,15 @@ <h1 class="reader-title" id="full-title">Loading...</h1>
                                     <span class="meta-label">Published</span>
                                     <span class="meta-value" id="full-date">--/--/----</span>
                                 </div>
-                                <div class="meta-item" style="flex-grow: 1;">
-                                    <span class="meta-label">Tags & Categories</span>
-                                    <div class="reader-tags" id="full-tags"></div>
-                                </div>
                             </div>
                         </div>
 
-                        <div class="markdown-body" id="full-body">
+                        <div class="markdown-body" id="full-body"></div>
+                        <div class="reader-meta-bottom">
+                            <div class="meta-item" style="flex-grow: 1;">
+                                <span class="meta-label">Tags & Categories</span>
+                                <div class="reader-tags" id="full-tags"></div>
+                            </div>
                         </div>
                     </div>
                 </article>
diff --git a/Contact/index.html b/Contact/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/Contact">
diff --git a/CopyRight/index.html b/CopyRight/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>    
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/CopyRight">
diff --git a/License/index.html b/License/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>     
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/License">
diff --git a/Media/index.html b/Media/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>     
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/Media">
diff --git a/Privacy/index.html b/Privacy/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/Privacy">
diff --git a/Redirect/index.html b/Redirect/index.html
@@ -20,7 +20,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/SystemMap/index.html b/SystemMap/index.html
@@ -22,7 +22,7 @@
 
 
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/Terms/index.html b/Terms/index.html
@@ -14,7 +14,7 @@
     
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/Terms">
diff --git a/css/clog.css b/css/clog.css
@@ -433,6 +433,15 @@
     margin-bottom: 2rem;
 }
 
+.reader-meta-bottom {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    border-top: 1px solid var(--glass-border);
+    padding-top: 1.5rem;
+    margin-top: 2rem;
+}
+
 @media (min-width: 600px) {
     .reader-meta {
         gap: 1.5rem;
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
 
 
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/js/clog.js b/js/clog.js
@@ -241,7 +241,7 @@ async function loadAndRenderFullPost(logId) {
         document.getElementById('full-meta-block').style.display = 'block';
         const catBadges = (postData.Categories || dbEntry.Cat || []).map(c => `<span class="badge-cat" style="position:static;">${c}</span>`).join('');
         const tagBadges = (postData.Tags || dbEntry.Tags || []).map(t => `<button class="tag-btn" onclick="clickFilter('tg', '${t}'); exitReaderView();">#${t}</button>`).join('');
-        document.getElementById('full-tags').innerHTML = catBadges + tagBadges;
+        document.getElementById('full-tags').innerHTML = `<div class="flex flex-wrap gap-1">${catBadges}</div><div class="flex flex-wrap gap-1">${tagBadges}</div>`;
         const bodyContainer = document.getElementById('full-body');
         if (window.marked) bodyContainer.innerHTML = marked.parse(postData.Data || "");
         else bodyContainer.innerHTML = `<p class="txt-mrc">Parsing Engine Offline.</p><pre>${postData.Data}</pre>`;
diff --git a/mrd/index.html b/mrd/index.html
@@ -25,7 +25,7 @@
 
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script> 
     <link rel="canonical" href="https://mainroute-core.github.io/mrd/">
     <link href="/src/MRd Official CameraLight Logo.png" rel="data" />
diff --git a/offline.html b/offline.html
@@ -22,7 +22,7 @@
 
     <!-- <script>navigator.serviceWorker.register("/js/sw.js")</script>  -->
     <script>
-        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('✅ Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('❌ Service Worker Registration Failed:', err); }); }); }
+        if ('serviceWorker' in navigator) { window.addEventListener('load', () => { navigator.serviceWorker.register('/sw.js') .then(reg => { console.log('Core Service Worker Active. Scope:', reg.scope); }) .catch(err => { console.error('× Service Worker Registration Failed:', err); }); }); }
     </script>
     <link rel="manifest" href="/manifest.webmanifest">
     <link rel="canonical" href="https://mainroute-core.github.io/">
diff --git a/sw.js b/sw.js
@@ -1,103 +1,80 @@
-const CACHE_NAME = 'mr-core-cache-v3';
-const OFFLINE_URL = '/offline.html';
+const CACHE_NAME = "mr-core-cache-v3";
+const OFFLINE_URL = "/offline.html";
 
-/**
- * 1. PRECACHE CORE ASSETS
- * These files are downloaded immediately when the user visits the site.
- * This ensures your Offline Page looks beautiful (has fonts & logos) even without internet.
- */
 const CORE_ASSETS = [
     OFFLINE_URL,
-    '/manifest.webmanifest',
-    '/src/CoreSans-Regular_en.otf',
-    '/src/mrc-nuca.svg'
+    "/manifest.webmanifest",
+    "/src/CoreSans-Regular_en.otf",
+    "/src/mrc-nuca.svg",
 ];
 
-/**
- * 2. INSTALL EVENT
- * Triggered when the service worker is first registered.
- */
-self.addEventListener('install', event => {
-    self.skipWaiting(); // Forces the waiting service worker to become the active service worker
+self.addEventListener("install", (event) => {
+    self.skipWaiting();
     event.waitUntil(
-        caches.open(CACHE_NAME).then(cache => {
-            console.log('[SW] Precaching Core Assets');
+        caches.open(CACHE_NAME).then((cache) => {
+            console.log("[SW] Precaching Core Assets");
             return cache.addAll(CORE_ASSETS);
-        })
+        }),
     );
 });
 
-/**
- * 3. ACTIVATE EVENT
- * Triggered when the service worker takes control. Great for cleaning up old caches.
- */
-self.addEventListener('activate', event => {
+self.addEventListener("activate", (event) => {
     event.waitUntil(
-        caches.keys().then(cacheNames => {
-            return Promise.all(
-                cacheNames.map(cache => {
-                    if (cache !== CACHE_NAME) {
-                        console.log('[SW] Clearing old cache:', cache);
-                        return caches.delete(cache);
-                    }
-                })
-            );
-        }).then(() => self.clients.claim())
+        caches
+            .keys()
+            .then((cacheNames) => {
+                return Promise.all(
+                    cacheNames.map((cache) => {
+                        if (cache !== CACHE_NAME) {
+                            console.log("[SW] Clearing old cache:", cache);
+                            return caches.delete(cache);
+                        }
+                    }),
+                );
+            })
+            .then(() => self.clients.claim()),
     );
 });
 
-/**
- * 4. FETCH EVENT (THE BOOSTED ROUTER)
- * Intercepts all network requests and applies performance strategies.
- */
-self.addEventListener('fetch', event => {
+self.addEventListener("fetch", (event) => {
     const request = event.request;
 
-    // Ignore non-GET requests (like form submissions)
-    if (request.method !== 'GET') return;
+    if (request.method !== "GET") return;
 
-    // ====================================================================
-    // STRATEGY 1: HTML PAGES (Network First, Fallback to Cache, Fallback to Offline)
-    // ====================================================================
-    if (request.mode === 'navigate' || request.headers.get('accept').includes('text/html')) {
+    if (
+        request.mode === "navigate" ||
+        request.headers.get("accept").includes("text/html")
+    ) {
         event.respondWith(
             fetch(request)
-                .then(response => {
-                    // If online, save a copy of this page to the cache for future offline visits
+                .then((response) => {
                     const clone = response.clone();
-                    caches.open(CACHE_NAME).then(cache => cache.put(request, clone));
+                    caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
                     return response;
                 })
                 .catch(async () => {
-                    // If offline, check if we have visited this page before
                     const cachedResponse = await caches.match(request);
                     if (cachedResponse) return cachedResponse;
-                    
-                    // If offline and never visited this page, serve the custom offline.html
                     return caches.match(OFFLINE_URL);
-                })
+                }),
         );
         return;
     }
 
-    // ====================================================================
-    // STRATEGY 2: STATIC ASSETS (Stale-While-Revalidate)
-    // Fonts, Images, CSS, JS
-    // ====================================================================
-    if (['font', 'image', 'style', 'script'].includes(request.destination)) {
+    if (["font", "image", "style", "script"].includes(request.destination)) {
         event.respondWith(
-            caches.match(request).then(cachedResponse => {
-                // Fetch fresh asset from network in the background
-                const fetchPromise = fetch(request).then(networkResponse => {
-                    caches.open(CACHE_NAME).then(cache => {
-                        cache.put(request, networkResponse.clone());
-                    });
-                    return networkResponse;
-                }).catch(() => null); // Silently fail if offline
+            caches.match(request).then((cachedResponse) => {
+                const fetchPromise = fetch(request)
+                    .then((networkResponse) => {
+                        caches.open(CACHE_NAME).then((cache) => {
+                            cache.put(request, networkResponse.clone());
+                        });
+                        return networkResponse;
+                    })
+                    .catch(() => null);
 
-                // Return cached asset IMMEDIATELY (blazing fast), or wait for network if not cached
                 return cachedResponse || fetchPromise;
-            })
+            }),
         );
         return;
     }
