Say if no personalizations and some caching

Author: reedspool

html.js

@@ -95,6 +95,9 @@ export const RootBody = ({ rooms, whoIsInTheHub, personalizations }) => {
     Each personalization is applied and then repeated as escaped HTML in text
     form so you can see exactly what's going on.
   </p>`;
+  if (!personalizations || personalizations.length === 0) {
+    body += html`<p><em>You have no personalizations</em></p>`;
+  }
   body += `<ul>`;
   body += personalizations
     .map((url) => {
@@ -189,17 +192,19 @@ export const Personalization = ({
 
     <a href="/">Back to RCVerse Home</a>
 
-    <ol>
-      ${personalizations
-        .map((url, index) =>
-          PersonalizationListItem({
-            url,
-            index,
-            total: personalizations.length,
-          }),
-        )
-        .join("\n")}
-    </ol>
+    ${!personalizations || personalizations.length == 0
+      ? html`<p><em>You have no personalizations</em></p>`
+      : html`<ol>
+          ${personalizations
+            .map((url, index) =>
+              PersonalizationListItem({
+                url,
+                index,
+                total: personalizations.length,
+              }),
+            )
+            .join("\n")}
+        </ol>`}
 
     <h2>Add personalization</h2>
 

public/service-worker-driver.js

@@ -46,14 +46,15 @@ self.addEventListener("install", async function (event) {
     event,
   );
 
-  // TODO: Make index.html into a shell that can be cached and loaded instantly
-  // event.waitUntil(
-  //   caches.open(RCVERSE_SERVICE_WORKER_CACHE_NAME).then(function (cache) {
-  //     return cache.addAll([
-  //       "index.html"
-  //     ]);
-  //   }),
-  // );
+  event.waitUntil(
+    caches.open(RCVERSE_SERVICE_WORKER_CACHE_NAME).then(function (cache) {
+      return cache.addAll([
+        // TODO: Make index.html into a shell that can be cached and loaded instantly
+        //        "index.html"
+        "favicon.ico",
+      ]);
+    }),
+  );
 
   // TODO: Not sure when skipWaiting is necessary.
   //       https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/skipWaiting
@@ -85,7 +86,8 @@ self.addEventListener("fetch", async function (event) {
     // There's two URLs by which these are served?
     event.request.url.match(
       /https:\/\/assets.recurse.com\/rails\/active_storage\/representations/,
-    )
+    ) ||
+    event.request.url.startsWith("https://unpkg.com/htmx.org")
   ) {
     event.respondWith(cacheFirst(event.request));
     return;