@mayson-org/inject-script 1.0.7 → 1.0.9

package/dist/plugins/pwa/inject-project.js

@@ -0,0 +1,169 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { injectComponentsIntoLayout } from '../../core/injector.js';
+import { patchLayoutPwaMetadata } from './patch-layout-metadata.js';
+import { buildManifestSource, MANIFEST_MARKER, } from './templates/manifest.js';
+import { buildMaysonInstallPromptSource } from './templates/install-prompt.js';
+import { buildMaysonServiceWorkerRegisterSource } from './templates/service-worker-register.js';
+import { buildSwJsSource, SW_MARKER } from './templates/sw.js.js';
+const DEFAULT_BRANDING = {
+    appName: 'My App',
+    themeColor: '#0a0a0a',
+    backgroundColor: '#ffffff',
+    description: 'Generated by Mayson',
+};
+const ICON_FILES = [
+    'mayson-logo-dark-192x192.png',
+    'mayson-logo-dark-512x512.png',
+    'mayson-logo-dark-512x512-maskable.png',
+];
+function resolvePwaAssetsDir() {
+    // dist/plugins/pwa → ../../../assets/pwa (package root)
+    const here = path.dirname(fileURLToPath(import.meta.url));
+    return path.resolve(here, '../../../assets/pwa');
+}
+function resolveBranding(ctx) {
+    const pwa = ctx.context?.pwa;
+    return {
+        appName: pwa?.appName?.trim() || DEFAULT_BRANDING.appName,
+        themeColor: pwa?.themeColor?.trim() || DEFAULT_BRANDING.themeColor,
+        backgroundColor: pwa?.backgroundColor?.trim() || DEFAULT_BRANDING.backgroundColor,
+        description: pwa?.description?.trim() || DEFAULT_BRANDING.description,
+    };
+}
+function writeMarkedFile(params) {
+    const { filePath, source, marker, dryRun, label } = params;
+    if (fs.existsSync(filePath)) {
+        const existing = fs.readFileSync(filePath, 'utf-8');
+        if (!existing.includes(marker)) {
+            return `skipped ${label} — already exists without ${marker} marker`;
+        }
+        if (dryRun) {
+            return `would refresh ${label}`;
+        }
+        fs.writeFileSync(filePath, source, 'utf-8');
+        return `refreshed ${label}`;
+    }
+    if (dryRun) {
+        return `would write ${label}`;
+    }
+    fs.mkdirSync(path.dirname(filePath), { recursive: true });
+    fs.writeFileSync(filePath, source, 'utf-8');
+    return `wrote ${label}`;
+}
+function copyDefaultIcons(projectRoot, dryRun) {
+    const messages = [];
+    const assetsDir = resolvePwaAssetsDir();
+    const iconsDir = path.join(projectRoot, 'public', 'icons');
+    for (const file of ICON_FILES) {
+        const dest = path.join(iconsDir, file);
+        const src = path.join(assetsDir, file);
+        if (fs.existsSync(dest)) {
+            messages.push(`skipped icon ${file} — already present`);
+            continue;
+        }
+        if (!fs.existsSync(src)) {
+            messages.push(`missing packaged icon ${file} at ${src}`);
+            continue;
+        }
+        if (dryRun) {
+            messages.push(`would copy icon ${file}`);
+            continue;
+        }
+        fs.mkdirSync(iconsDir, { recursive: true });
+        fs.copyFileSync(src, dest);
+        messages.push(`copied icon ${file}`);
+    }
+    return messages;
+}
+function writePwaComponents(ctx) {
+    const { layoutPath, dryRun = false, isTypeScript = true } = ctx;
+    const layoutDir = path.dirname(layoutPath);
+    const ext = isTypeScript ? '.tsx' : '.jsx';
+    const messages = [];
+    const components = [];
+    const files = [
+        {
+            name: 'MaysonServiceWorkerRegister',
+            source: buildMaysonServiceWorkerRegisterSource(),
+        },
+        {
+            name: 'MaysonInstallPrompt',
+            source: buildMaysonInstallPromptSource(),
+        },
+    ];
+    for (const file of files) {
+        const filePath = path.join(layoutDir, `${file.name}${ext}`);
+        if (!dryRun) {
+            fs.writeFileSync(filePath, file.source, 'utf-8');
+        }
+        messages.push(dryRun ? `would write ${file.name}${ext}` : `wrote ${file.name}${ext}`);
+        components.push({
+            name: file.name,
+            filePath,
+            importStatement: `import { ${file.name} } from './${file.name}';`,
+            jsxTag: `<${file.name} />`,
+        });
+    }
+    return { components, messages };
+}
+/** Orchestrate all PWA project-level writes + layout inject for SW/install components. */
+export function injectPwaProject(ctx) {
+    const messages = [];
+    const injectedComponents = [];
+    const skippedComponents = [];
+    const { projectRoot, layoutPath, dryRun = false } = ctx;
+    const branding = resolveBranding(ctx);
+    const appDir = path.dirname(layoutPath);
+    // 1. Components next to layout + inject into layout
+    const { components, messages: compMessages } = writePwaComponents(ctx);
+    messages.push(...compMessages);
+    const injectResult = injectComponentsIntoLayout({
+        filePath: layoutPath,
+        components,
+        dryRun,
+    });
+    injectedComponents.push(...injectResult.injectedComponents);
+    skippedComponents.push(...injectResult.skippedComponents);
+    if (injectResult.error) {
+        messages.push(`layout inject error: ${injectResult.error}`);
+    }
+    // 2. app/manifest.ts
+    messages.push(writeMarkedFile({
+        filePath: path.join(appDir, 'manifest.ts'),
+        source: buildManifestSource(branding),
+        marker: MANIFEST_MARKER,
+        dryRun,
+        label: 'app/manifest.ts',
+    }));
+    // 3. public/sw.js
+    messages.push(writeMarkedFile({
+        filePath: path.join(projectRoot, 'public', 'sw.js'),
+        source: buildSwJsSource(),
+        marker: SW_MARKER,
+        dryRun,
+        label: 'public/sw.js',
+    }));
+    // 4. Icons (never overwrite)
+    messages.push(...copyDefaultIcons(projectRoot, dryRun));
+    // 5. Patch layout metadata (appleWebApp + themeColor)
+    if (fs.existsSync(layoutPath)) {
+        // Re-read after component inject may have written the file
+        const layoutContent = dryRun
+            ? fs.readFileSync(layoutPath, 'utf-8')
+            : fs.readFileSync(layoutPath, 'utf-8');
+        const patched = patchLayoutPwaMetadata(layoutContent, {
+            appName: branding.appName,
+            themeColor: branding.themeColor,
+        });
+        messages.push(...patched.messages);
+        if (patched.changed && !dryRun) {
+            fs.writeFileSync(layoutPath, patched.content, 'utf-8');
+        }
+        else if (patched.changed && dryRun) {
+            messages.push('would patch layout PWA metadata');
+        }
+    }
+    return { messages, injectedComponents, skippedComponents };
+}

