sveltekit-cache-first 0.0.2 → 0.0.3

package/README.md

@@ -11,7 +11,7 @@ npm install sveltekit-cache-first
 ```js
 // src/service-worker.js
 import { version, build, files } from '$service-worker';
-import { setupServiceWorker } from 'sveltekit-cache-first';
+import { setupServiceWorker } from 'sveltekit-cache-first/sw';
 
 setupServiceWorker(self, { version, build, files });
 ```
@@ -29,6 +29,12 @@ setupServiceWorker(self, { version, build, files });
 		<button onclick={() => accept()}>Refresh</button>
 	{/snippet}
 </UpdateAvailable>
+
+<!-- Optional -->
+<!-- Note: This will disappear after the update has been detected, which may take a few seconds to appear. Only use this if your app must always be running the latest version. And if that is that is the case, strongly consider if cache-first is the right approach, or use other methods like api versioning. -->
+<NoUpdate>
+	Main logic here
+</NoUpdate>
 ```
 
 #### Custom handler method, using [svelte-sonner](https://github.com/wobsoriano/svelte-sonner)

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/no-update.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import { onMount, type Snippet } from 'svelte';
+	import { onUpdate } from './update.js';
+
+	let { children }: { children?: Snippet } = $props();
+
+	let updateAvailable = $state(false);
+	onMount(() => {
+		onUpdate(() => {
+			updateAvailable = true;
+		});
+	});
+</script>
+
+{#if !updateAvailable}
+	{@render children?.()}
+{/if}

package/dist/no-update.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type Snippet } from 'svelte';
+type $$ComponentProps = {
+    children?: Snippet;
+};
+declare const NoUpdate: import("svelte").Component<$$ComponentProps, {}, "">;
+type NoUpdate = ReturnType<typeof NoUpdate>;
+export default NoUpdate;

package/package.json

@@ -1,7 +1,8 @@
 {
 	"name": "sveltekit-cache-first",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"repository": "github:isaxk/sveltekit-cache-first",
+	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",