@asteby/metacore-pwa 0.3.0

package/dist/push-service.js

@@ -0,0 +1,142 @@
+import { toast } from 'sonner';
+export class PushNotificationService {
+    vapidPublicKey = null;
+    subscription = null;
+    isSupportedFlag;
+    api;
+    opts;
+    constructor(api, options = {}) {
+        this.api = api;
+        this.opts = {
+            publicKeyPath: options.publicKeyPath ?? '/push/public-key',
+            subscribePath: options.subscribePath ?? '/push/subscribe',
+            unsubscribePath: options.unsubscribePath ?? '/push/unsubscribe',
+            testPath: options.testPath ?? '/push/test',
+        };
+        this.isSupportedFlag =
+            typeof navigator !== 'undefined' &&
+                'serviceWorker' in navigator &&
+                typeof window !== 'undefined' &&
+                'PushManager' in window;
+    }
+    async init() {
+        if (!this.isSupportedFlag) {
+            // eslint-disable-next-line no-console
+            console.log('Push notifications not supported');
+            return;
+        }
+        try {
+            const response = await this.api.get(this.opts.publicKeyPath);
+            if (response.data?.publicKey) {
+                this.vapidPublicKey = response.data.publicKey;
+            }
+            const registration = await navigator.serviceWorker.ready;
+            this.subscription = await registration.pushManager.getSubscription();
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Failed to initialize push service:', error);
+        }
+    }
+    async subscribe() {
+        if (!this.isSupportedFlag) {
+            toast.error('Tu navegador no soporta notificaciones push');
+            return false;
+        }
+        if (!this.vapidPublicKey) {
+            await this.init();
+            if (!this.vapidPublicKey) {
+                toast.error('No se pudo obtener la clave del servidor');
+                return false;
+            }
+        }
+        try {
+            const permission = await Notification.requestPermission();
+            if (permission !== 'granted') {
+                toast.error('Permiso de notificaciones denegado');
+                return false;
+            }
+            const registration = await navigator.serviceWorker.ready;
+            const subscription = await registration.pushManager.subscribe({
+                userVisibleOnly: true,
+                applicationServerKey: this.urlBase64ToUint8Array(this.vapidPublicKey),
+            });
+            this.subscription = subscription;
+            const keys = subscription.toJSON().keys;
+            await this.api.post(this.opts.subscribePath, {
+                endpoint: subscription.endpoint,
+                p256dh: keys.p256dh,
+                auth: keys.auth,
+                device_type: this.detectDeviceType(),
+            });
+            toast.success('Notificaciones push activadas');
+            return true;
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Failed to subscribe to push:', error);
+            toast.error('Error al activar notificaciones push');
+            return false;
+        }
+    }
+    async unsubscribe() {
+        if (!this.subscription) {
+            return true;
+        }
+        try {
+            await this.subscription.unsubscribe();
+            await this.api.post(this.opts.unsubscribePath, {
+                endpoint: this.subscription.endpoint,
+            });
+            this.subscription = null;
+            toast.success('Notificaciones push desactivadas');
+            return true;
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Failed to unsubscribe:', error);
+            toast.error('Error al desactivar notificaciones');
+            return false;
+        }
+    }
+    async testNotification() {
+        try {
+            await this.api.post(this.opts.testPath);
+            toast.success('Notificación de prueba enviada');
+        }
+        catch (error) {
+            // eslint-disable-next-line no-console
+            console.error('Failed to send test notification:', error);
+            toast.error('Error al enviar notificación de prueba');
+        }
+    }
+    isSubscribed() {
+        return this.subscription !== null;
+    }
+    getSupported() {
+        return this.isSupportedFlag;
+    }
+    urlBase64ToUint8Array(base64String) {
+        const padding = '='.repeat((4 - (base64String.length % 4)) % 4);
+        const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
+        const rawData = window.atob(base64);
+        const outputArray = new Uint8Array(rawData.length);
+        for (let i = 0; i < rawData.length; ++i) {
+            outputArray[i] = rawData.charCodeAt(i);
+        }
+        return outputArray;
+    }
+    detectDeviceType() {
+        if (typeof navigator === 'undefined')
+            return 'web';
+        const userAgent = navigator.userAgent.toLowerCase();
+        if (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)) {
+            return 'mobile';
+        }
+        if (/electron/i.test(userAgent)) {
+            return 'desktop';
+        }
+        return 'web';
+    }
+}
+//# sourceMappingURL=push-service.js.map

