Idle-Fantasy-Save-Viewer/static/pwa.js

/* PWA – service worker registration and install hint */

const Pwa = (() => {
  const DISMISS_KEY = "pwa-hint-dismissed";
  let deferredPrompt = null;
  let refreshInstallHint = null;
  let hintBound = false;

  function isStandalone() {
    return window.matchMedia("(display-mode: standalone)").matches
      || window.navigator.standalone === true;
  }

  function detectPlatform() {
    const ua = navigator.userAgent;
    if (/iPad|iPhone|iPod/.test(ua)) return "ios";
    if (/Android/.test(ua)) return "android";
    return "desktop";
  }

  function swConfig() {
    const viewerId = document.body?.dataset?.viewerId;
    if (viewerId && viewerId !== "local") {
      return { url: `/v/${viewerId}/sw.js`, scope: `/v/${viewerId}/` };
    }
    return { url: "/sw.js", scope: "/" };
  }

  async function registerServiceWorker() {
    if (!("serviceWorker" in navigator)) return;
    const { url, scope } = swConfig();
    try {
      await navigator.serviceWorker.register(url, { scope });
    } catch {
      /* SW is optional – manual install instructions still apply */
    }
  }

  function platformHintKey() {
    const platform = detectPlatform();
    if (platform === "ios") return "pwa.hintIos";
    if (platform === "android") return "pwa.hintAndroid";
    return "pwa.hintDesktop";
  }

  function hideHint(hint, { persist = true } = {}) {
    if (persist) {
      try {
        localStorage.setItem(DISMISS_KEY, "1");
      } catch {
        /* private mode with storage blocked – still hide for this session */
      }
    }
    hint.hidden = true;
    hint.classList.add("is-dismissed");
  }

  function showHint(hint) {
    hint.hidden = false;
    hint.classList.remove("is-dismissed");
  }

  function bindHintActions(hint) {
    if (hintBound) return;
    hintBound = true;

    hint.addEventListener("click", (event) => {
      if (event.target.closest(".pwa-hint-dismiss")) {
        event.preventDefault();
        hideHint(hint);
      }
    });
  }

  function setupInstallHint() {
    const hint = document.getElementById("pwa-install-hint");
    if (!hint) return null;

    bindHintActions(hint);

    if (isStandalone()) {
      hideHint(hint, { persist: false });
      return null;
    }
    if (localStorage.getItem(DISMISS_KEY) === "1") {
      hideHint(hint, { persist: false });
      return null;
    }

    const body = document.getElementById("pwa-hint-body");
    const installBtn = document.getElementById("pwa-install-btn");
    const dismissBtn = hint.querySelector(".pwa-hint-dismiss");

    const updateHintText = () => {
      const title = hint.querySelector("[data-i18n='pwa.hintTitle']");
      if (title) title.textContent = t("pwa.hintTitle");
      if (body && !deferredPrompt) body.textContent = t(platformHintKey());
      if (body && deferredPrompt) body.textContent = t("pwa.hintBody");
      if (dismissBtn) dismissBtn.setAttribute("aria-label", t("actions.dismiss"));
      if (installBtn && !installBtn.hidden) installBtn.textContent = t("pwa.install");
    };

    showHint(hint);
    updateHintText();

    window.addEventListener("beforeinstallprompt", (e) => {
      e.preventDefault();
      deferredPrompt = e;
      if (installBtn) installBtn.hidden = false;
      if (body) body.textContent = t("pwa.hintBody");
      updateHintText();
    });

    installBtn?.addEventListener("click", async () => {
      if (!deferredPrompt) return;
      deferredPrompt.prompt();
      const { outcome } = await deferredPrompt.userChoice;
      deferredPrompt = null;
      installBtn.hidden = true;
      if (outcome === "accepted") {
        if (body) body.textContent = t("pwa.installed");
        setTimeout(() => { hideHint(hint); }, 3000);
      } else {
        updateHintText();
      }
    });

    return updateHintText;
  }

  async function init() {
    refreshInstallHint = setupInstallHint();
    await registerServiceWorker();
  }

  function refreshHint() {
    refreshInstallHint?.();
  }

  return { init, refreshHint };
})();

window.Pwa = Pwa;