crowd-funder-for-time-pwa/sw_scripts/additional-scripts.js

/* eslint-env serviceworker */
/* global workbox */
/* eslint-disable */ /* ... because old-browser-compatible files in this directory are combined into a single script during `npm run build` */
importScripts(
  "https://storage.googleapis.com/workbox-cdn/releases/6.4.1/workbox-sw.js",
);

// similar method is in the src/db/index.ts file
function logConsoleAndDb(message, arg1, arg2) {
  // in chrome://serviceworker-internals note that the arg1 and arg2 here will show as "[object Object]" in that page but will show as expandable objects in the console
  console.log(`${new Date().toISOString()} ${message}`, arg1, arg2);
  // appendDailyLog is injected at build time by the vue.config.js configureWebpack apply plugin
  // eslint-disable-next-line no-undef
  if (appendDailyLog) {
    let fullMessage = `${new Date().toISOString()} ${message}`;
    if (arg1) {
      if (typeof arg1 === "string") {
        fullMessage += `\n${arg1}`;
      } else {
        fullMessage += `\n${JSON.stringify(arg1)}`;
      }
    }
    if (arg2) {
      if (typeof arg2 === "string") {
        fullMessage += `\n${arg2}`;
      } else {
        fullMessage += `\n${JSON.stringify(arg2)}`;
      }
    }
    // appendDailyLog is injected from safari-notifications.js at build time by the vue.config.js configureWebpack apply plugin
    // eslint-disable-next-line no-undef
    appendDailyLog(fullMessage);
  } else {
    // sometimes we get the error: "Uncaught TypeError: appendDailyLog is not a function"
    console.log(
      "Not logging to DB (often because appendDailyLog doesn't exist).",
    );
  }
}

self.addEventListener("install", async (/* event */) => {
  logConsoleAndDb("Service worker finished installation.");
});

self.addEventListener("activate", (event) => {
  logConsoleAndDb("Service worker is activating...", event);
  // see https://developer.mozilla.org/en-US/docs/Web/API/Clients/claim
  // and https://web.dev/articles/service-worker-lifecycle#clientsclaim
  event.waitUntil(clients.claim());
  logConsoleAndDb("Service worker is activated.");
});

self.addEventListener("push", function (event) {
  let text = null;
  if (event.data) {
    text = event.data.text();
  }
  logConsoleAndDb("Service worker received a push event.", text, event);
  event.waitUntil(
    (async () => {
      try {
        let payload;
        if (text) {
          try {
            payload = JSON.parse(text);
          } catch (e) {
            // don't use payload since it is not JSON
          }
        }

        // This is a special value that tells the service worker to trigger its daily check.
        // See https://gitea.anomalistdesign.com/trent_larson/py-push-server/src/commit/c1ed026662e754348a5f91542680bd4f57e5b81e/app.py#L217
        const DAILY_UPDATE_TITLE = "DAILY_CHECK";

        // This is shared with the notification-test code and should be a constant. Look for the same name in HelpNotificationsView.vue
        // This is a special value that tells the service worker to send a direct notification to the device, skipping filters.
        // Make sure it is something different from the DAILY_UPDATE_TITLE.
        const DIRECT_PUSH_TITLE = "DIRECT_NOTIFICATION";

        let title;
        let message = "Got some empty message.";
        if (payload && payload.title == DIRECT_PUSH_TITLE) {
          // skip any search logic and show the message directly
          title = "Direct Message";
          message = payload.message || "No details were provided.";
        } else {
          // any other title will run through regular filtering logic
          if (payload && payload.title === DAILY_UPDATE_TITLE) {
            title = "Daily Update";
          } else {
            title = payload.title || "Update";
          }
          // getNotificationCount is injected from safari-notifications.js at build time by the sw_combine.js script
          // eslint-disable-next-line no-undef
          message = await getNotificationCount();
        }
        if (message) {
          const options = {
            body: message,
            icon: payload ? payload.icon : "icon.png",
            badge: payload ? payload.badge : "badge.png",
          };
          await self.registration.showNotification(title, options);
          logConsoleAndDb("Notified user:", options);
        } else {
          logConsoleAndDb("No notification message.");
        }
      } catch (error) {
        logConsoleAndDb("Error with push event", event, error);
      }
    })(),
  );
});

self.addEventListener("message", (event) => {
  logConsoleAndDb("Service worker got a message...", event);
  if (event.data && event.data.type === "SEND_LOCAL_DATA") {
    self.secret = event.data.data;
    event.ports[0].postMessage({ success: true });
  }
  logConsoleAndDb("Service worker posted a message.");
});

self.addEventListener("notificationclick", (event) => {
  logConsoleAndDb("Notification got clicked.", event);
  event.notification.close();
  // from https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/notificationclick_event
  // ... though I don't see any benefit over just "clients.openWindow"
  event.waitUntil(
    clients
      .matchAll({
        type: "window",
      })
      .then((clientList) => {
        for (const client of clientList) {
          if (client.url === "/" && "focus" in client) return client.focus();
        }
        if (clients.openWindow) return clients.openWindow("/");
      }),
  );
});

// This is invoked when the user chooses this as a share_target, mapped to share-target in the manifest.
self.addEventListener("fetch", (event) => {
  // Skipping this because we get so many of them, at startup and other times, all with an event of: {isTrusted:true}
  //logConsoleAndDb("Service worker got fetch event.", event);

  // Bypass any regular requests not related to Web Share Target
  // and also requests that are not exactly to the timesafari.app
  // (note that Chrome will send subdomain requests like image-api.timesafari.app through this service worker).
  if (
    event.request.method !== "POST" ||
    !event.request.url.endsWith("/share-target")
  ) {
    event.respondWith(fetch(event.request));
    return;
  }

  // Requests related to Web Share share-target Target.
  event.respondWith(
    (async () => {
      const formData = await event.request.formData();
      const photo = formData.get("photo");
      // savePhoto is injected from safari-notifications.js at build time by the sw_combine.js script
      // eslint-disable-next-line no-undef
      await savePhoto(photo);
      return Response.redirect("/shared-photo", 303);
    })(),
  );
});

self.addEventListener("error", (event) => {
  logConsoleAndDb("Service worker error", event);
  console.error("Full Error:", event);
  console.error("Message:", event.message);
  console.error("File:", event.filename);
  console.error("Line:", event.lineno);
  console.error("Column:", event.colno);
  console.error("Error Object:", event.error);
});

workbox.precaching.precacheAndRoute(self.__WB_MANIFEST);