@serwist/next 9.3.1 → 9.4.1

package/dist/index.config.js

@@ -12,8 +12,8 @@ const generateGlobPatterns = (distDir)=>[
 const __require = createRequire(import.meta.url);
 const loadNextConfig = __require("next/dist/server/config.js");
 const serwist = async (options)=>{
-    const isWatch = process.env.SERWIST_ENV === "watch";
-    const nextPhase = isWatch ? PHASE_DEVELOPMENT_SERVER : PHASE_PRODUCTION_BUILD;
+    const isDev = process.env.NODE_ENV === "development";
+    const nextPhase = isDev ? PHASE_DEVELOPMENT_SERVER : PHASE_PRODUCTION_BUILD;
     const config = await loadNextConfig.default(nextPhase, process.cwd(), {
         silent: false
     });
@@ -35,7 +35,7 @@ const serwist = async (options)=>{
     }
     return {
         dontCacheBustURLsMatching: new RegExp(`^${distDir}static/`),
-        disablePrecacheManifest: isWatch,
+        disablePrecacheManifest: isDev,
         ...cliOptions,
         globDirectory,
         globPatterns: [

package/dist/index.react.d.ts

@@ -3,6 +3,7 @@ import { type ReactNode } from "react";
 import { useSerwist } from "./lib/context.js";
 export interface SerwistProviderProps {
     swUrl: string;
+    disable?: boolean;
     register?: boolean;
     cacheOnNavigation?: boolean;
     reloadOnOnline?: boolean;
@@ -14,6 +15,11 @@ declare global {
         serwist: Serwist;
     }
 }
-export declare function SerwistProvider({ swUrl, register, cacheOnNavigation, reloadOnOnline, options, children, }: SerwistProviderProps): import("react").JSX.Element;
+/**
+ * `@serwist/window` provider for Next.js apps.
+ * @param options
+ * @returns
+ */
+export declare function SerwistProvider({ swUrl, disable, register, cacheOnNavigation, reloadOnOnline, options, children, }: SerwistProviderProps): import("react").JSX.Element;
 export { useSerwist };
 //# sourceMappingURL=index.react.d.ts.map

package/dist/index.react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.react.d.ts","sourceRoot":"","sources":["../src/index.react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAkB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,OAAO,CAAC;KAClB;CACF;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAe,EACf,iBAAwB,EACxB,cAAqB,EACrB,OAAO,EACP,QAAQ,GACT,EAAE,oBAAoB,+BAwDtB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.react.d.ts","sourceRoot":"","sources":["../src/index.react.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAkB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,OAAO,CAAC;KAClB;CACF;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAe,EACf,QAAe,EACf,iBAAwB,EACxB,cAAqB,EACrB,OAAO,EACP,QAAQ,GACT,EAAE,oBAAoB,+BAuDtB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/index.react.js

@@ -12,28 +12,23 @@ const useSerwist = ()=>{
     return context;
 };
 
-function SerwistProvider({ swUrl, register = true, cacheOnNavigation = true, reloadOnOnline = true, options, children }) {
+function SerwistProvider({ swUrl, disable = false, register = true, cacheOnNavigation = true, reloadOnOnline = true, options, children }) {
     const [serwist] = useState(()=>{
         if (typeof window === "undefined") return null;
+        if (disable) return null;
+        const scope = options?.scope || "/";
         if (!(window.serwist && window.serwist instanceof Serwist) && "serviceWorker" in navigator) {
             window.serwist = new Serwist(swUrl, {
                 ...options,
-                type: options?.type || "module",
-                scope: options?.scope || "/"
+                scope,
+                type: options?.type || "module"
             });
+            if (register && !isCurrentPageOutOfScope(scope)) {
+                void window.serwist.register();
+            }
         }
         return window.serwist ?? null;
     });
-    useEffect(()=>{
-        const scope = options?.scope || "/";
-        if (register && !isCurrentPageOutOfScope(scope)) {
-            void serwist?.register();
-        }
-    }, [
-        register,
-        options?.scope,
-        serwist?.register
-    ]);
     useEffect(()=>{
         const cacheUrls = async (url)=>{
             if (!window.navigator.onLine || !url) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serwist/next",
-  "version": "9.3.1",
+  "version": "9.4.1",
   "type": "module",
   "description": "A module that integrates Serwist into your Next.js application.",
   "files": [
@@ -80,10 +80,10 @@
     "kolorist": "1.8.0",
     "semver": "7.7.3",
     "zod": "4.2.1",
-    "@serwist/build": "9.3.1",
-    "@serwist/webpack-plugin": "9.3.1",
-    "@serwist/window": "9.3.1",
-    "serwist": "9.3.1"
+    "@serwist/build": "9.4.1",
+    "@serwist/webpack-plugin": "9.4.1",
+    "@serwist/window": "9.4.1",
+    "serwist": "9.4.1"
   },
   "devDependencies": {
     "@types/node": "25.0.3",
@@ -96,15 +96,15 @@
     "type-fest": "5.3.1",
     "typescript": "5.9.3",
     "webpack": "5.104.1",
-    "@serwist/cli": "9.3.1",
-    "@serwist/configs": "9.3.1",
-    "@serwist/utils": "9.3.1"
+    "@serwist/cli": "9.4.1",
+    "@serwist/configs": "9.4.1",
+    "@serwist/utils": "9.4.1"
   },
   "peerDependencies": {
     "next": ">=14.0.0",
     "react": ">=18.0.0",
     "typescript": ">=5.0.0",
-    "@serwist/cli": "9.3.1"
+    "@serwist/cli": "^9.4.1"
   },
   "peerDependenciesMeta": {
     "@serwist/cli": {

package/src/index.config.ts

@@ -9,8 +9,8 @@ import { generateGlobPatterns } from "./lib/config/utils.js";
 import loadNextConfig = require("next/dist/server/config.js");
 
 export const serwist = async (options: SerwistOptions): Promise<BuildOptions> => {
-  const isWatch = process.env.SERWIST_ENV === "watch";
-  const nextPhase = isWatch ? PHASE_DEVELOPMENT_SERVER : PHASE_PRODUCTION_BUILD;
+  const isDev = process.env.NODE_ENV === "development";
+  const nextPhase = isDev ? PHASE_DEVELOPMENT_SERVER : PHASE_PRODUCTION_BUILD;
   const config = await loadNextConfig.default(nextPhase, process.cwd(), {
     silent: false,
   });
@@ -27,7 +27,7 @@ export const serwist = async (options: SerwistOptions): Promise<BuildOptions> =>
   }
   return {
     dontCacheBustURLsMatching: new RegExp(`^${distDir}static/`),
-    disablePrecacheManifest: isWatch,
+    disablePrecacheManifest: isDev,
     ...cliOptions,
     globDirectory,
     globPatterns: [

package/src/index.react.tsx

@@ -5,6 +5,7 @@ import { SerwistContext, useSerwist } from "./lib/context.js";
 
 export interface SerwistProviderProps {
   swUrl: string;
+  disable?: boolean;
   register?: boolean;
   cacheOnNavigation?: boolean;
   reloadOnOnline?: boolean;
@@ -18,8 +19,14 @@ declare global {
   }
 }
 
+/**
+ * `@serwist/window` provider for Next.js apps.
+ * @param options
+ * @returns
+ */
 export function SerwistProvider({
   swUrl,
+  disable = false,
   register = true,
   cacheOnNavigation = true,
   reloadOnOnline = true,
@@ -28,17 +35,16 @@ export function SerwistProvider({
 }: SerwistProviderProps) {
   const [serwist] = useState(() => {
     if (typeof window === "undefined") return null;
+    if (disable) return null;
+    const scope = options?.scope || "/";
     if (!(window.serwist && window.serwist instanceof Serwist) && "serviceWorker" in navigator) {
-      window.serwist = new Serwist(swUrl, { ...options, type: options?.type || "module", scope: options?.scope || "/" });
+      window.serwist = new Serwist(swUrl, { ...options, scope, type: options?.type || "module" });
+      if (register && !isCurrentPageOutOfScope(scope)) {
+        void window.serwist.register();
+      }
     }
     return window.serwist ?? null;
   });
-  useEffect(() => {
-    const scope = options?.scope || "/";
-    if (register && !isCurrentPageOutOfScope(scope)) {
-      void serwist?.register();
-    }
-  }, [register, options?.scope, serwist?.register]);
   useEffect(() => {
     const cacheUrls = async (url?: string | URL | null | undefined) => {
       if (!window.navigator.onLine || !url) {