package/dist/push-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-service.js","sourceRoot":"","sources":["../src/push-service.ts"],"names":[],"mappings":"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"}

package/dist/vite-plugin.d.ts

@@ -0,0 +1,23 @@
+import { type VitePWAOptions } from 'vite-plugin-pwa';
+import type { Plugin } from 'vite';
+export interface MetacorePWAOptions extends Partial<VitePWAOptions> {
+    /**
+     * Regex that matches API URLs to cache with NetworkFirst.
+     * Default: `/^https:\/\/api\./i`
+     */
+    apiUrlPattern?: RegExp;
+}
+/**
+ * Thin wrapper around `vite-plugin-pwa`'s `VitePWA()` with sensible
+ * Metacore defaults:
+ *   - `registerType: 'prompt'`
+ *   - `strategies: 'injectManifest'` with `srcDir: 'src'`, `filename: 'sw.js'`
+ *   - Workbox runtime caching for API (NetworkFirst), Google Fonts (SWR + CacheFirst)
+ *   - Dev mode enabled
+ *
+ * Any option passed in `options` overrides the defaults. Plain object fields
+ * like `manifest` and `workbox` are shallow-merged so callers can override a
+ * single key without losing all defaults.
+ */
+export declare function metacorePWA(options?: MetacorePWAOptions): Plugin[];
+//# sourceMappingURL=vite-plugin.d.ts.map

package/dist/vite-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,cAAc,CAAC;IACjE;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,MAAM,EAAE,CA0EtE"}

package/dist/vite-plugin.js

@@ -0,0 +1,83 @@
+import { VitePWA } from 'vite-plugin-pwa';
+/**
+ * Thin wrapper around `vite-plugin-pwa`'s `VitePWA()` with sensible
+ * Metacore defaults:
+ *   - `registerType: 'prompt'`
+ *   - `strategies: 'injectManifest'` with `srcDir: 'src'`, `filename: 'sw.js'`
+ *   - Workbox runtime caching for API (NetworkFirst), Google Fonts (SWR + CacheFirst)
+ *   - Dev mode enabled
+ *
+ * Any option passed in `options` overrides the defaults. Plain object fields
+ * like `manifest` and `workbox` are shallow-merged so callers can override a
+ * single key without losing all defaults.
+ */
+export function metacorePWA(options = {}) {
+    const { apiUrlPattern = /^https:\/\/api\./i, manifest, workbox, injectManifest, devOptions, ...rest } = options;
+    const defaultManifest = {
+        name: 'Metacore App',
+        short_name: 'Metacore',
+        description: 'A Metacore-powered application',
+        theme_color: '#84cc16',
+        background_color: '#1a2e05',
+        start_url: '/',
+        display: 'standalone',
+        icons: [],
+    };
+    const defaultWorkbox = {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}'],
+        runtimeCaching: [
+            {
+                urlPattern: ({ url }) => apiUrlPattern.test(url.href),
+                handler: 'NetworkFirst',
+                options: {
+                    cacheName: 'api-cache',
+                    cacheableResponse: { statuses: [0, 200] },
+                    expiration: {
+                        maxEntries: 50,
+                        maxAgeSeconds: 60 * 60 * 24,
+                    },
+                },
+            },
+            {
+                urlPattern: ({ url }) => /^https:\/\/fonts\.googleapis\.com/.test(url.href),
+                handler: 'StaleWhileRevalidate',
+                options: {
+                    cacheName: 'google-fonts-stylesheets',
+                },
+            },
+            {
+                urlPattern: ({ url }) => /^https:\/\/fonts\.gstatic\.com/.test(url.href),
+                handler: 'CacheFirst',
+                options: {
+                    cacheName: 'google-fonts-webfonts',
+                    cacheableResponse: { statuses: [0, 200] },
+                    expiration: {
+                        maxEntries: 30,
+                        maxAgeSeconds: 60 * 60 * 24 * 365,
+                    },
+                },
+            },
+        ],
+    };
+    const defaultInjectManifest = {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,woff,woff2}'],
+    };
+    const defaultDevOptions = {
+        enabled: true,
+        type: 'module',
+    };
+    const merged = {
+        strategies: 'injectManifest',
+        srcDir: 'src',
+        filename: 'sw.ts',
+        registerType: 'prompt',
+        includeAssets: ['images/**/*'],
+        ...rest,
+        manifest: { ...defaultManifest, ...(manifest ?? {}) },
+        workbox: { ...defaultWorkbox, ...(workbox ?? {}) },
+        injectManifest: { ...defaultInjectManifest, ...(injectManifest ?? {}) },
+        devOptions: { ...defaultDevOptions, ...(devOptions ?? {}) },
+    };
+    return VitePWA(merged);
+}
+//# sourceMappingURL=vite-plugin.js.map

