@rmdes/indiekit-frontend 1.0.0-beta.35 → 1.0.0-beta.37

package/components/sidebar/template.njk

@@ -93,8 +93,24 @@
       </ul>
     </div>
 
+    {# --- FEDIVERSE --- #}
+    <div class="sidebar__group">
+      <span class="sidebar__group-label">Fediverse</span>
+      <ul class="sidebar__list" role="list">
+        {% for item in items %}{% if item.href and item.text %}
+          {% if "/activitypub" in item.href %}
+          <li class="sidebar__list-item">
+            <a href="{{ item.href }}"{{- attributes(item.attributes) }}>
+              {{- item.text | safe -}}
+            </a>
+          </li>
+          {% endif %}
+        {% endif %}{% endfor %}
+      </ul>
+    </div>
+
     {# --- UNCATEGORIZED (catch-all for future plugins) --- #}
-    {% set knownPaths = ["/posts", "/files", "/microsub", "/webmention", "/blogroll", "/podroll", "/homepage", "/cv", "/github", "/lastfm", "/funkwhale", "/youtube", "/rss"] %}
+    {% set knownPaths = ["/posts", "/files", "/microsub", "/webmention", "/blogroll", "/podroll", "/homepage", "/cv", "/github", "/lastfm", "/funkwhale", "/youtube", "/rss", "/activitypub"] %}
     {% set hasOther = [] %}
     {% for item in items %}{% if item.href and item.text %}
       {% set matched = false %}

package/lib/serviceworker.js

@@ -76,17 +76,6 @@ async function clearOldCaches() {
   }
 }
 
-/**
- * Clear the pages cache so stale HTML (with old asset references) is not served
- */
-async function clearPagesCache() {
-  try {
-    await caches.delete(pagesCacheName);
-  } catch (error) {
-    console.error("Error clearing pages cache", error);
-  }
-}
-
 /**
  * Notify all clients that the service worker has been updated
  */
@@ -162,44 +151,53 @@ self.addEventListener("fetch", (event) => {
     return;
   }
 
-  // For HTML requests, try network with timeout, fall back to cache
+  // For HTML requests: network-first with conditional timeout
+  // - If a cached version exists: race network against timeout, serve cache on timeout
+  // - If no cached version: wait for network without timeout (avoid premature "Offline")
   if (
     request.mode === "navigate" ||
     (request.headers.get("Accept") || "").includes("text/html")
   ) {
     event.respondWith(
       (async () => {
+        // Check cache and start network fetch in parallel
+        const cachedResponse = await caches.match(request);
+        const networkFetch = (async () => {
+          const preloadResponse = await Promise.resolve(event.preloadResponse);
+          return preloadResponse || (await fetch(request));
+        })();
+
         try {
-          // Race network against a timeout for faster fallback on slow connections
-          const responseFromPreloadOrFetch = await Promise.race([
-            (async () => {
-              const preloadResponse = await Promise.resolve(
-                event.preloadResponse,
-              );
-              return preloadResponse || (await fetch(request));
-            })(),
-            new Promise((_, reject) =>
-              setTimeout(() => reject(new Error("Network timeout")), timeout),
-            ),
-          ]);
+          // Only apply timeout when we have a cached fallback.
+          // Without a cache, it's better to wait for the network (loading spinner)
+          // than to show "Offline" after 5 seconds on a slow backend.
+          const responseFromNetwork = cachedResponse
+            ? await Promise.race([
+                networkFetch,
+                new Promise((_, reject) =>
+                  setTimeout(
+                    () => reject(new Error("Network timeout")),
+                    timeout,
+                  ),
+                ),
+              ])
+            : await networkFetch;
 
           // NETWORK succeeded — cache and serve
           try {
-            const copy = responseFromPreloadOrFetch.clone();
+            const copy = responseFromNetwork.clone();
             const pagesCache = await caches.open(pagesCacheName);
             await pagesCache.put(request, copy);
           } catch (cacheError) {
             console.error("Failed to cache page:", cacheError);
           }
 
-          return responseFromPreloadOrFetch;
+          return responseFromNetwork;
         } catch {
-          // NETWORK failed or timed out — fall back to cache
-          const responseFromCache = await caches.match(request);
-          const offlineResponse = await caches.match("/offline");
+          // NETWORK failed or timed out — fall back to cache or offline
           return (
-            responseFromCache ||
-            offlineResponse ||
+            cachedResponse ||
+            (await caches.match("/offline")) ||
             new Response("Offline", {
               status: 503,
               statusText: "Service Unavailable",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-frontend",
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.37",
   "description": "Frontend components for Indiekit (fork with floating toolbar)",
   "keywords": [
     "express",