feat: expose registration hooks

astro.config.mjs

@@ -1,3 +1,5 @@
+// @ts-check
+
 import { defineConfig } from "astro/config";
 import node from "@astrojs/node";
 import serviceWorker from "./index.js";
@@ -20,6 +22,17 @@ export default defineConfig({
       logAssets: true,
       esbuild: {
         minify: true
+      },
+      registrationHooks: {
+        installing: () => console.log('>>> installing...'),
+        waiting: () => console.log('>>> waiting...'),
+        active: () => console.log('>>> active...'),
+        error: (error) => console.error('>>> error', error),
+        unsupported: () => console.log('>>> service worker unsupported'),
+        afterRegistration: async () => {
+            const sw = await navigator.serviceWorker.getRegistration();
+            console.log('>>> registrered', sw)
+        }
       }
     })
   ]

index.js

@@ -25,7 +25,15 @@ const ASTROSW = '@ayco/astro-sw';
  *  customRoutes?: string[],
  *  excludeRoutes?: string[],
  *  logAssets?: true,
- *  esbuild?: BuildOptions
+ *  esbuild?: BuildOptions,
+ *  registrationHooks?: {
+ *      installing?: () => void,
+ *      waiting?: () => void,
+ *      active?: () => void,
+ *      error?: (error) => void,
+ *      unsupported?: () => void,
+ *      afterRegistration?: () => void,
+ *  }
  * }} options 
  * @returns {AstroIntegration}
  */
@@ -37,9 +45,19 @@ export default function serviceWorker(options) {
         customRoutes = [],
         excludeRoutes = [],
         logAssets = false,
-        esbuild = {}
+        esbuild = {},
+        registrationHooks = {}
     } = options || {};
 
+    const {
+        installing: installingFn,
+        waiting: waitingFn,
+        active: activeFn,
+        error: errorFn,
+        unsupported: unsupportedFn,
+        afterRegistration: afterRegistrationFn,
+    } = registrationHooks;
+
     /**
      * @type {Array<string>}
      */
@@ -52,22 +70,19 @@ export default function serviceWorker(options) {
                     scope: "/",
                     });
                     if (registration.installing) {
-                        // installingFn();
+                        (${installingFn.toString()})();
-                        console.log('[${ASTROSW}] Installing...')
                     } else if (registration.waiting) {
-                        // installedFn();
+                        (${waitingFn.toString()})();
-                        console.log('[${ASTROSW}] Installed...')
                     } else if (registration.active) {
-                        // activeFn();
+                        (${activeFn.toString()})();
-                        console.log('[${ASTROSW}] Active...')
                     }
+
+                    (${afterRegistrationFn.toString()})();
                 } catch (error) {
-                    // onError(error);
+                    (${errorFn.toString()})(error);
-                    console.error('[${ASTROSW}] ERR', error)
                 }
             } else {
-                // onUnsupported();
+                (${unsupportedFn.toString()})();
-                console.log('[${ASTROSW}] Browser does not support Service Worker')
             }
         }
 
@@ -85,7 +100,7 @@ export default function serviceWorker(options) {
                     // REQUIRED OPTION IS MISSING
                     logger.error('Missing required path to service worker script');
                 }
-
+                // const transformedScript=await transform(registrationScript)
 
                 output = _config.output;
                 if (command === 'build') {