@serwist/svelte 9.4.4 → 9.5.0

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { type InjectManifestOptions } from "@serwist/build";
+import type { Optional } from "@serwist/utils";
+import type { Adapter } from "@sveltejs/kit";
+export interface SerwistOptions extends Optional<Omit<InjectManifestOptions, "swSrc" | "swDest">, "globDirectory"> {
+}
+export declare const DEFAULT_GLOB_PATTERNS: string[];
+/**
+ * Adapter post-processing a SvelteKit service worker. Accepts another adapter.
+ *
+ * @param adapter
+ * @returns
+ */
+export declare const serwist: (adapter?: Adapter, options?: SerwistOptions) => Adapter;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAkB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,cAAe,SAAQ,QAAQ,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,QAAQ,CAAC,EAAE,eAAe,CAAC;CAAG;AAErH,eAAO,MAAM,qBAAqB,UAIjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,aAAc,OAAO,YAAY,cAAc,KAAG,OA6ErE,CAAC"}

package/dist/index.js

@@ -0,0 +1,91 @@
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { injectManifest } from "@serwist/build";
+export const DEFAULT_GLOB_PATTERNS = [
+    "client/**/*.{js,css,ico,png,svg,webp,json,webmanifest}",
+    "prerendered/pages/**/*.html",
+    "prerendered/dependencies/**/__data.json",
+];
+/**
+ * Adapter post-processing a SvelteKit service worker. Accepts another adapter.
+ *
+ * @param adapter
+ * @returns
+ */
+export const serwist = (adapter, options) => {
+    return {
+        ...adapter,
+        name: adapter ? `${adapter.name} + @serwist/svelte` : `@serwist/svelte`,
+        async adapt(builder) {
+            let buildAssetsDir = builder.config.kit.appDir;
+            if (buildAssetsDir[0] === "/") {
+                buildAssetsDir = buildAssetsDir.slice(1);
+            }
+            if (buildAssetsDir[buildAssetsDir.length - 1] !== "/") {
+                buildAssetsDir += "/";
+            }
+            const swSrc = path.join(builder.getClientDirectory(), "service-worker.js");
+            if (!existsSync(swSrc)) {
+                builder.log.warn("Failed to locate service worker.");
+            }
+            else {
+                const { count, size, warnings } = await injectManifest({
+                    dontCacheBustURLsMatching: new RegExp(`^client/${buildAssetsDir}immutable/`),
+                    globDirectory: builder.getBuildDirectory("output"),
+                    globPatterns: DEFAULT_GLOB_PATTERNS,
+                    ...options,
+                    swSrc,
+                    swDest: swSrc,
+                    globIgnores: ["server/*.*", "client/service-worker.js", ...(options?.globIgnores ?? [])],
+                    manifestTransforms: [
+                        ...(options?.manifestTransforms ?? []),
+                        // This `manifestTransform` makes the precache manifest valid.
+                        async (entries) => {
+                            const manifest = entries.map((e) => {
+                                // Static assets are in the ".svelte-kit/output/client" directory.
+                                // Prerender pages are in the ".svelte-kit/output/prerendered/pages" directory.
+                                // Remove the prefix, but keep the ending slash.
+                                if (e.url.startsWith("client/")) {
+                                    e.url = e.url.slice(6);
+                                }
+                                else if (e.url.startsWith("prerendered/pages/")) {
+                                    e.url = e.url.slice(17);
+                                }
+                                else if (e.url.startsWith("prerendered/dependencies/")) {
+                                    e.url = e.url.slice(24);
+                                }
+                                if (e.url.endsWith(".html")) {
+                                    // trailingSlash: 'always'
+                                    // https://kit.svelte.dev/docs/page-options#trailingslash
+                                    // "/abc/index.html" -> "/abc/"
+                                    // "/index.html" -> "/"
+                                    if (e.url.endsWith("/index.html")) {
+                                        e.url = e.url.slice(0, e.url.lastIndexOf("/") + 1);
+                                    }
+                                    // trailingSlash: 'ignored'
+                                    // trailingSlash: 'never'
+                                    // https://kit.svelte.dev/docs/page-options#trailingslash
+                                    // "/xxx.html" -> "/xxx"
+                                    else {
+                                        e.url = e.url.substring(0, e.url.lastIndexOf("."));
+                                    }
+                                }
+                                // Finally, prepend `viteConfig.base`.
+                                // "/path" -> "/base/path"
+                                // "/" -> "/base/"
+                                e.url = path.posix.join(builder.config.kit.paths.base, e.url);
+                                return e;
+                            });
+                            return { manifest };
+                        },
+                    ],
+                });
+                builder.log(`Generated service worker with ${count} precache entries (${(size / 1024).toFixed(2)} KiB)`);
+                if (warnings && warnings.length > 0) {
+                    builder.log.warn(warnings.join("\n"));
+                }
+            }
+            return adapter?.adapt(builder);
+        },
+    };
+};