package/dist/plugins/pwa/patch-layout-metadata.d.ts

@@ -0,0 +1,14 @@
+export type PwaLayoutBranding = {
+    appName: string;
+    themeColor: string;
+};
+/**
+ * Insert appleWebApp / viewport.themeColor when absent.
+ * Does not rewrite existing custom appleWebApp or themeColor values.
+ */
+export declare function patchLayoutPwaMetadata(content: string, branding: PwaLayoutBranding): {
+    content: string;
+    changed: boolean;
+    messages: string[];
+};
+//# sourceMappingURL=patch-layout-metadata.d.ts.map

package/dist/plugins/pwa/patch-layout-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patch-layout-metadata.d.ts","sourceRoot":"","sources":["../../../src/plugins/pwa/patch-layout-metadata.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,iBAAiB,GAC1B;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,CAkC3D"}

package/dist/plugins/pwa/patch-layout-metadata.js

@@ -0,0 +1,162 @@
+/**
+ * Insert appleWebApp / viewport.themeColor when absent.
+ * Does not rewrite existing custom appleWebApp or themeColor values.
+ */
+export function patchLayoutPwaMetadata(content, branding) {
+    let next = content;
+    const messages = [];
+    let changed = false;
+    if (!/\bappleWebApp\s*:/.test(next)) {
+        const patched = insertAppleWebApp(next, branding.appName);
+        if (patched !== next) {
+            next = patched;
+            changed = true;
+            messages.push('added appleWebApp to layout metadata');
+        }
+    }
+    else {
+        messages.push('layout already has appleWebApp — left unchanged');
+    }
+    if (!/\bthemeColor\s*:/.test(next)) {
+        const patched = insertThemeColor(next, branding.themeColor);
+        if (patched !== next) {
+            next = patched;
+            changed = true;
+            messages.push('added viewport.themeColor to layout');
+        }
+    }
+    else {
+        messages.push('layout already has themeColor — left unchanged');
+    }
+    // Ensure Viewport type import when we added/need viewport export
+    if (/\bexport\s+const\s+viewport\b/.test(next) && !/\bViewport\b/.test(next)) {
+        next = ensureViewportImport(next);
+        changed = true;
+    }
+    return { content: next, changed, messages };
+}
+function insertAppleWebApp(content, appName) {
+    const appleBlock = `  appleWebApp: {
+    capable: true,
+    title: ${JSON.stringify(appName)},
+    statusBarStyle: 'default',
+  },`;
+    // Prefer inserting inside an existing `export const metadata = { ... }` object
+    const metadataMatch = content.match(/export\s+const\s+metadata(?:\s*:\s*[^=]+)?\s*=\s*\{/);
+    if (metadataMatch && metadataMatch.index !== undefined) {
+        const openBrace = metadataMatch.index + metadataMatch[0].length - 1;
+        const closeBrace = findMatchingBrace(content, openBrace);
+        if (closeBrace !== -1) {
+            const before = content.slice(0, closeBrace);
+            const needsComma = /,\s*$/.test(before.trimEnd()) ? '' : ',';
+            return (before.trimEnd() +
+                needsComma +
+                '\n' +
+                appleBlock +
+                '\n' +
+                content.slice(closeBrace));
+        }
+    }
+    // No metadata export — prepend a minimal one
+    const importEnd = findLastImportEnd(content);
+    const block = `export const metadata = {
+${appleBlock}
+};
+
+`;
+    if (importEnd === 0) {
+        return block + content;
+    }
+    return content.slice(0, importEnd) + '\n\n' + block + content.slice(importEnd);
+}
+function insertThemeColor(content, themeColor) {
+    if (/\bexport\s+const\s+viewport\b/.test(content)) {
+        const viewportMatch = content.match(/export\s+const\s+viewport(?:\s*:\s*[^=]+)?\s*=\s*\{/);
+        if (viewportMatch && viewportMatch.index !== undefined) {
+            const openBrace = viewportMatch.index + viewportMatch[0].length - 1;
+            const closeBrace = findMatchingBrace(content, openBrace);
+            if (closeBrace !== -1) {
+                const before = content.slice(0, closeBrace);
+                const needsComma = /,\s*$/.test(before.trimEnd()) ? '' : ',';
+                const line = `  themeColor: ${JSON.stringify(themeColor)},`;
+                return (before.trimEnd() +
+                    needsComma +
+                    '\n' +
+                    line +
+                    '\n' +
+                    content.slice(closeBrace));
+            }
+        }
+        return content;
+    }
+    const block = `export const viewport = {
+  themeColor: ${JSON.stringify(themeColor)},
+};
+
+`;
+    // Place after metadata export if present
+    const metadataEnd = findExportObjectEnd(content, 'metadata');
+    if (metadataEnd !== -1) {
+        return content.slice(0, metadataEnd) + '\n\n' + block + content.slice(metadataEnd);
+    }
+    const importEnd = findLastImportEnd(content);
+    if (importEnd === 0) {
+        return block + content;
+    }
+    return content.slice(0, importEnd) + '\n\n' + block + content.slice(importEnd);
+}
+function ensureViewportImport(content) {
+    const fromNext = content.match(/import\s+type\s*\{([^}]*)\}\s*from\s*['"]next['"]/);
+    if (fromNext) {
+        const names = fromNext[1];
+        if (/\bViewport\b/.test(names)) {
+            return content;
+        }
+        const updated = names.trim().length
+            ? `${names.trim()}, Viewport`
+            : 'Viewport';
+        return content.replace(fromNext[0], `import type { ${updated} } from 'next'`);
+    }
+    // Combined value+type import: import { type Metadata, type Viewport } from 'next'
+    const mixed = content.match(/import\s*\{([^}]*)\}\s*from\s*['"]next['"]/);
+    if (mixed && /\bMetadata\b/.test(mixed[1]) && !/\bViewport\b/.test(mixed[1])) {
+        return content.replace(mixed[0], `import {${mixed[1]}, type Viewport} from 'next'`);
+    }
+    return `import type { Viewport } from 'next';\n` + content;
+}
+function findMatchingBrace(source, openIndex) {
+    let depth = 0;
+    for (let i = openIndex; i < source.length; i++) {
+        const ch = source[i];
+        if (ch === '{')
+            depth++;
+        else if (ch === '}') {
+            depth--;
+            if (depth === 0)
+                return i;
+        }
+    }
+    return -1;
+}
+function findLastImportEnd(content) {
+    const matches = Array.from(content.matchAll(/^import\s.+?;$/gm));
+    if (matches.length === 0)
+        return 0;
+    const last = matches[matches.length - 1];
+    return (last.index ?? 0) + last[0].length;
+}
+function findExportObjectEnd(content, name) {
+    const re = new RegExp(`export\\s+const\\s+${name}(?:\\s*:\\s*[^=]+)?\\s*=\\s*\\{`);
+    const match = content.match(re);
+    if (!match || match.index === undefined)
+        return -1;
+    const openBrace = match.index + match[0].length - 1;
+    const close = findMatchingBrace(content, openBrace);
+    if (close === -1)
+        return -1;
+    // Include trailing semicolon if present
+    let end = close + 1;
+    if (content[end] === ';')
+        end++;
+    return end;
+}

package/dist/plugins/pwa/templates/install-prompt.d.ts

@@ -0,0 +1,3 @@
+/** Source for MaysonInstallPrompt — inline styles, host-shell ?pwa_install=1 contract. */
+export declare function buildMaysonInstallPromptSource(): string;
+//# sourceMappingURL=install-prompt.d.ts.map

package/dist/plugins/pwa/templates/install-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-prompt.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/install-prompt.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,wBAAgB,8BAA8B,IAAI,MAAM,CAwLvD"}

package/dist/plugins/pwa/templates/install-prompt.js

@@ -0,0 +1,186 @@
+/** Source for MaysonInstallPrompt — inline styles, host-shell ?pwa_install=1 contract. */
+export function buildMaysonInstallPromptSource() {
+    return `'use client';
+
+import { useEffect, useState, type CSSProperties } from 'react';
+
+const DISMISS_KEY = 'mayson-pwa-install-dismissed';
+
+interface BeforeInstallPromptEvent extends Event {
+  prompt: () => Promise<void>;
+  userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>;
+}
+
+function isIOS(): boolean {
+  if (typeof navigator === 'undefined') return false;
+  return /iphone|ipad|ipod/i.test(navigator.userAgent);
+}
+
+function isStandalone(): boolean {
+  if (typeof window === 'undefined') return false;
+  return (
+    window.matchMedia('(display-mode: standalone)').matches ||
+    (navigator as Navigator & { standalone?: boolean }).standalone === true
+  );
+}
+
+export function MaysonInstallPrompt() {
+  const [deferred, setDeferred] = useState<BeforeInstallPromptEvent | null>(null);
+  const [visible, setVisible] = useState(false);
+  const [showIOSHint, setShowIOSHint] = useState(false);
+  const [showBrowserHint, setShowBrowserHint] = useState(false);
+
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    const forced = params.get('pwa_install') === '1';
+    if (forced) {
+      params.delete('pwa_install');
+      const qs = params.toString();
+      history.replaceState(
+        null,
+        '',
+        window.location.pathname + (qs ? \`?\${qs}\` : '') + window.location.hash,
+      );
+      setVisible(true);
+    } else if (isStandalone() || localStorage.getItem(DISMISS_KEY) === '1') {
+      return;
+    }
+
+    const onPrompt = (e: Event) => {
+      e.preventDefault();
+      setDeferred(e as BeforeInstallPromptEvent);
+      setVisible(true);
+    };
+    window.addEventListener('beforeinstallprompt', onPrompt);
+
+    if (isIOS()) setVisible(true);
+
+    return () => window.removeEventListener('beforeinstallprompt', onPrompt);
+  }, []);
+
+  if (!visible) return null;
+
+  const dismiss = () => {
+    localStorage.setItem(DISMISS_KEY, '1');
+    setVisible(false);
+  };
+
+  const install = async () => {
+    if (deferred) {
+      await deferred.prompt();
+      const { outcome } = await deferred.userChoice;
+      if (outcome === 'accepted') setVisible(false);
+      setDeferred(null);
+    } else if (isIOS()) {
+      setShowIOSHint(true);
+    } else {
+      setShowBrowserHint(true);
+    }
+  };
+
+  const showDismiss = !showIOSHint && !showBrowserHint;
+  const cornerMask = showDismiss
+    ? 'radial-gradient(circle 20px at 100% 0, transparent 16px, #000 17px)'
+    : undefined;
+
+  const shellStyle: CSSProperties = {
+    position: 'fixed',
+    bottom: 16,
+    left: '50%',
+    zIndex: 50,
+    width: 'calc(100% - 2rem)',
+    maxWidth: 384,
+    transform: 'translateX(-50%)',
+  };
+
+  const cardStyle: CSSProperties = {
+    borderRadius: 24,
+    background: '#171718',
+    border: '0.6px solid #46454866',
+    boxShadow: '0px 8px 12px 6px #00000026',
+    padding: '12px 20px',
+    color: '#9D9DA2',
+    fontFamily: '"Google Sans", system-ui, -apple-system, sans-serif',
+    fontSize: 14,
+    lineHeight: 1.4,
+    ...(cornerMask
+      ? { maskImage: cornerMask, WebkitMaskImage: cornerMask }
+      : {}),
+  };
+
+  const installBtnStyle: CSSProperties = {
+    cursor: 'pointer',
+    borderRadius: 8,
+    background: '#fafafa',
+    color: '#171718',
+    border: 'none',
+    padding: '6px 12px',
+    fontSize: 14,
+    fontWeight: 500,
+    fontFamily: 'inherit',
+    flexShrink: 0,
+  };
+
+  const dismissBtnStyle: CSSProperties = {
+    position: 'absolute',
+    top: -6,
+    right: -6,
+    zIndex: 10,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 20,
+    height: 20,
+    cursor: 'pointer',
+    fontSize: 12,
+    color: '#737373',
+    background: '#171718',
+    border: '0.6px solid #46454866',
+    borderRadius: '9999px',
+    padding: 0,
+  };
+
+  return (
+    <div style={shellStyle}>
+      <div style={cardStyle}>
+        {showIOSHint ? (
+          <p style={{ margin: 0 }}>
+            To install: tap the &quot;Share&quot; button in Safari, then choose &quot;Add to
+            Home Screen&quot;.
+          </p>
+        ) : showBrowserHint ? (
+          <p style={{ margin: 0 }}>
+            To install: open your browser menu (⋮) and choose &quot;Install app&quot; or
+            &quot;Add to Home Screen&quot;
+          </p>
+        ) : (
+          <div
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'space-between',
+              gap: 12,
+            }}
+          >
+            <p style={{ margin: 0 }}>Install this app on your device</p>
+            <button type="button" onClick={install} style={installBtnStyle}>
+              Install
+            </button>
+          </div>
+        )}
+      </div>
+      {showDismiss && (
+        <button
+          type="button"
+          onClick={dismiss}
+          aria-label="Dismiss install prompt"
+          style={dismissBtnStyle}
+        >
+          ✕
+        </button>
+      )}
+    </div>
+  );
+}
+`;
+}

package/dist/plugins/pwa/templates/manifest.d.ts

@@ -0,0 +1,11 @@
+export type ManifestBranding = {
+    appName: string;
+    themeColor: string;
+    backgroundColor: string;
+    description: string;
+};
+declare const MANIFEST_MARKER = "@mayson-pwa-manifest";
+/** Next.js app/manifest.ts source with Mayson ownership marker. */
+export declare function buildManifestSource(branding: ManifestBranding): string;
+export { MANIFEST_MARKER };
+//# sourceMappingURL=manifest.d.ts.map

package/dist/plugins/pwa/templates/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/manifest.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,eAAe,yBAAyB,CAAC;AAE/C,mEAAmE;AACnE,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,CAyCtE;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/plugins/pwa/templates/manifest.js

@@ -0,0 +1,44 @@
+const MANIFEST_MARKER = '@mayson-pwa-manifest';
+/** Next.js app/manifest.ts source with Mayson ownership marker. */
+export function buildManifestSource(branding) {
+    const name = JSON.stringify(branding.appName);
+    const description = JSON.stringify(branding.description);
+    const theme = JSON.stringify(branding.themeColor);
+    const bg = JSON.stringify(branding.backgroundColor);
+    return `import type { MetadataRoute } from 'next';
+
+// ${MANIFEST_MARKER}
+// PWA manifest — served at /manifest.webmanifest.
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: ${name},
+    short_name: ${name},
+    description: ${description},
+    start_url: '/',
+    scope: '/',
+    display: 'standalone',
+    background_color: ${bg},
+    theme_color: ${theme},
+    icons: [
+      {
+        src: '/icons/mayson-logo-dark-192x192.png',
+        sizes: '192x192',
+        type: 'image/png',
+      },
+      {
+        src: '/icons/mayson-logo-dark-512x512.png',
+        sizes: '512x512',
+        type: 'image/png',
+      },
+      {
+        src: '/icons/mayson-logo-dark-512x512-maskable.png',
+        sizes: '512x512',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
+    ],
+  };
+}
+`;
+}
+export { MANIFEST_MARKER };

package/dist/plugins/pwa/templates/service-worker-register.d.ts

@@ -0,0 +1,3 @@
+/** Source for MaysonServiceWorkerRegister — production-only SW registration. */
+export declare function buildMaysonServiceWorkerRegisterSource(): string;
+//# sourceMappingURL=service-worker-register.d.ts.map

package/dist/plugins/pwa/templates/service-worker-register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-worker-register.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/service-worker-register.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,wBAAgB,sCAAsC,IAAI,MAAM,CAqB/D"}

package/dist/plugins/pwa/templates/service-worker-register.js

@@ -0,0 +1,23 @@
+/** Source for MaysonServiceWorkerRegister — production-only SW registration. */
+export function buildMaysonServiceWorkerRegisterSource() {
+    return `'use client';
+
+import { useEffect } from 'react';
+
+/** Registers the PWA service worker. Production-only — avoids caching stale HMR chunks in dev. */
+export function MaysonServiceWorkerRegister() {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== 'production') return;
+    if (!('serviceWorker' in navigator)) return;
+    const onLoad = () => {
+      navigator.serviceWorker.register('/sw.js').catch(() => {
+        // Installability is a nice-to-have — never break the app over it.
+      });
+    };
+    window.addEventListener('load', onLoad);
+    return () => window.removeEventListener('load', onLoad);
+  }, []);
+  return null;
+}
+`;
+}

package/dist/plugins/pwa/templates/sw.js.d.ts

@@ -0,0 +1,6 @@
+declare const SW_MARKER = "@mayson-pwa-sw";
+declare const CACHE_VERSION = "mayson-pwa-v1";
+/** public/sw.js source with Mayson ownership marker. */
+export declare function buildSwJsSource(): string;
+export { SW_MARKER, CACHE_VERSION };
+//# sourceMappingURL=sw.js.d.ts.map

package/dist/plugins/pwa/templates/sw.js.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sw.js.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/sw.js.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS,mBAAmB,CAAC;AACnC,QAAA,MAAM,aAAa,kBAAkB,CAAC;AAEtC,wDAAwD;AACxD,wBAAgB,eAAe,IAAI,MAAM,CAkDxC;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}