package/dist/vite-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.js","sourceRoot":"","sources":["../src/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAuB,MAAM,iBAAiB,CAAA;AAW9D;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,WAAW,CAAC,UAA8B,EAAE;IAC1D,MAAM,EAAE,aAAa,GAAG,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAA;IAE/G,MAAM,eAAe,GAA+B;QAClD,IAAI,EAAE,cAAc;QACpB,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,gCAAgC;QAC7C,WAAW,EAAE,SAAS;QACtB,gBAAgB,EAAE,SAAS;QAC3B,SAAS,EAAE,GAAG;QACd,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,EAAE;KACV,CAAA;IAED,MAAM,cAAc,GAA8B;QAChD,YAAY,EAAE,CAAC,2CAA2C,CAAC;QAC3D,cAAc,EAAE;YACd;gBACE,UAAU,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBACrD,OAAO,EAAE,cAAc;gBACvB,OAAO,EAAE;oBACP,SAAS,EAAE,WAAW;oBACtB,iBAAiB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;oBACzC,UAAU,EAAE;wBACV,UAAU,EAAE,EAAE;wBACd,aAAa,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;qBAC5B;iBACF;aACF;YACD;gBACE,UAAU,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,mCAAmC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC3E,OAAO,EAAE,sBAAsB;gBAC/B,OAAO,EAAE;oBACP,SAAS,EAAE,0BAA0B;iBACtC;aACF;YACD;gBACE,UAAU,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,gCAAgC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;gBACxE,OAAO,EAAE,YAAY;gBACrB,OAAO,EAAE;oBACP,SAAS,EAAE,uBAAuB;oBAClC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;oBACzC,UAAU,EAAE;wBACV,UAAU,EAAE,EAAE;wBACd,aAAa,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG;qBAClC;iBACF;aACF;SACF;KACF,CAAA;IAED,MAAM,qBAAqB,GAAqC;QAC9D,YAAY,EAAE,CAAC,2CAA2C,CAAC;KAC5D,CAAA;IAED,MAAM,iBAAiB,GAAiC;QACtD,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,QAAQ;KACf,CAAA;IAED,MAAM,MAAM,GAA4B;QACtC,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,OAAO;QACjB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,aAAa,CAAC;QAC9B,GAAG,IAAI;QACP,QAAQ,EAAE,EAAE,GAAG,eAAe,EAAE,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE;QACrD,OAAO,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE;QAClD,cAAc,EAAE,EAAE,GAAG,qBAAqB,EAAE,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE;QACvE,UAAU,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE;KAC5D,CAAA;IAED,OAAO,OAAO,CAAC,MAAM,CAAC,CAAA;AACxB,CAAC"}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@asteby/metacore-pwa",
+  "version": "0.3.0",
+  "description": "Metacore PWA helpers — vite plugin wrapper, install/update prompts, push notifications, offline indicator",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/asteby/metacore-sdk",
+    "directory": "packages/pwa"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "templates",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./vite-plugin": {
+      "types": "./dist/vite-plugin.d.ts",
+      "import": "./dist/vite-plugin.js"
+    },
+    "./sw.js": "./templates/sw.js",
+    "./sw.ts": "./templates/sw.ts"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "sonner": ">=1.7",
+    "vite": ">=5",
+    "vite-plugin-pwa": ">=1"
+  },
+  "dependencies": {
+    "lucide-react": "^0.460.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "sonner": "^1.7.0",
+    "typescript": "^5.6.0",
+    "vite": "^8.0.0",
+    "vite-plugin-pwa": "^1.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -w -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "clean": "rm -rf dist"
+  }
+}