package/dist/index.svelte.d.ts

@@ -0,0 +1,10 @@
+import { Serwist } from "@serwist/window";
+declare global {
+    interface Window {
+        serwist: Serwist | undefined;
+    }
+}
+export declare const useSerwist: (swUrl: string, registerOptions?: RegistrationOptions) => {
+    readonly serwist: Serwist | null;
+};
+//# sourceMappingURL=index.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.svelte.d.ts","sourceRoot":"","sources":["../src/lib/index.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;KAC9B;CACF;AAED,eAAO,MAAM,UAAU,UAAW,MAAM,oBAAoB,mBAAmB;;CAa9E,CAAC"}

package/dist/index.svelte.js

@@ -0,0 +1,18 @@
+/// <reference types="svelte" />
+import { Serwist } from "@serwist/window";
+import { BROWSER } from "esm-env";
+export const useSerwist = (swUrl, registerOptions) => {
+    const serwist = $derived.by(() => {
+        if (!BROWSER)
+            return null;
+        if (!(window.serwist && window.serwist instanceof Serwist) && "serviceWorker" in navigator) {
+            window.serwist = new Serwist(swUrl, registerOptions);
+        }
+        return window.serwist ?? null;
+    });
+    return {
+        get serwist() {
+            return serwist;
+        },
+    };
+};

package/dist/index.worker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@sveltejs/kit" />
 import type { PrecacheEntry, RuntimeCaching } from "serwist";
 import { base as basePath, build as immutableAssets, prerendered as prerenderedRoutes, version as serviceWorkerVersion, files as staticAssets } from "$service-worker";
 export { basePath, immutableAssets, staticAssets, prerenderedRoutes, serviceWorkerVersion };

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

