diff options
Diffstat (limited to 'FrontEnd/src/service-worker.tsx')
-rw-r--r-- | FrontEnd/src/service-worker.tsx | 105 |
1 files changed, 0 insertions, 105 deletions
diff --git a/FrontEnd/src/service-worker.tsx b/FrontEnd/src/service-worker.tsx deleted file mode 100644 index e4af54e1..00000000 --- a/FrontEnd/src/service-worker.tsx +++ /dev/null @@ -1,105 +0,0 @@ -import React from "react"; -import { useTranslation } from "react-i18next"; - -import { pushAlert } from "./services/alert"; - -import Button from "./views/common/button/Button"; - -if (import.meta.env.PROD && "serviceWorker" in navigator) { - let isThisTriggerUpgrade = false; - - const upgradeSuccessLocalStorageKey = "TIMELINE_UPGRADE_SUCCESS"; - - if (window.localStorage.getItem(upgradeSuccessLocalStorageKey)) { - pushAlert({ - message: "serviceWorker.upgradeSuccess", - type: "success", - }); - window.localStorage.removeItem(upgradeSuccessLocalStorageKey); - } - - void import("workbox-window").then(({ Workbox, messageSW }) => { - const wb = new Workbox("/sw.js"); - let registration: ServiceWorkerRegistration | undefined; - - // externalactivated is not usable but I still use its name. - wb.addEventListener("controlling", () => { - const upgradeReload = (): void => { - window.localStorage.setItem(upgradeSuccessLocalStorageKey, "true"); - window.location.reload(); - }; - - if (isThisTriggerUpgrade) { - upgradeReload(); - } else { - const Message: React.FC = () => { - const { t } = useTranslation(); - return ( - <> - {t("serviceWorker.externalActivatedPrompt")} - <Button - text="serviceWorker.reloadNow" - color="success" - onClick={upgradeReload} - /> - </> - ); - }; - - pushAlert({ - customMessage: <Message />, - dismissTime: "never", - type: "primary", - }); - } - }); - - wb.addEventListener("activated", (event) => { - if (!event.isUpdate) { - pushAlert({ - message: "serviceWorker.availableOffline", - type: "success", - }); - } - }); - - // Add an event listener to detect when the registered - // service worker has installed but is waiting to activate. - wb.addEventListener("waiting", (): void => { - const upgrade = (): void => { - isThisTriggerUpgrade = true; - if (registration && registration.waiting) { - // Send a message to the waiting service worker, - // instructing it to activate. - // Note: for this to work, you have to add a message - // listener in your service worker. See below. - void messageSW(registration.waiting, { type: "SKIP_WAITING" }); - } - }; - - const UpgradeMessage: React.FC = () => { - const { t } = useTranslation(); - return ( - <> - {t("serviceWorker.upgradePrompt")} - <Button - text="serviceWorker.upgradeNow" - color="success" - onClick={upgrade} - /> - </> - ); - }; - - pushAlert({ - customMessage: <UpgradeMessage />, - dismissTime: "never", - type: "success", - }); - }); - - void wb.register().then((reg) => { - registration = reg; - }); - }); -} |