package/templates/sw.js

@@ -0,0 +1,142 @@
+/**
+ * Metacore PWA service worker template.
+ *
+ * Copy this file to your app's `src/sw.js` and adjust LANDING_ROUTES /
+ * runtime caching patterns to match your deployment.
+ *
+ * Works with `vite-plugin-pwa` when using `strategies: 'injectManifest'`
+ * (which is the default from `@asteby/metacore-pwa/vite-plugin`).
+ */
+
+import { cleanupOutdatedCaches, precacheAndRoute } from 'workbox-precaching'
+import { clientsClaim } from 'workbox-core'
+import { registerRoute } from 'workbox-routing'
+import { NetworkFirst, StaleWhileRevalidate, CacheFirst } from 'workbox-strategies'
+import { CacheableResponsePlugin } from 'workbox-cacheable-response'
+import { ExpirationPlugin } from 'workbox-expiration'
+
+// Routes that should bypass the service worker (let your CDN/nginx handle them).
+// Customize this pattern for your deployment.
+const LANDING_ROUTES = /^\/($|en(\/|$)|es(\/|$)|sitemap|robots\.txt|_next\/)/
+
+self.addEventListener('fetch', (event) => {
+    const url = new URL(event.request.url)
+    if (url.origin === self.location.origin && LANDING_ROUTES.test(url.pathname)) {
+        // Skip SW — go straight to network
+        return
+    }
+})
+
+cleanupOutdatedCaches()
+
+// Precache all assets generated by vite-plugin-pwa
+precacheAndRoute(self.__WB_MANIFEST)
+
+self.addEventListener('message', (event) => {
+    if (event.data && event.data.type === 'SKIP_WAITING') {
+        self.skipWaiting()
+    }
+})
+clientsClaim()
+
+// Runtime caching
+
+// API
+registerRoute(
+    ({ url }) => /^https:\/\/api\./i.test(url.href),
+    new NetworkFirst({
+        cacheName: 'api-cache',
+        plugins: [
+            new CacheableResponsePlugin({ statuses: [0, 200] }),
+            new ExpirationPlugin({
+                maxEntries: 50,
+                maxAgeSeconds: 60 * 60 * 24,
+            }),
+        ],
+    })
+)
+
+// Google Fonts stylesheets
+registerRoute(
+    ({ url }) => /^https:\/\/fonts\.googleapis\.com/.test(url.href),
+    new StaleWhileRevalidate({
+        cacheName: 'google-fonts-stylesheets',
+    })
+)
+
+// Google Fonts webfonts
+registerRoute(
+    ({ url }) => /^https:\/\/fonts\.gstatic\.com/.test(url.href),
+    new CacheFirst({
+        cacheName: 'google-fonts-webfonts',
+        plugins: [
+            new CacheableResponsePlugin({ statuses: [0, 200] }),
+            new ExpirationPlugin({
+                maxEntries: 30,
+                maxAgeSeconds: 60 * 60 * 24 * 365,
+            }),
+        ],
+    })
+)
+
+// Push notifications
+self.addEventListener('push', (event) => {
+    let title = 'Notification'
+    let body = 'Tienes una nueva notificación'
+    let icon = '/images/icons/android/android-launchericon-192-192.png'
+    let badge = '/images/icons/monochrome.png'
+    let dataUrl = '/'
+    let tag = 'general-notification'
+
+    if (event.data) {
+        try {
+            const data = event.data.json()
+            title = data.title || title
+            body = data.body || body
+            icon = data.icon || icon
+            badge = data.badge || badge
+            dataUrl = data.url || dataUrl
+            tag = data.tag || tag
+        } catch (e) {
+            body = event.data.text()
+        }
+    }
+
+    const options = {
+        body,
+        icon,
+        badge,
+        data: { url: dataUrl },
+        tag,
+        vibrate: [100, 50, 100],
+        actions: [
+            {
+                action: 'open',
+                title: 'Ver',
+            },
+        ],
+    }
+
+    event.waitUntil(self.registration.showNotification(title, options))
+})
+
+// Notification click handler
+self.addEventListener('notificationclick', (event) => {
+    event.notification.close()
+
+    event.waitUntil(
+        clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {
+            const url = event.notification.data.url
+
+            for (const client of clientList) {
+                if (client.url === url && 'focus' in client) {
+                    return client.focus()
+                }
+            }
+
+            if (clients.openWindow) {
+                return clients.openWindow(url)
+            }
+        })
+    )
+})