@@ -1 +1 @@
-{"version":3,"file":"index.worker.d.ts","sourceRoot":"","sources":["../src/index.worker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI7D,OAAO,EACL,IAAI,IAAI,QAAQ,EAChB,KAAK,IAAI,eAAe,EACxB,WAAW,IAAI,iBAAiB,EAChC,OAAO,IAAI,oBAAoB,EAC/B,KAAK,IAAI,YAAY,EACtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;AAE5F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK;IAC7D,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAAI,mGAMjC,0BAA+B,KAAG,aAAa,EAAE,GAAG,SA2CtD,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAgC,CAAC;AAExE;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,EAmHpC,CAAC"}
+{"version":3,"file":"index.worker.d.ts","sourceRoot":"","sources":["../src/lib/index.worker.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI7D,OAAO,EACL,IAAI,IAAI,QAAQ,EAChB,KAAK,IAAI,eAAe,EACxB,WAAW,IAAI,iBAAiB,EAChC,OAAO,IAAI,oBAAoB,EAC/B,KAAK,IAAI,YAAY,EACtB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,CAAC;AAE5F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK;IAC7D,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC1C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,sGAM7B,0BAA0B,KAAQ,aAAa,EAAE,GAAG,SA2CtD,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAgC,CAAC;AAExE;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,cAAc,EAmHpC,CAAC"}

package/dist/index.worker.js

@@ -1,27 +1,38 @@
-import { NetworkOnly, CacheFirst, StaleWhileRevalidate, NetworkFirst, ExpirationPlugin } from 'serwist';
-import { logger } from 'serwist/internal';
-import { build, files, prerendered, version } from '$service-worker';
-export { base as basePath, build as immutableAssets, prerendered as prerenderedRoutes, version as serviceWorkerVersion, files as staticAssets } from '$service-worker';
-
-const getPrecacheManifest = ({ precacheImmutable = true, precacheStatic = true, precachePrerendered = true, staticRevisions, manifestTransforms } = {})=>{
-    const staticMapper = (url)=>({
-            url,
-            revision: typeof staticRevisions === "string" ? staticRevisions : typeof staticRevisions === "object" ? url in staticRevisions ? staticRevisions[url] : version : version
-        });
+import { DEV } from "esm-env";
+import { CacheFirst, ExpirationPlugin, NetworkFirst, NetworkOnly, StaleWhileRevalidate } from "serwist";
+import { logger } from "serwist/internal";
+import { base as basePath, build as immutableAssets, prerendered as prerenderedRoutes, version as serviceWorkerVersion, files as staticAssets, } from "$service-worker";
+export { basePath, immutableAssets, staticAssets, prerenderedRoutes, serviceWorkerVersion };
+/**
+ * Retrieves the precache manifest generated by SvelteKit. A simple
+ * wrapper around SvelteKit's built-in service worker support. For more
+ * complex use cases, seek [the `@serwist/vite` recipe for SvelteKit](https://serwist.pages.dev/docs/vite/recipes/svelte-kit).
+ *
+ * @param options
+ * @returns
+ */
+export const getPrecacheManifest = ({ precacheImmutable = true, precacheStatic = true, precachePrerendered = true, staticRevisions, manifestTransforms, } = {}) => {
+    const staticMapper = (url) => ({
+        url,
+        revision: typeof staticRevisions === "string"
+            ? staticRevisions
+            : typeof staticRevisions === "object"
+                ? url in staticRevisions
+                    ? staticRevisions[url]
+                    : serviceWorkerVersion
+                : serviceWorkerVersion,
+    });
     let precacheManifest = [
-        ...precacheImmutable ? build.map((url)=>({
-                url,
-                revision: null
-            })) : [],
-        ...precacheStatic ? files.map(staticMapper) : [],
-        ...precachePrerendered ? prerendered.map((url)=>({
-                url,
-                revision: version
-            })) : []
+        // Immutable files generated by Vite.
+        ...(precacheImmutable ? immutableAssets.map((url) => ({ url, revision: null })) : []),
+        // Files in the static directory.
+        ...(precacheStatic ? staticAssets.map(staticMapper) : []),
+        // Prerendered routes.
+        ...(precachePrerendered ? prerenderedRoutes.map((url) => ({ url, revision: serviceWorkerVersion })) : []),
     ];
     if (manifestTransforms) {
         const allWarnings = [];
-        for (const transform of manifestTransforms){
+        for (const transform of manifestTransforms) {
             const result = transform(precacheManifest);
             if (!("manifest" in result)) {
                 if (process.env.NODE_ENV !== "production") {
@@ -30,12 +41,12 @@ const getPrecacheManifest = ({ precacheImmutable = true, precacheStatic = true,
                 return undefined;
             }
             precacheManifest = result.manifest;
-            allWarnings.push(...result.warnings || []);
+            allWarnings.push(...(result.warnings || []));
         }
         if (process.env.NODE_ENV !== "production" && allWarnings.length > 0) {
             logger.warn("Received warnings while transforming the precache manifest.");
             logger.groupCollapsed("View details here.");
-            for (const warning of allWarnings){
+            for (const warning of allWarnings) {
                 logger.warn(warning);
             }
             logger.groupEnd();
@@ -43,122 +54,126 @@ const getPrecacheManifest = ({ precacheImmutable = true, precacheStatic = true,
     }
     return precacheManifest;
 };
-const defaultIgnoreUrlParameters = [
-    /^x-sveltekit-invalidated$/
-];
-const defaultCache = import.meta.env.DEV ? [
-    {
-        matcher: /.*/i,
-        handler: new NetworkOnly()
-    }
-] : [
-    {
-        matcher: /^https:\/\/fonts\.(?:googleapis|gstatic)\.com\/.*/i,
-        handler: new CacheFirst({
-            cacheName: "google-fonts",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 4,
-                    maxAgeSeconds: 365 * 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,
-        handler: new StaleWhileRevalidate({
-            cacheName: "static-font-assets",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 4,
-                    maxAgeSeconds: 7 * 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,
-        handler: new StaleWhileRevalidate({
-            cacheName: "static-image-assets",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 64,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\.(?:js)$/i,
-        handler: new StaleWhileRevalidate({
-            cacheName: "static-js-assets",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 32,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\.(?:css|less)$/i,
-        handler: new StaleWhileRevalidate({
-            cacheName: "static-style-assets",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 32,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\.(?:json|xml|csv)$/i,
-        handler: new NetworkFirst({
-            cacheName: "static-data-assets",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 32,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ]
-        })
-    },
-    {
-        matcher: /\/api\/.*$/i,
-        method: "GET",
-        handler: new NetworkFirst({
-            cacheName: "apis",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 16,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ],
-            networkTimeoutSeconds: 10
-        })
-    },
-    {
-        matcher: /.*/i,
-        handler: new NetworkFirst({
-            cacheName: "others",
-            plugins: [
-                new ExpirationPlugin({
-                    maxEntries: 32,
-                    maxAgeSeconds: 24 * 60 * 60,
-                    maxAgeFrom: "last-used"
-                })
-            ],
-            networkTimeoutSeconds: 10
-        })
-    }
-];
-
-export { defaultCache, defaultIgnoreUrlParameters, getPrecacheManifest };
+export const defaultIgnoreUrlParameters = [/^x-sveltekit-invalidated$/];
+/**
+ * The default, recommended list of caching strategies for applications
+ * built with SvelteKit.
+ *
+ * @see https://serwist.pages.dev/docs/svelte/worker-exports#default-cache
+ */
+export const defaultCache = DEV
+    ? [
+        {
+            matcher: /.*/i,
+            handler: new NetworkOnly(),
+        },
+    ]
+    : [
+        {
+            matcher: /^https:\/\/fonts\.(?:googleapis|gstatic)\.com\/.*/i,
+            handler: new CacheFirst({
+                cacheName: "google-fonts",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 4,
+                        maxAgeSeconds: 365 * 24 * 60 * 60, // 365 days
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,
+            handler: new StaleWhileRevalidate({
+                cacheName: "static-font-assets",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 4,
+                        maxAgeSeconds: 7 * 24 * 60 * 60, // 7 days
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,
+            handler: new StaleWhileRevalidate({
+                cacheName: "static-image-assets",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 64,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\.(?:js)$/i,
+            handler: new StaleWhileRevalidate({
+                cacheName: "static-js-assets",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 32,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\.(?:css|less)$/i,
+            handler: new StaleWhileRevalidate({
+                cacheName: "static-style-assets",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 32,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\.(?:json|xml|csv)$/i,
+            handler: new NetworkFirst({
+                cacheName: "static-data-assets",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 32,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+            }),
+        },
+        {
+            matcher: /\/api\/.*$/i,
+            method: "GET",
+            handler: new NetworkFirst({
+                cacheName: "apis",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 16,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+                networkTimeoutSeconds: 10, // fallback to cache if API does not response within 10 seconds
+            }),
+        },
+        {
+            matcher: /.*/i,
+            handler: new NetworkFirst({
+                cacheName: "others",
+                plugins: [
+                    new ExpirationPlugin({
+                        maxEntries: 32,
+                        maxAgeSeconds: 24 * 60 * 60, // 24 hours
+                        maxAgeFrom: "last-used",
+                    }),
+                ],
+                networkTimeoutSeconds: 10,
+            }),
+        },
+    ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serwist/svelte",
-  "version": "9.4.4",
+  "version": "9.5.0",
   "type": "module",
   "description": "A module that complements SvelteKit's built-in service worker support.",
   "files": [
@@ -25,14 +25,27 @@
   "repository": "https://github.com/serwist/serwist",
   "bugs": "https://github.com/serwist/serwist/issues",
   "homepage": "https://serwist.pages.dev",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "client": [
+        "./dist/index.svelte.d.ts"
+      ],
       "worker": [
         "./dist/index.worker.d.ts"
       ]
     }
   },
   "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./client": {
+      "types": "./dist/index.svelte.d.ts",
+      "svelte": "./dist/index.svelte.js"
+    },
     "./worker": {
       "types": "./dist/index.worker.d.ts",
       "default": "./dist/index.worker.js"
@@ -40,25 +53,33 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "serwist": "9.4.4"
+    "@sveltejs/package": "2.5.7",
+    "esm-env": "1.2.2",
+    "@serwist/build": "9.5.0",
+    "@serwist/utils": "9.5.0",
+    "@serwist/window": "9.5.0",
+    "serwist": "9.5.0"
   },
   "devDependencies": {
     "@sveltejs/kit": "2.49.2",
-    "rollup": "4.54.0",
-    "@serwist/configs": "9.4.4"
+    "svelte": "5.46.1"
   },
   "peerDependencies": {
     "@sveltejs/kit": ">=2.0.0",
+    "svelte": ">=5.0.0",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    },
     "typescript": {
       "optional": true
     }
   },
   "scripts": {
-    "build": "rimraf dist && NODE_ENV=production rollup --config rollup.config.js",
-    "dev": "rollup --config rollup.config.js --watch",
+    "build": "rimraf dist && svelte-package",
+    "dev": "svelte-package --watch",
     "lint": "biome lint ./src",
     "typecheck": "tsc"
   }

package/src/lib/index.svelte.ts

@@ -0,0 +1,24 @@
+/// <reference types="svelte" />
+import { Serwist } from "@serwist/window";
+import { BROWSER } from "esm-env";
+
+declare global {
+  interface Window {
+    serwist: Serwist | undefined;
+  }
+}
+
+export const useSerwist = (swUrl: string, registerOptions?: RegistrationOptions) => {
+  const serwist = $derived.by(() => {
+    if (!BROWSER) return null;
+    if (!(window.serwist && window.serwist instanceof Serwist) && "serviceWorker" in navigator) {
+      window.serwist = new Serwist(swUrl, registerOptions);
+    }
+    return window.serwist ?? null;
+  });
+  return {
+    get serwist() {
+      return serwist;
+    },
+  };
+};

package/src/lib/index.ts

@@ -0,0 +1,98 @@
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { type InjectManifestOptions, injectManifest } from "@serwist/build";
+import type { Optional } from "@serwist/utils";
+import type { Adapter } from "@sveltejs/kit";
+
+export interface SerwistOptions extends Optional<Omit<InjectManifestOptions, "swSrc" | "swDest">, "globDirectory"> {}
+
+export const DEFAULT_GLOB_PATTERNS = [
+  "client/**/*.{js,css,ico,png,svg,webp,json,webmanifest}",
+  "prerendered/pages/**/*.html",
+  "prerendered/dependencies/**/__data.json",
+];
+
+/**
+ * Adapter post-processing a SvelteKit service worker. Accepts another adapter.
+ *
+ * @param adapter
+ * @returns
+ */
+export const serwist = (adapter?: Adapter, options?: SerwistOptions): Adapter => {
+  return {
+    ...adapter,
+    name: adapter ? `${adapter.name} + @serwist/svelte` : `@serwist/svelte`,
+    async adapt(builder) {
+      let buildAssetsDir = builder.config.kit.appDir;
+      if (buildAssetsDir[0] === "/") {
+        buildAssetsDir = buildAssetsDir.slice(1);
+      }
+      if (buildAssetsDir[buildAssetsDir.length - 1] !== "/") {
+        buildAssetsDir += "/";
+      }
+      const swSrc = path.join(builder.getClientDirectory(), "service-worker.js");
+      if (!existsSync(swSrc)) {
+        builder.log.warn("Failed to locate service worker.");
+      } else {
+        const { count, size, warnings } = await injectManifest({
+          dontCacheBustURLsMatching: new RegExp(`^client/${buildAssetsDir}immutable/`),
+          globDirectory: builder.getBuildDirectory("output"),
+          globPatterns: DEFAULT_GLOB_PATTERNS,
+          ...options,
+          swSrc,
+          swDest: swSrc,
+          globIgnores: ["server/*.*", "client/service-worker.js", ...(options?.globIgnores ?? [])],
+          manifestTransforms: [
+            ...(options?.manifestTransforms ?? []),
+            // This `manifestTransform` makes the precache manifest valid.
+            async (entries) => {
+              const manifest = entries.map((e) => {
+                // Static assets are in the ".svelte-kit/output/client" directory.
+                // Prerender pages are in the ".svelte-kit/output/prerendered/pages" directory.
+                // Remove the prefix, but keep the ending slash.
+                if (e.url.startsWith("client/")) {
+                  e.url = e.url.slice(6);
+                } else if (e.url.startsWith("prerendered/pages/")) {
+                  e.url = e.url.slice(17);
+                } else if (e.url.startsWith("prerendered/dependencies/")) {
+                  e.url = e.url.slice(24);
+                }
+
+                if (e.url.endsWith(".html")) {
+                  // trailingSlash: 'always'
+                  // https://kit.svelte.dev/docs/page-options#trailingslash
+                  // "/abc/index.html" -> "/abc/"
+                  // "/index.html" -> "/"
+                  if (e.url.endsWith("/index.html")) {
+                    e.url = e.url.slice(0, e.url.lastIndexOf("/") + 1);
+                  }
+                  // trailingSlash: 'ignored'
+                  // trailingSlash: 'never'
+                  // https://kit.svelte.dev/docs/page-options#trailingslash
+                  // "/xxx.html" -> "/xxx"
+                  else {
+                    e.url = e.url.substring(0, e.url.lastIndexOf("."));
+                  }
+                }
+
+                // Finally, prepend `viteConfig.base`.
+                // "/path" -> "/base/path"
+                // "/" -> "/base/"
+                e.url = path.posix.join(builder.config.kit.paths.base, e.url);
+
+                return e;
+              });
+
+              return { manifest };
+            },
+          ],
+        });
+        builder.log(`Generated service worker with ${count} precache entries (${(size / 1024).toFixed(2)} KiB)`);
+        if (warnings && warnings.length > 0) {
+          builder.log.warn(warnings.join("\n"));
+        }
+      }
+      return adapter?.adapt(builder);
+    },
+  };
+};

package/src/{index.worker.ts → lib/index.worker.ts}

@@ -1,3 +1,4 @@
+import { DEV } from "esm-env";
 import type { PrecacheEntry, RuntimeCaching } from "serwist";
 import { CacheFirst, ExpirationPlugin, NetworkFirst, NetworkOnly, StaleWhileRevalidate } from "serwist";
 import { logger } from "serwist/internal";
@@ -126,7 +127,7 @@ export const defaultIgnoreUrlParameters = [/^x-sveltekit-invalidated$/];
  *
  * @see https://serwist.pages.dev/docs/svelte/worker-exports#default-cache
  */
-export const defaultCache: RuntimeCaching[] = import.meta.env.DEV
+export const defaultCache: RuntimeCaching[] = DEV
   ? [
       {
         matcher: /.*/i,