feat(element): service-worker helper

ui/element/src/helper/service-worker.ts

@@ -0,0 +1,43 @@
+import {createLogger} from '@alwatr/logger';
+const logger = createLogger('service-worker');
+
+export async function registerServiceWorker(
+    path = 'service-worker.js',
+    scope = '/',
+): Promise<ServiceWorkerRegistration | void> {
+  logger.logMethodArgs('registerServiceWorker', {path, scope});
+
+  if (!('serviceWorker' in navigator)) {
+    logger.incident('registerServiceWorker', 'sw_unsupported', 'Service worker not supported in this browser');
+    return;
+  }
+
+  try {
+    const swRegistration = await navigator.serviceWorker.register(path);
+    swRegistration.addEventListener('updatefound', () => swUpdateFound(swRegistration.installing));
+    logger.logOther('Service worker registered');
+    return swRegistration;
+  }
+  catch (err) {
+    logger.error('registerServiceWorker', 'sw_reg_fail', 'Service worker registration failed');
+  }
+}
+
+function swUpdateFound(sw: ServiceWorker | null): void {
+  if (sw == null) return;
+  logger.logMethod('swUpdateFound');
+  sw.addEventListener('statechange', () => swStateChange(sw));
+}
+
+function swStateChange(sw: ServiceWorker): void {
+  logger.logMethodArgs('swStateChange', sw.state);
+  if (sw.state === 'installed') {
+    // if old controller available then its update else its new install
+    if (navigator.serviceWorker.controller) {
+      // send sw-updated signal;
+    }
+  }
+  else if (sw.state === 'redundant') {
+    logger.accident('swStateChange', 'sw_redundant', 'Service worker redundant');
+  }
+}

ui/element/src/pwa-element.ts

@@ -3,7 +3,7 @@ import {router, type RoutesConfig} from '@alwatr/router';
 import {html, css, type CSSResultGroup, type PropertyValues} from 'lit';
 import {cache} from 'lit/directives/cache.js';
 
-import {registerServiceWorker} from './helper/service-worker/register.js';
+import {registerServiceWorker} from './helper/service-worker.js';
 import {AlwatrSmartElement} from './smart-element.js';
 
 import '@alwatr/ui-kit/style/token.css';
@@ -71,10 +71,6 @@ export class AlwatrPwaElement extends AlwatrSmartElement {
   protected override firstUpdated(changedProperties: PropertyValues<this>): void {
     super.firstUpdated(changedProperties);
     this.removeAttribute('unresolved');
-    registerServiceWorker('service-worker.js')
-        ?.then(() => this._logger.logOther(`ServiceWorker registered from "service-worker.js".`))
-        .catch((err) => {
-          this._logger.logOther('ServiceWorker registration failed: ', err);
-        });
+    registerServiceWorker();
   }
 }