@triplit/svelte 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @triplit/svelte
+
+## 0.1.1
+
+### Patch Changes
+
+- 9608364: add svelte package

package/README.md

@@ -0,0 +1,3 @@
+# @triplit/svelte
+
+Svelte bindings for @triplit/client.

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import type { ClientFetchResult, ClientQuery, ClientQueryBuilder, CollectionNameFromModels, Models, SubscriptionOptions, TriplitClient } from '@triplit/client';
+export declare function useQuery<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<any>, query: ClientQueryBuilder<M, CN>, options?: Partial<SubscriptionOptions>): {
+    fetching: boolean;
+    fetchingRemote: boolean;
+    results: ClientFetchResult<ClientQuery<M, CN>> | undefined;
+    error: any;
+    updateQuery: (query: ClientQueryBuilder<M, CN>) => void;
+};
+export declare function useConnectionStatus(client: TriplitClient<any>): {
+    readonly status: any;
+};

package/dist/index.js

@@ -0,0 +1,79 @@
+export function useQuery(client, query, options) {
+    let results = $state(undefined);
+    let fetching = $state(false);
+    let fetchingRemote = $state(client.syncEngine.connectionStatus === 'OPEN');
+    let error = $state(undefined);
+    let hasResponseFromServer = false;
+    let builtQuery = $state(query && query.build());
+    function updateQuery(query) {
+        builtQuery = query.build();
+        results = undefined;
+        fetching = true;
+        hasResponseFromServer = false;
+    }
+    $effect(() => {
+        const unsub = client.syncEngine.onConnectionStatusChange((status) => {
+            if (status === 'CLOSING' || status === 'CLOSED') {
+                fetchingRemote = false;
+                return;
+            }
+            if (status === 'OPEN' && hasResponseFromServer === false) {
+                fetchingRemote = true;
+                return;
+            }
+        }, true);
+        return () => {
+            unsub();
+        };
+    });
+    $effect(() => {
+        const unsubscribe = client.subscribe(builtQuery, (localResults) => {
+            fetching = false;
+            error = undefined;
+            results = new Map(localResults);
+        }, (error) => {
+            fetching = false;
+            error = error;
+        }, {
+            ...(options ?? {}),
+            onRemoteFulfilled: () => {
+                hasResponseFromServer = true;
+                fetchingRemote = false;
+            },
+        });
+        return () => {
+            unsubscribe();
+        };
+    });
+    return {
+        get fetching() {
+            return fetching;
+        },
+        get fetchingRemote() {
+            return fetchingRemote;
+        },
+        get results() {
+            return results;
+        },
+        get error() {
+            return error;
+        },
+        updateQuery,
+    };
+}
+export function useConnectionStatus(client) {
+    let status = $state(client.syncEngine.connectionStatus);
+    $effect(() => {
+        const unsub = client.syncEngine.onConnectionStatusChange((newStatus) => {
+            status = newStatus;
+        }, true);
+        return () => {
+            unsub();
+        };
+    });
+    return {
+        get status() {
+            return status;
+        },
+    };
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@triplit/svelte",
+  "packageManager": "yarn@3.4.1",
+  "version": "0.1.1",
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "svelte-package -t=false && tsc",
+    "build:watch": "svelte-package -w",
+    "lint:build": "npx publint",
+    "publish-pkg": "node ../../scripts/npm-check-version-and-publish.js",
+    "check": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "files": [
+    "/dist"
+  ],
+  "dependencies": {
+    "@triplit/client": "^0.3.33"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.0",
+    "@tsconfig/svelte": "^5.0.2",
+    "svelte": "^5.0.0-next.90",
+    "svelte-check": "^3.6.7",
+    "typescript": "^5.2.2"
+  }
+}