@sveltebase/sync 1.0.7 → 1.1.0

package/README.md

@@ -90,25 +90,23 @@ export const sync = new SyncClient<AppDatabaseSchema>({
     },
   },
 });
-
-// Export typed table wrapper
-export const todosTable = sync.table("todos");
 ```
 
-Use it in your Svelte 5 components:
+Use it in your Svelte 5 components (using your preferred Dexie reactivity hook, such as `liveQuery` from `dexie` or `dexie-svelte-query`):
 ```svelte
 <script lang="ts">
-  import { todosTable } from "$lib/sync-client";
+  import { sync } from "$lib/sync-client";
+  import { liveQuery } from "dexie";
   import { Check, Trash } from "lucide-svelte";
 
-  // Reactive liveQuery updates instantly on local mutations & remote syncs
-  const todos = todosTable.liveQuery((t) => t.orderBy("createdAt").reverse().toArray());
+  // Standard Dexie liveQuery updates instantly on mutations & remote syncs
+  const todos = liveQuery(() => sync.todos.orderBy("createdAt").reverse().toArray());
 
   let title = "";
 
   async function addTodo() {
     if (!title.trim()) return;
-    await todosTable.add({
+    await sync.todos.add({
       id: crypto.randomUUID(),
       title,
       completed: false,
@@ -121,21 +119,15 @@ Use it in your Svelte 5 components:
 
 <input bind:value={title} onkeydown={(e) => e.key === 'Enter' && addTodo()} />
 
-{#if todos.isLoading}
-  <div>Loading todos...</div>
-{:else if todos.status === "error"}
-  <div>Error loading database: {todos.error?.message || todos.error}</div>
-{:else}
-  {#each todos.data as todo (todo.id)}
-    <div>
-      <button onclick={() => todosTable.put(todo.id, { completed: !todo.completed })}>
-        <Check class={todo.completed ? "text-emerald-500" : ""} />
-      </button>
-      <span>{todo.title}</span>
-      <button onclick={() => todosTable.delete(todo.id)}><Trash /></button>
-    </div>
-  {/each}
-{/if}
+{#each ($todos || []) as todo (todo.id)}
+  <div>
+    <button onclick={() => sync.todos.update(todo.id, { completed: !todo.completed })}>
+      <Check class={todo.completed ? "text-emerald-500" : ""} />
+    </button>
+    <span>{todo.title}</span>
+    <button onclick={() => sync.todos.delete(todo.id)}><Trash /></button>
+  </div>
+{/each}
 ```
 
 ---

package/dist/client/index.d.ts

@@ -1,17 +1,14 @@
 import Dexie, { type Table } from "dexie";
-import { useLiveQuery, type LiveQueryResult } from "./live.svelte.js";
-export { useLiveQuery, type LiveQueryResult };
 export type TableConfig = {
     indexes: string;
     channel: string;
 };
 export type SyncClientOptions = {
     name: string;
-    url: string;
+    url: string | (() => string | Promise<string>);
     tables: Record<string, TableConfig>;
 };
-export declare class SyncClient<TSchema extends Record<string, any> = Record<string, any>> {
-    db: Dexie;
+declare class SyncClientClass<TSchema extends Record<string, any> = Record<string, any>> extends Dexie {
     private wsUrl;
     private socket;
     private tableConfigs;
@@ -19,14 +16,18 @@ export declare class SyncClient<TSchema extends Record<string, any> = Record<str
     private pingInterval;
     private closedByClient;
     private activeChannels;
+    private _status;
     private pendingMutations;
     private mutationQueue;
     constructor(options: {
         name: string;
-        url: string;
+        url: string | (() => string | Promise<string>);
         tables: Record<keyof TSchema & string, TableConfig>;
     });
+    get status(): "connecting" | "connected" | "disconnected";
+    private decorateTables;
     private connect;
+    reconnect(): void;
     private startHeartbeat;
     private stopHeartbeat;
     private subscribeToChannel;
@@ -35,13 +36,16 @@ export declare class SyncClient<TSchema extends Record<string, any> = Record<str
     private safeDeleteRow;
     private handleServerMessage;
     private findTableByChannel;
-    table<TKey extends keyof TSchema & string>(tableName: TKey): {
-        liveQuery: <TResult = TSchema[TKey][]>(queryFn: (table: Table<TSchema[TKey], string>) => Promise<TResult> | TResult) => LiveQueryResult<TResult>;
-        add: (row: TSchema[TKey]) => Promise<TSchema[TKey]>;
-        put: (id: string, changes: Partial<TSchema[TKey]>) => Promise<TSchema[TKey]>;
-        delete: (id: string) => Promise<void>;
-    };
     private enqueueMutation;
     disconnect(): void;
 }
+export type SyncClient<TSchema extends Record<string, any> = Record<string, any>> = SyncClientClass<TSchema> & {
+    [K in keyof TSchema]: Table<TSchema[K]>;
+};
+export declare const SyncClient: new <TSchema extends Record<string, any> = Record<string, any>>(options: {
+    name: string;
+    url: string | (() => string | Promise<string>);
+    tables: Record<keyof TSchema & string, TableConfig>;
+}) => SyncClient<TSchema>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACrC,CAAC;AAaF,qBAAa,UAAU,CACrB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAElD,EAAE,EAAE,KAAK,CAAC;IACjB,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,YAAY,CAA6C;IACjE,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,cAAc,CAAqB;IAG3C,OAAO,CAAC,gBAAgB,CAAsC;IAE9D,OAAO,CAAC,aAAa,CAMb;gBAEI,OAAO,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,EAAE,WAAW,CAAC,CAAC;KACrD;IAiBD,OAAO,CAAC,OAAO;IA+Df,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;YAOP,kBAAkB;IAoBhC,OAAO,CAAC,kBAAkB;YAkBZ,UAAU;YAgBV,aAAa;YAoBb,mBAAmB;IAkEjC,OAAO,CAAC,kBAAkB;IAOnB,KAAK,CAAC,IAAI,SAAS,MAAM,OAAO,GAAG,MAAM,EAAE,SAAS,EAAE,IAAI;oBASjD,OAAO,6BACR,CAAC,KAAK,EAAE,KAAK,gBAAO,MAAM,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO;qCAK7C,OAAO,eAAM;kBAsBrB,MAAM,WAAW,OAAO,eAAM,KAAG,OAAO,eAAM;qBAyB3C,MAAM,KAAG,OAAO,CAAC,IAAI,CAAC;;IAuB7C,OAAO,CAAC,eAAe;IAqChB,UAAU;CAYlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,KAAK,EAAwB,MAAM,OAAO,CAAC;AAGhE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACrC,CAAC;AAaF,cAAM,eAAe,CACnB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACzD,SAAQ,KAAK;IACb,OAAO,CAAC,KAAK,CAA4C;IACzD,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,YAAY,CAA8B;IAClD,OAAO,CAAC,cAAc,CAA4C;IAClE,OAAO,CAAC,YAAY,CAA6C;IACjE,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,cAAc,CAAqB;IAG3C,OAAO,CAAC,OAAO,CAAqE;IAGpF,OAAO,CAAC,gBAAgB,CAAsC;IAE9D,OAAO,CAAC,aAAa,CAMb;gBAEI,OAAO,EAAE;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/C,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,EAAE,WAAW,CAAC,CAAC;KACrD;IAoBD,IAAW,MAAM,gDAEhB;IAED,OAAO,CAAC,cAAc;YAiJR,OAAO;IAuFd,SAAS;IAgBhB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,aAAa;YAOP,kBAAkB;IAoBhC,OAAO,CAAC,kBAAkB;YAkBZ,UAAU;YAiBV,aAAa;YAqBb,mBAAmB;IAwEjC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,eAAe;IAqChB,UAAU;CAelB;AAED,MAAM,MAAM,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC,GAAG;KAC5G,CAAC,IAAI,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KACvB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzD,OAAO,EAAE;IACT,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,EAAE,WAAW,CAAC,CAAC;CACrD,KAAK,UAAU,CAAC,OAAO,CAA0B,CAAC"}

package/dist/client/index.js

@@ -1,9 +1,6 @@
 import Dexie, {} from "dexie";
 import { parseSyncMessage } from "../protocol.js";
-import { useLiveQuery } from "./live.svelte.js";
-export { useLiveQuery };
-export class SyncClient {
-    db;
+class SyncClientClass extends Dexie {
     wsUrl;
     socket;
     tableConfigs;
@@ -11,35 +8,149 @@ export class SyncClient {
     pingInterval;
     closedByClient = false;
     activeChannels = new Set();
+    // Reactive connection status
+    _status = $state("connecting");
     // Mutations waiting for ack/reject from server
     pendingMutations = new Map();
     // Mutations queued to be sent when connection is established
     mutationQueue = [];
     constructor(options) {
+        super(options.name);
         this.wsUrl = options.url;
         this.tableConfigs = options.tables;
         // Initialize Dexie database
-        this.db = new Dexie(options.name);
         const schema = {};
         for (const [tableName, config] of Object.entries(options.tables)) {
             schema[tableName] = config.indexes;
         }
-        this.db.version(1).stores(schema);
+        this.version(1).stores(schema);
+        // Decorate tables to intercept native Dexie write operations
+        this.decorateTables();
         if (typeof window !== "undefined") {
             this.connect();
         }
     }
-    connect() {
+    get status() {
+        return this._status;
+    }
+    decorateTables() {
+        for (const [tableName, config] of Object.entries(this.tableConfigs)) {
+            const table = this.table(tableName);
+            const originalAdd = table.add.bind(table);
+            const originalPut = table.put.bind(table);
+            const originalUpdate = table.update.bind(table);
+            const originalDelete = table.delete.bind(table);
+            // Save original methods to bypass sync trigger loops when updating from WebSocket
+            table._originalMethods = {
+                add: originalAdd,
+                put: originalPut,
+                update: originalUpdate,
+                delete: originalDelete,
+            };
+            table.add = (async (row) => {
+                const id = row.id || crypto.randomUUID();
+                const fullRow = { ...row, id };
+                const rollback = async () => {
+                    await originalDelete(id);
+                };
+                await originalAdd(fullRow);
+                return this.enqueueMutation(config.channel, "create", id, fullRow, rollback);
+            });
+            table.put = (async (rowOrId, changes) => {
+                // Overload 1: put(id, changes) - Partial Update
+                if (changes !== undefined) {
+                    const id = rowOrId;
+                    const existing = await table.get(id);
+                    if (!existing) {
+                        throw new Error(`Cannot update item ${id}: not found locally.`);
+                    }
+                    const rollback = async () => {
+                        await originalPut(existing);
+                    };
+                    const updatedRow = { ...existing, ...changes };
+                    await originalPut(updatedRow);
+                    const diff = {};
+                    for (const [k, v] of Object.entries(changes)) {
+                        if (existing[k] !== v) {
+                            diff[k] = v;
+                        }
+                    }
+                    return this.enqueueMutation(config.channel, "update", id, diff, rollback);
+                }
+                // Overload 2: put(row) - Insert/Replace
+                const row = rowOrId;
+                const id = row.id;
+                if (!id) {
+                    throw new Error("put operation requires an inline 'id' property.");
+                }
+                const existing = await table.get(id);
+                if (!existing) {
+                    return table.add(row);
+                }
+                const rollback = async () => {
+                    await originalPut(existing);
+                };
+                const updatedRow = { ...existing, ...row };
+                await originalPut(updatedRow);
+                const diff = {};
+                for (const [k, v] of Object.entries(row)) {
+                    if (existing[k] !== v) {
+                        diff[k] = v;
+                    }
+                }
+                return this.enqueueMutation(config.channel, "update", id, diff, rollback);
+            });
+            table.update = (async (id, changes) => {
+                const existing = await table.get(id);
+                if (!existing) {
+                    throw new Error(`Cannot update item ${id}: not found locally.`);
+                }
+                const rollback = async () => {
+                    await originalPut(existing);
+                };
+                await originalUpdate(id, changes);
+                return this.enqueueMutation(config.channel, "update", id, changes, rollback);
+            });
+            table.delete = (async (id) => {
+                const existing = await table.get(id);
+                if (!existing)
+                    return;
+                const rollback = async () => {
+                    await originalPut(existing);
+                };
+                await originalDelete(id);
+                return this.enqueueMutation(config.channel, "delete", id, undefined, rollback);
+            });
+        }
+    }
+    async connect() {
         if (this.closedByClient)
             return;
+        this._status = "connecting";
         const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
         const host = window.location.host;
-        const fullUrl = this.wsUrl.startsWith("ws://") || this.wsUrl.startsWith("wss://")
-            ? this.wsUrl
-            : `${protocol}//${host}${this.wsUrl}`;
-        this.socket = new WebSocket(fullUrl);
-        this.socket.addEventListener("open", async () => {
+        let resolvedUrl;
+        try {
+            resolvedUrl = typeof this.wsUrl === "function" ? await this.wsUrl() : this.wsUrl;
+        }
+        catch (err) {
+            console.error("SyncClient: Failed to resolve wsUrl", err);
+            this._status = "disconnected";
+            if (!this.closedByClient) {
+                this.reconnectTimer = setTimeout(() => this.connect(), 2000);
+            }
+            return;
+        }
+        const fullUrl = resolvedUrl.startsWith("ws://") || resolvedUrl.startsWith("wss://")
+            ? resolvedUrl
+            : `${protocol}//${host}${resolvedUrl}`;
+        const socket = new WebSocket(fullUrl);
+        this.socket = socket;
+        socket.addEventListener("open", async () => {
+            if (this.socket !== socket)
+                return;
             console.log("SyncClient: WebSocket connected");
+            this._status = "connected";
             this.activeChannels.clear();
             this.startHeartbeat();
             // Re-subscribe to all tables (delta-sync aware)
@@ -48,7 +159,7 @@ export class SyncClient {
             }
             // Re-send all pending unacknowledged mutations
             for (const mut of this.pendingMutations.values()) {
-                this.socket?.send(JSON.stringify({
+                socket.send(JSON.stringify({
                     type: "mutate",
                     id: mut.id,
                     channel: mut.channel,
@@ -60,7 +171,9 @@ export class SyncClient {
             // Flush queued mutations
             this.flushMutationQueue();
         });
-        this.socket.addEventListener("message", async (message) => {
+        socket.addEventListener("message", async (message) => {
+            if (this.socket !== socket)
+                return;
             if (typeof message.data !== "string")
                 return;
             if (message.data === "pong")
@@ -70,17 +183,38 @@ export class SyncClient {
                 return;
             await this.handleServerMessage(msg);
         });
-        this.socket.addEventListener("close", () => {
-            this.socket = undefined;
-            this.stopHeartbeat();
-            if (!this.closedByClient) {
-                this.reconnectTimer = setTimeout(() => this.connect(), 2000);
+        socket.addEventListener("close", () => {
+            if (this.socket === socket) {
+                this.socket = undefined;
+                this._status = "disconnected";
+                this.stopHeartbeat();
+                if (!this.closedByClient) {
+                    this.reconnectTimer = setTimeout(() => this.connect(), 2000);
+                }
             }
         });
-        this.socket.addEventListener("error", (err) => {
-            console.error("SyncClient: WebSocket error", err);
+        socket.addEventListener("error", (err) => {
+            if (this.socket === socket) {
+                console.error("SyncClient: WebSocket error", err);
+            }
         });
     }
+    reconnect() {
+        this.closedByClient = false;
+        if (this.reconnectTimer) {
+            clearTimeout(this.reconnectTimer);
+            this.reconnectTimer = undefined;
+        }
+        if (this.socket) {
+            try {
+                this.socket.close();
+            }
+            catch { }
+            this.socket = undefined;
+            this._status = "disconnected";
+        }
+        this.connect();
+    }
     startHeartbeat() {
         this.stopHeartbeat();
         this.pingInterval = setInterval(() => {
@@ -101,7 +235,7 @@ export class SyncClient {
             let since;
             if (tableName) {
                 try {
-                    const table = this.db.table(tableName);
+                    const table = this.table(tableName);
                     const latestRow = await table.orderBy("updatedAt").last();
                     if (latestRow && latestRow.updatedAt) {
                         since = latestRow.updatedAt;
@@ -131,7 +265,7 @@ export class SyncClient {
         }
     }
     async safePutRow(tableName, data) {
-        const table = this.db.table(tableName);
+        const table = this.table(tableName);
         if (!data || !data.id)
             return;
         const existing = await table.get(data.id);
@@ -143,10 +277,11 @@ export class SyncClient {
                 return;
             }
         }
-        await table.put(data);
+        const originalPut = table._originalMethods?.put || table.put.bind(table);
+        await originalPut(data);
     }
     async safeDeleteRow(tableName, key, incomingTimeStr) {
-        const table = this.db.table(tableName);
+        const table = this.table(tableName);
         if (incomingTimeStr) {
             const existing = await table.get(key);
             if (existing && existing.updatedAt) {
@@ -158,14 +293,15 @@ export class SyncClient {
                 }
             }
         }
-        await table.delete(key);
+        const originalDelete = table._originalMethods?.delete || table.delete.bind(table);
+        await originalDelete(key);
     }
     async handleServerMessage(msg) {
         switch (msg.type) {
             case "snapshot": {
                 const tableName = this.findTableByChannel(msg.channel);
                 if (tableName) {
-                    const table = this.db.table(tableName);
+                    const table = this.table(tableName);
                     if (msg.isDelta) {
                         // Delta Sync: put changes using Last-Write-Wins
                         for (const row of msg.data) {
@@ -174,7 +310,7 @@ export class SyncClient {
                     }
                     else {
                         // Full Snapshot: clear and replace
-                        await this.db.transaction("rw", table, async () => {
+                        await this.transaction("rw", table, async () => {
                             await table.clear();
                             await table.bulkPut(msg.data);
                         });
@@ -202,7 +338,11 @@ export class SyncClient {
                 if (pending) {
                     console.warn(`Mutation ${msg.id} rejected by server: ${msg.error}`);
                     await pending.rollback();
-                    pending.reject(new Error(msg.error));
+                    const errorObj = new Error(msg.error);
+                    if (msg.validationErrors) {
+                        errorObj.validationErrors = msg.validationErrors;
+                    }
+                    pending.reject(errorObj);
                     this.pendingMutations.delete(msg.id);
                 }
                 break;
@@ -233,56 +373,6 @@ export class SyncClient {
         }
         return undefined;
     }
-    table(tableName) {
-        const dexieTable = this.db.table(tableName);
-        const config = this.tableConfigs[tableName];
-        if (!config) {
-            throw new Error(`Table ${tableName} not defined in SyncClient config.`);
-        }
-        return {
-            liveQuery: (queryFn) => {
-                return useLiveQuery(() => queryFn(dexieTable));
-            },
-            add: async (row) => {
-                const rowData = row;
-                const id = rowData.id || crypto.randomUUID();
-                const fullRow = { ...rowData, id };
-                // Rollback function
-                const rollback = async () => {
-                    await dexieTable.delete(id);
-                };
-                // Apply optimistic update
-                await dexieTable.put(fullRow);
-                return this.enqueueMutation(config.channel, "create", id, fullRow, rollback);
-            },
-            put: async (id, changes) => {
-                const existing = await dexieTable.get(id);
-                if (!existing) {
-                    throw new Error(`Cannot update item ${id}: not found locally.`);
-                }
-                // Rollback function
-                const rollback = async () => {
-                    await dexieTable.put(existing);
-                };
-                const updatedRow = { ...existing, ...changes };
-                // Apply optimistic update
-                await dexieTable.put(updatedRow);
-                return this.enqueueMutation(config.channel, "update", id, changes, rollback);
-            },
-            delete: async (id) => {
-                const existing = await dexieTable.get(id);
-                if (!existing)
-                    return; // Already deleted
-                // Rollback function
-                const rollback = async () => {
-                    await dexieTable.put(existing);
-                };
-                // Apply optimistic update
-                await dexieTable.delete(id);
-                return this.enqueueMutation(config.channel, "delete", id, undefined, rollback);
-            },
-        };
-    }
     enqueueMutation(channel, action, key, data, rollback) {
         const mutationId = crypto.randomUUID();
         return new Promise((resolve, reject) => {
@@ -313,14 +403,19 @@ export class SyncClient {
     }
     disconnect() {
         this.closedByClient = true;
+        this._status = "disconnected";
         this.stopHeartbeat();
         if (this.reconnectTimer) {
             clearTimeout(this.reconnectTimer);
             this.reconnectTimer = undefined;
         }
         if (this.socket) {
-            this.socket.close();
+            try {
+                this.socket.close();
+            }
+            catch { }
             this.socket = undefined;
         }
     }
 }
+export const SyncClient = SyncClientClass;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { SyncClient, useLiveQuery } from "./client/index.js";
+export { SyncClient } from "./client/index.js";
 export { defineSync } from "./server/index.js";
 export { handleUpgrade, publishEvent, createPublisher } from "./server/handler.js";
 export type { PublishEventData, InferSchemaFromHandlers } from "./server/handler.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACnF,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACrF,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACnF,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACrF,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
-export { SyncClient, useLiveQuery } from "./client/index.js";
+export { SyncClient } from "./client/index.js";
 export { defineSync } from "./server/index.js";
 export { handleUpgrade, publishEvent, createPublisher } from "./server/handler.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltebase/sync",
-  "version": "1.0.7",
+  "version": "1.1.0",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/dist/client/live.svelte.d.ts

@@ -1,18 +0,0 @@
-export type LiveQueryResult<T> = {
-    status: "loading";
-    data: undefined;
-    error: undefined;
-    isLoading: true;
-} | {
-    status: "success";
-    data: T;
-    error: undefined;
-    isLoading: false;
-} | {
-    status: "error";
-    data: undefined;
-    error: any;
-    isLoading: false;
-};
-export declare function useLiveQuery<T>(queryFn: () => Promise<T> | T): LiveQueryResult<T>;
-//# sourceMappingURL=live.svelte.d.ts.map

package/dist/client/live.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"live.svelte.d.ts","sourceRoot":"","sources":["../../src/client/live.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,IAAI,CAAA;CAAE,GACzE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,KAAK,CAAA;CAAE,CAAC;AAEvE,wBAAgB,YAAY,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAuCjF"}

package/dist/client/live.svelte.js

@@ -1,40 +0,0 @@
-import { onDestroy } from "svelte";
-import { liveQuery } from "dexie";
-export function useLiveQuery(queryFn) {
-    let data = $state(undefined);
-    let error = $state(undefined);
-    let status = $state("loading");
-    if (typeof window !== "undefined") {
-        const observable = liveQuery(queryFn);
-        const subscription = observable.subscribe({
-            next: (val) => {
-                data = val;
-                error = undefined;
-                status = "success";
-            },
-            error: (err) => {
-                data = undefined;
-                error = err;
-                status = "error";
-                console.error("liveQuery error:", err);
-            },
-        });
-        onDestroy(() => {
-            subscription.unsubscribe();
-        });
-    }
-    return {
-        get data() {
-            return data;
-        },
-        get error() {
-            return error;
-        },
-        get status() {
-            return status;
-        },
-        get isLoading() {
-            return status === "loading";
-        },
-    };
-}