svas 1.2.1 → 1.4.0

package/dist/async/Async.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T">
-  import { LoaderCircle } from "@lucide/svelte";
+  import { LoaderCircle, RotateCcw } from "@lucide/svelte";
   import type { Props } from "./Async";
 
   const {
@@ -22,7 +22,14 @@
   {#if error}
     {@render error($store)}
   {:else if !silent}
-    <span class="text-destructive">Something went terribly wrong</span>
+    <div class="m-auto flex flex-col items-center gap-4">
+      <span class="text-destructive">Something went terribly wrong</span>
+      <button
+      class="p-4 border border-muted-foreground hover:bg-muted cursor-pointer rounded-md flex items-center gap-2"
+      onclick={() => window.location.reload()}>
+        <RotateCcw size={16} />
+      </button>
+    </div>
   {/if}
 {:else}
   {@render awaited($store)}

package/dist/awaited.js

@@ -1,4 +1,4 @@
-import { waitUntil } from "./waitUntil";
+import { once } from "./once";
 export function awaited(store) {
-    return waitUntil(store, (value) => value !== null);
+    return once(store, (value) => value !== null);
 }

package/dist/collection.d.ts

@@ -21,6 +21,7 @@ export declare class Collection<T extends Identifiable, E extends Error = Error>
     replace(items: T[]): void;
     private refresh;
     private persist;
+    private load;
     private bind;
     private clear;
 }

package/dist/collection.js

@@ -105,9 +105,8 @@ export class Collection {
     persist(key) {
         if (typeof window === 'undefined')
             return;
-        const stored = localStorage.getItem(key);
-        if (stored !== null) {
-            const items = JSON.parse(stored);
+        const items = this.load(key);
+        if (items !== null) {
             this.store.set(items);
             if (this.values?.persistent === false)
                 for (const item of items)
@@ -122,6 +121,25 @@ export class Collection {
                 localStorage.setItem(key, JSON.stringify(items));
         });
     }
+    load(key) {
+        if (typeof window === 'undefined')
+            return null;
+        const stored = localStorage.getItem(key);
+        if (stored === null)
+            return null;
+        try {
+            const items = JSON.parse(stored);
+            if (!Array.isArray(items)) {
+                console.error(`Storage value for ${key} is not an array:`, items);
+                return null;
+            }
+            return items;
+        }
+        catch (error) {
+            console.error(`Invalid storage value for ${key}`, error);
+            return null;
+        }
+    }
     bind(store) {
         store.subscribe((value) => {
             if (value === null)

package/dist/having.js

@@ -1,4 +1,4 @@
-import { waitUntil } from './waitUntil';
+import { once } from './once';
 export function having(store) {
-    return waitUntil(store, (value) => value !== null && !(value instanceof Error));
+    return once(store, (value) => value !== null && !(value instanceof Error));
 }

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { values, type Values } from './values';
 export { value } from './value';
 export { awaited } from './awaited';
 export { having } from './having';
+export { once } from './once';
 export { ensure } from './ensure';
 export { sync } from './sync';
 export { combined } from './combined';

package/dist/index.js

@@ -3,6 +3,7 @@ export { values } from './values';
 export { value } from './value';
 export { awaited } from './awaited';
 export { having } from './having';
+export { once } from './once';
 export { ensure } from './ensure';
 export { sync } from './sync';
 export { combined } from './combined';

package/dist/once.d.ts

@@ -0,0 +1,2 @@
+import type { Readable } from "svelte/store";
+export declare function once<T>(store: Readable<T>, condition: (value: T) => boolean): Promise<T>;

package/dist/{waitUntil.js → once.js}

@@ -1,4 +1,4 @@
-export function waitUntil(store, condition) {
+export function once(store, condition) {
     const promise = new Promise((resolve) => {
         let completed = false;
         let unsubscribe = null;

package/dist/value.js

@@ -48,5 +48,13 @@ function persistent(key, def, session) {
 }
 function load(key) {
     const json = window.localStorage.getItem(key);
-    return json === null ? null : JSON.parse(json);
+    if (json === null)
+        return null;
+    try {
+        return JSON.parse(json);
+    }
+    catch (error) {
+        console.error(`Invalid storage value for ${key}`, error);
+        return null;
+    }
 }

package/dist/values.js

@@ -120,9 +120,18 @@ class Values {
         const data = localStorage.getItem(this.persist);
         if (data === null)
             return;
-        const values = JSON.parse(data);
-        for (const [key, value] of Object.entries(values))
-            this.set(key, value);
+        try {
+            const values = JSON.parse(data);
+            if (values === null || typeof values !== 'object') {
+                console.error(`Storage value for ${this.persist} is not an object:`, values);
+                return;
+            }
+            for (const [key, value] of Object.entries(values))
+                this.set(key, value);
+        }
+        catch (error) {
+            console.error(`Invalid storage value for ${this.persist}`, error);
+        }
     }
     bind(store) {
         store.subscribe((value) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svas",
-	"version": "1.2.1",
+	"version": "1.4.0",
 	"repository": "https://github.com/temich/svas",
 	"scripts": {
 		"dev": "vite dev",
@@ -47,7 +47,7 @@
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
 		"eslint": "^9.39.1",
 		"eslint-plugin-svelte": "^3.13.1",
-		"globals": "^16.5.0",
+		"globals": "^17.2.0",
 		"publint": "^0.3.15",
 		"svelte": "^5.45.8",
 		"svelte-check": "^4.3.4",

package/dist/waitUntil.d.ts

@@ -1,2 +0,0 @@
-import type { Readable } from "svelte/store";
-export declare function waitUntil<T>(store: Readable<T>, condition: (value: T) => boolean): Promise<T>;