From fa4524ab80a39492f390c601bf9d3afc90a6e767 Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <icid.asset@gmail.com>
Date: Sat, 21 May 2022 22:15:37 +0200
Subject: [PATCH] Closes #325

---
 Justfile                | 2 +-
 src/Javascript/index.js | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/Justfile b/Justfile
index 13995122..9349a06f 100644
--- a/Justfile
+++ b/Justfile
@@ -44,7 +44,7 @@ default: dev
 	{{NPM_DIR}}/.bin/tailwind \
 		--input {{SRC_DIR}}/Css/Application.css \
 		--output {{BUILD_DIR}}/application.css \
-		--content "{{SRC_DIR}}/Static/Html/**/*.*,{{SRC_DIR}}/Applications/UI/**/*.elm,{{SRC_DIR}}/Applications/UI.elm,{{SRC_DIR}}/Library/**/*.elm" \
+		--content "{{SRC_DIR}}/Static/Html/**/*.*,{{SRC_DIR}}/Applications/UI/**/*.elm,{{SRC_DIR}}/Applications/UI.elm,{{SRC_DIR}}/Library/**/*.elm,{{SRC_DIR}}/Javascript/**/*.js" \
 		--config {{SYSTEM_DIR}}/Css/Tailwind.js \
 		--postcss {{SYSTEM_DIR}}/Css/PostCSS.js \
 		--jit \
diff --git a/src/Javascript/index.js b/src/Javascript/index.js
index 074c89b5..aca9d2ad 100644
--- a/src/Javascript/index.js
+++ b/src/Javascript/index.js
@@ -36,10 +36,12 @@ if (location.hostname.endsWith("diffuse.sh") && location.protocol === "http:") {
   navigator.serviceWorker.register("service-worker.js").then(
     initialise,
     err => {
+      const isFirefox = navigator.userAgent.toLowerCase().includes("firefox")
+
       console.error(err)
       return failure(
-        location.protocol === "https:"
-          ? "Failed to start the service worker."
+        location.protocol === "https:" || location.hostname === "localhost"
+          ? "Failed to start the service worker." + (isFirefox ? " Make sure the setting <strong>Delete cookies and site data when Firefox is closed</strong> is off, or Diffuse's domain is added as an exception." : "")
           : "Failed to start the service worker, try using HTTPS."
       )
     }
@@ -100,7 +102,7 @@ function failure(text) {
       <img src="../images/diffuse-light.svg" />
     </a>
 
-    <p class="opacity-60">
+    <p class="max-w-sm opacity-60">
       ${text}
     </p>
   `
-- 
2.54.0