svas 1.0.0 → 1.2.0

package/dist/async/Async.svelte

@@ -12,24 +12,18 @@
   }: Props<T> = $props();
 </script>
 
-<div class={classes}>
-  {#if $store === null}
-    {#if waiting}
-      {@render waiting()}
-    {:else if !silent}
-      <div class="w-full h-full flex justify-center items-center">
-        <LoaderCircle class="animate-spin text-gray-400" />
-      </div>
-    {/if}
-  {:else if $store instanceof Error}
-    {#if error}
-      {@render error($store)}
-    {:else if !silent}
-      <div class="w-full h-full flex justify-center items-center">
-        Something went terribly wrong
-      </div>
-    {/if}
-  {:else}
-    {@render awaited($store)}
+{#if $store === null}
+  {#if waiting}
+    {@render waiting()}
+  {:else if !silent}
+    <LoaderCircle class="animate-spin m-auto text-muted-foreground" />
   {/if}
-</div>
+{:else if $store instanceof Error}
+  {#if error}
+    {@render error($store)}
+  {:else if !silent}
+    <span class="text-destructive">Something went terribly wrong</span>
+  {/if}
+{:else}
+  {@render awaited($store)}
+{/if}

package/dist/awaited.d.ts

@@ -0,0 +1,3 @@
+import type { Readable } from "svelte/store";
+import type { Maybe } from "./Maybe";
+export declare function awaited<T>(store: Readable<Maybe<T>>): Promise<T | Error>;

package/dist/awaited.js

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

package/dist/having.d.ts

@@ -1,7 +1,3 @@
 import type { Readable } from 'svelte/store';
 import type { Maybe } from './Maybe';
-/**
- * Execute a callback once the store has a non-null and non-error value.
- */
 export declare function having<T>(store: Readable<Maybe<T>>): Promise<T>;
-export declare function having<T>(store: Readable<Maybe<T>>, callback: (value: T) => unknown | Promise<unknown>): void;

package/dist/having.js

@@ -1,22 +1,4 @@
-export function having(store, callback) {
-    const promise = new Promise((resolve) => {
-        let completed = false;
-        let unsubscribe = null;
-        unsubscribe = store.subscribe((value) => {
-            if (value === null || value instanceof Error)
-                return;
-            // A
-            unsubscribe?.();
-            completed = true;
-            resolve(value);
-        });
-        // B
-        if (completed)
-            unsubscribe?.();
-        // the execution order of A and B is uncertain
-    });
-    if (callback === undefined)
-        return promise;
-    else
-        promise.then(callback);
+import { waitUntil } from './waitUntil';
+export function having(store) {
+    return waitUntil(store, (value) => value !== null && !(value instanceof Error));
 }

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { collection, type Collection } from './collection';
 export { values, type Values } from './values';
 export { value } from './value';
+export { awaited } from './awaited';
 export { having } from './having';
 export { ensure } from './ensure';
 export { sync } from './sync';

package/dist/index.js

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

package/dist/sync.d.ts

@@ -1,5 +1,5 @@
 import type { Collection, Identifiable, SetOptions } from './collection';
-export declare function sync<T extends Comparable>(tobe: T, collection: Collection<T>, options?: Options): void;
+export declare function sync<T extends Comparable>(collection: Collection<T>, tobe: T, options?: Options): void;
 interface Comparable extends Identifiable {
     _version: number;
     _deleted?: number | null;

package/dist/sync.js

@@ -1,4 +1,4 @@
-export function sync(tobe, collection, options) {
+export function sync(collection, tobe, options) {
     if (tobe._deleted !== null && tobe._deleted !== undefined) {
         collection.delete(tobe.id);
         return;

package/dist/waitUntil.d.ts

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

package/dist/waitUntil.js

@@ -0,0 +1,16 @@
+export function waitUntil(store, condition) {
+    const promise = new Promise((resolve) => {
+        let completed = false;
+        let unsubscribe = null;
+        unsubscribe = store.subscribe((value) => {
+            if (!condition(value))
+                return;
+            unsubscribe?.();
+            completed = true;
+            resolve(value);
+        });
+        if (completed)
+            unsubscribe?.();
+    });
+    return promise;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svas",
-	"version": "1.0.0",
+	"version": "1.2.0",
 	"repository": "https://github.com/temich/svas",
 	"scripts": {
 		"dev": "vite dev",
@@ -18,9 +18,6 @@
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
-	"sideEffects": [
-		"**/*.css"
-	],
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
 	"type": "module",
@@ -48,14 +45,12 @@
 		"@sveltejs/kit": "^2.49.2",
 		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
-		"autoprefixer": "^10.4.22",
 		"eslint": "^9.39.1",
 		"eslint-plugin-svelte": "^3.13.1",
 		"globals": "^16.5.0",
 		"publint": "^0.3.15",
 		"svelte": "^5.45.8",
 		"svelte-check": "^4.3.4",
-		"tailwindcss": "^4.1.17",
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.49.0",
 		"vite": "^7.2.7"