package/templates/sw.ts

@@ -0,0 +1,115 @@
+/// <reference lib="webworker" />
+/**
+ * Metacore PWA service worker template.
+ *
+ * Copy to your app's `src/sw.ts` and adjust LANDING_ROUTES / runtime caching
+ * patterns to match your deployment.
+ *
+ * Works with `vite-plugin-pwa` in `injectManifest` mode — which is the default
+ * from `@asteby/metacore-pwa/vite-plugin`.
+ */
+
+import { cleanupOutdatedCaches, precacheAndRoute, type PrecacheEntry } from 'workbox-precaching'
+import { clientsClaim } from 'workbox-core'
+import { registerRoute } from 'workbox-routing'
+import { NetworkFirst, StaleWhileRevalidate, CacheFirst } from 'workbox-strategies'
+import { CacheableResponsePlugin } from 'workbox-cacheable-response'
+import { ExpirationPlugin } from 'workbox-expiration'
+
+declare const self: ServiceWorkerGlobalScope & {
+  __WB_MANIFEST: Array<PrecacheEntry | string>
+}
+
+const LANDING_ROUTES = /^\/($|en(\/|$)|es(\/|$)|sitemap|robots\.txt|_next\/)/
+
+self.addEventListener('fetch', (event) => {
+  const url = new URL(event.request.url)
+  if (url.origin === self.location.origin && LANDING_ROUTES.test(url.pathname)) {
+    return
+  }
+})
+
+cleanupOutdatedCaches()
+precacheAndRoute(self.__WB_MANIFEST)
+
+self.addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    self.skipWaiting()
+  }
+})
+clientsClaim()
+
+registerRoute(
+  ({ url }) => /^https:\/\/api\./i.test(url.href),
+  new NetworkFirst({
+    cacheName: 'api-cache',
+    plugins: [
+      new CacheableResponsePlugin({ statuses: [0, 200] }),
+      new ExpirationPlugin({ maxEntries: 50, maxAgeSeconds: 60 * 60 * 24 }),
+    ],
+  })
+)
+
+registerRoute(
+  ({ url }) => /^https:\/\/fonts\.googleapis\.com/.test(url.href),
+  new StaleWhileRevalidate({ cacheName: 'google-fonts-stylesheets' })
+)
+
+registerRoute(
+  ({ url }) => /^https:\/\/fonts\.gstatic\.com/.test(url.href),
+  new CacheFirst({
+    cacheName: 'google-fonts-webfonts',
+    plugins: [
+      new CacheableResponsePlugin({ statuses: [0, 200] }),
+      new ExpirationPlugin({ maxEntries: 30, maxAgeSeconds: 60 * 60 * 24 * 365 }),
+    ],
+  })
+)
+
+interface PushPayload {
+  title?: string
+  body?: string
+  icon?: string
+  badge?: string
+  url?: string
+  tag?: string
+}
+
+self.addEventListener('push', (event) => {
+  let payload: PushPayload = {}
+
+  if (event.data) {
+    try {
+      payload = event.data.json() as PushPayload
+    } catch {
+      payload = { body: event.data.text() }
+    }
+  }
+
+  const title = payload.title ?? 'Notification'
+  const options: NotificationOptions = {
+    body: payload.body ?? 'Tienes una nueva notificación',
+    icon: payload.icon ?? '/images/icons/android-launchericon-192-192.png',
+    badge: payload.badge ?? '/images/icons/monochrome.png',
+    data: { url: payload.url ?? '/' },
+    tag: payload.tag ?? 'general-notification',
+  }
+
+  event.waitUntil(self.registration.showNotification(title, options))
+})
+
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close()
+
+  event.waitUntil(
+    self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {
+      const targetUrl = (event.notification.data as { url?: string } | null)?.url ?? '/'
+      for (const client of clientList) {
+        if (client.url === targetUrl && 'focus' in client) return client.focus()
+      }
+      return self.clients.openWindow(targetUrl)
+    })
+  )
+})
+
+export {}