Service worker types for service worker event listener

[juancarlosjr97]

TypeScript Version: 3.9.7

Search Terms:

serviceworker listener
serviceworker statechange
serviceworker onstatechange

Code

const updateServiceWorker = () => {
    const registrationWaiting = serviceWorkerRegistration?.waiting;

    if (registrationWaiting) {
      registrationWaiting.postMessage({ type: "SKIP_WAITING" });

      registrationWaiting.addEventListener("statechange", (e) => {
        if (e.target.state === "activated") {
          window.location.reload(true);
        }
      });
    }
  };

Expected behaviour:

Above event.target is ServiceWorker type

Actual behaviour:

Above event.target is EventTarget type

[sarahzhao25]

Hi ! @nlane and I want to work on this issue as part of vGHC OSD! Do we need to assign ourselves or anything for this?

[saschanaz]

I guess this is essentially a duplicate of the old #299.

[gardner]

waitingServiceWorker?.addEventListener('statechange', event => {
  const sw = event?.target as ServiceWorker;
  if (sw?.state === 'activated') {
    window.location.reload();
  }
});