sveltekit-cache-first 0.0.5 → 1.1.0

package/README.md

@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 # SvelteKit Cache First
 
 A small library to make your SvelteKit Web App / PWA use a cache first approach: instant second visit loads and fast performance on poor network conditions.
@@ -67,4 +68,70 @@ const options = {
 };
 
 setupServiceWorker(self, { version, build, files, options });
+=======
+# Svelte library
+
+Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).
+
+Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project in the current directory
+npx sv create
+
+# create a new project in my-app
+npx sv create my-app
+```
+
+To recreate this project with the same configuration:
+
+```sh
+# recreate this project
+pnpm dlx sv@0.16.6 create --template library --types ts --install pnpm sveltekit-cache-first
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```sh
+npm pack
+```
+
+To create a production version of your showcase app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```sh
+npm publish
+>>>>>>> b1866e7 (Fix imports and double updates)
 ```

package/dist/client.d.ts

@@ -0,0 +1 @@
+export declare function onUpdate(handle: (onAccept: () => void) => void): void;

package/dist/client.js

@@ -0,0 +1,68 @@
+function getVersion(worker) {
+    return new Promise((resolve) => {
+        const channel = new MessageChannel();
+        channel.port1.onmessage = (e) => resolve(e.data ?? null);
+        worker.postMessage({ type: 'SKLOCALFIRST_GET_VERSION' }, [channel.port2]);
+    });
+}
+async function checkVersionChanged(worker) {
+    const version = await getVersion(worker);
+    if (!version)
+        return false;
+    const lastPrompted = localStorage.getItem('lastPrompted');
+    if (lastPrompted === version)
+        return false;
+    localStorage.setItem('lastPrompted', version);
+    return true;
+}
+function handleAccept(worker) {
+    worker.postMessage({ type: 'SKLOCALFIRST_SKIP_WAITING' });
+}
+let handlers = [];
+let listenerSetUp = false;
+function sendOnce(handleAccept) {
+    handlers.forEach((handle) => handle(handleAccept));
+    handlers = [];
+}
+function setupSWListener() {
+    if (!('serviceWorker' in navigator)) {
+        return () => { };
+    }
+    navigator.serviceWorker.getRegistration().then(async (reg) => {
+        if (!reg)
+            return;
+        listenerSetUp = true;
+        // 1️⃣ Detect if a waiting SW already exists
+        if (reg.waiting) {
+            const sw = reg.waiting;
+            if (await checkVersionChanged(sw)) {
+                console.log('existing waiting SW', sw);
+                sendOnce(() => handleAccept(sw));
+                return;
+            }
+        }
+        // 2️⃣ Listen for new SW installations
+        reg.addEventListener('updatefound', () => {
+            const sw = reg.installing;
+            if (!sw)
+                return;
+            sw.addEventListener('statechange', () => {
+                if (sw.state === 'installed' && navigator.serviceWorker.controller) {
+                    console.log('state change', sw);
+                    sendOnce(() => handleAccept(sw));
+                    return;
+                }
+            });
+        });
+    });
+    // 3️⃣ Reload page when the new SW takes control
+    navigator.serviceWorker.addEventListener('controllerchange', () => {
+        window.location.reload();
+    });
+}
+export function onUpdate(handle) {
+    handlers.push(handle);
+    if (!listenerSetUp) {
+        setupSWListener();
+    }
+}

package/dist/index.d.ts

@@ -1,4 +1 @@
-import UpdateAvailable from "./update-available.svelte";
-import { onUpdate } from "./update.ts";
-import NoUpdate from "./no-update.svelte";
-export { onUpdate, UpdateAvailable, NoUpdate };
+export { default as UpdateAvailable } from "./update-available.svelte";

package/dist/index.js

@@ -1,5 +1 @@
-// Reexport your entry components here
-import UpdateAvailable from "./update-available.svelte";
-import { onUpdate } from "./update.js";
-import NoUpdate from "./no-update.svelte";
-export { onUpdate, UpdateAvailable, NoUpdate };
+export { default as UpdateAvailable } from "./update-available.svelte";

package/dist/no-update.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount, type Snippet } from 'svelte';
-	import { onUpdate } from './update.js';
+	import { onUpdate } from './client.js';
 
 	let { children }: { children?: Snippet } = $props();
 

package/dist/update-available.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount, type Snippet } from 'svelte';
-	import { onUpdate } from './update.js';
+	import { onUpdate } from './client.js';
 
 	let { children }: { children?: Snippet<[{ accept: () => void }]> } = $props();
 

package/package.json

@@ -1,8 +1,7 @@
 {
 	"name": "sveltekit-cache-first",
-	"version": "0.0.5",
+	"version": "1.1.0",
 	"repository": "github:isaxk/sveltekit-cache-first",
-	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -14,7 +13,6 @@
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write ."
 	},
-
 	"files": [
 		"dist",
 		"!dist/**/*.test.*",
@@ -31,14 +29,18 @@
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js"
 		},
-		"./sw": {
+		"sw": {
 			"types": "./dist/sw.d.ts",
-			"default": "./dist/sw.js"
+			"svelte": "./dist/sw.js"
+		},
+		"client": {
+			"types": "./dist/client.d.ts",
+			"svelte": "./dist/client.js"
 		}
 	},
 	"peerDependencies": {
-		"svelte": "^5.0.0",
-		"@sveltejs/kit": "^2.63.0"
+		"@sveltejs/kit": "^2.63.0",
+		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
 		"@eslint/js": "^10.0.1",