@afterrealism/dendri-client 2.4.0 → 2.6.0

package/dist/store.d.cts

@@ -1,2 +1,2 @@
-export { V as CreateDendriStoreInput, n as DendriStore, o as DendriStoreOptions, p as DendriStoreSnapshot, J as StoreListener, O as createDendriStore } from './store-DVE0ih44.cjs';
+export { V as CreateDendriStoreInput, n as DendriStore, o as DendriStoreOptions, p as DendriStoreSnapshot, J as StoreListener, O as createDendriStore } from './store-C3Nwl62R.cjs';
 import 'eventemitter3';

package/dist/store.d.ts

@@ -1,2 +1,2 @@
-export { V as CreateDendriStoreInput, n as DendriStore, o as DendriStoreOptions, p as DendriStoreSnapshot, J as StoreListener, O as createDendriStore } from './store-DVE0ih44.js';
+export { V as CreateDendriStoreInput, n as DendriStore, o as DendriStoreOptions, p as DendriStoreSnapshot, J as StoreListener, O as createDendriStore } from './store-C3Nwl62R.js';
 import 'eventemitter3';

package/dist/store.js

@@ -1,3 +1,4 @@
-export { createDendriStore } from './chunk-MBMSG4EC.js';
+export { createDendriStore } from './chunk-YLWDCKUW.js';
+import './chunk-G3PMV62Z.js';
 //# sourceMappingURL=store.js.map
 //# sourceMappingURL=store.js.map

package/dist/svelte.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+// src/adapters/svelte.ts
+function toSvelteStore(store) {
+  return {
+    subscribe(run) {
+      run(store.getSnapshot());
+      return store.subscribe(() => run(store.getSnapshot()));
+    }
+  };
+}
+
+exports.toSvelteStore = toSvelteStore;
+//# sourceMappingURL=svelte.cjs.map
+//# sourceMappingURL=svelte.cjs.map

package/dist/svelte.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/svelte.ts"],"names":[],"mappings":";;;AA0BO,SAAS,cAAc,KAAA,EAAyD;AACtF,EAAA,OAAO;AAAA,IACN,UAAU,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,KAAA,CAAM,aAAa,CAAA;AACvB,MAAA,OAAO,MAAM,SAAA,CAAU,MAAM,IAAI,KAAA,CAAM,WAAA,EAAa,CAAC,CAAA;AAAA,IACtD;AAAA,GACD;AACD","file":"svelte.cjs","sourcesContent":["import type { DendriStore, DendriStoreSnapshot } from \"../store\";\n\n/** Svelte store contract (readable). Works with `$store` auto-subscription in Svelte 4 and 5. */\nexport interface SvelteReadable<T> {\n\tsubscribe(run: (value: T) => void): () => void;\n}\n\n/**\n * Wrap a Dendri store in Svelte's store contract.\n *\n * ```svelte\n * <script>\n * import { createDendriStore } from \"@afterrealism/dendri-client\";\n * import { toSvelteStore } from \"@afterrealism/dendri-client/svelte\";\n *\n * const store = createDendriStore({ url: \"wss://signal.example.com\" });\n * const snapshot = toSvelteStore(store);\n * </script>\n *\n * {$snapshot.connectionState} — {$snapshot.peers.length} peers\n * ```\n *\n * Plain store contract — no Svelte compiler or dependency involved, so it\n * also works from `.js`/`.ts` modules and with Svelte 5 runes code via\n * `fromStore()` if preferred.\n */\nexport function toSvelteStore(store: DendriStore): SvelteReadable<DendriStoreSnapshot> {\n\treturn {\n\t\tsubscribe(run) {\n\t\t\trun(store.getSnapshot());\n\t\t\treturn store.subscribe(() => run(store.getSnapshot()));\n\t\t},\n\t};\n}\n"]}

package/dist/svelte.d.cts

@@ -0,0 +1,29 @@
+import { n as DendriStore, p as DendriStoreSnapshot } from './store-C3Nwl62R.cjs';
+import 'eventemitter3';
+
+/** Svelte store contract (readable). Works with `$store` auto-subscription in Svelte 4 and 5. */
+interface SvelteReadable<T> {
+    subscribe(run: (value: T) => void): () => void;
+}
+/**
+ * Wrap a Dendri store in Svelte's store contract.
+ *
+ * ```svelte
+ * <script>
+ * import { createDendriStore } from "@afterrealism/dendri-client";
+ * import { toSvelteStore } from "@afterrealism/dendri-client/svelte";
+ *
+ * const store = createDendriStore({ url: "wss://signal.example.com" });
+ * const snapshot = toSvelteStore(store);
+ * </script>
+ *
+ * {$snapshot.connectionState} — {$snapshot.peers.length} peers
+ * ```
+ *
+ * Plain store contract — no Svelte compiler or dependency involved, so it
+ * also works from `.js`/`.ts` modules and with Svelte 5 runes code via
+ * `fromStore()` if preferred.
+ */
+declare function toSvelteStore(store: DendriStore): SvelteReadable<DendriStoreSnapshot>;
+
+export { type SvelteReadable, toSvelteStore };

package/dist/svelte.d.ts

@@ -0,0 +1,29 @@
+import { n as DendriStore, p as DendriStoreSnapshot } from './store-C3Nwl62R.js';
+import 'eventemitter3';
+
+/** Svelte store contract (readable). Works with `$store` auto-subscription in Svelte 4 and 5. */
+interface SvelteReadable<T> {
+    subscribe(run: (value: T) => void): () => void;
+}
+/**
+ * Wrap a Dendri store in Svelte's store contract.
+ *
+ * ```svelte
+ * <script>
+ * import { createDendriStore } from "@afterrealism/dendri-client";
+ * import { toSvelteStore } from "@afterrealism/dendri-client/svelte";
+ *
+ * const store = createDendriStore({ url: "wss://signal.example.com" });
+ * const snapshot = toSvelteStore(store);
+ * </script>
+ *
+ * {$snapshot.connectionState} — {$snapshot.peers.length} peers
+ * ```
+ *
+ * Plain store contract — no Svelte compiler or dependency involved, so it
+ * also works from `.js`/`.ts` modules and with Svelte 5 runes code via
+ * `fromStore()` if preferred.
+ */
+declare function toSvelteStore(store: DendriStore): SvelteReadable<DendriStoreSnapshot>;
+
+export { type SvelteReadable, toSvelteStore };

package/dist/svelte.js

@@ -0,0 +1,15 @@
+import './chunk-G3PMV62Z.js';
+
+// src/adapters/svelte.ts
+function toSvelteStore(store) {
+  return {
+    subscribe(run) {
+      run(store.getSnapshot());
+      return store.subscribe(() => run(store.getSnapshot()));
+    }
+  };
+}
+
+export { toSvelteStore };
+//# sourceMappingURL=svelte.js.map
+//# sourceMappingURL=svelte.js.map

package/dist/svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/svelte.ts"],"names":[],"mappings":";;;AA0BO,SAAS,cAAc,KAAA,EAAyD;AACtF,EAAA,OAAO;AAAA,IACN,UAAU,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,KAAA,CAAM,aAAa,CAAA;AACvB,MAAA,OAAO,MAAM,SAAA,CAAU,MAAM,IAAI,KAAA,CAAM,WAAA,EAAa,CAAC,CAAA;AAAA,IACtD;AAAA,GACD;AACD","file":"svelte.js","sourcesContent":["import type { DendriStore, DendriStoreSnapshot } from \"../store\";\n\n/** Svelte store contract (readable). Works with `$store` auto-subscription in Svelte 4 and 5. */\nexport interface SvelteReadable<T> {\n\tsubscribe(run: (value: T) => void): () => void;\n}\n\n/**\n * Wrap a Dendri store in Svelte's store contract.\n *\n * ```svelte\n * <script>\n * import { createDendriStore } from \"@afterrealism/dendri-client\";\n * import { toSvelteStore } from \"@afterrealism/dendri-client/svelte\";\n *\n * const store = createDendriStore({ url: \"wss://signal.example.com\" });\n * const snapshot = toSvelteStore(store);\n * </script>\n *\n * {$snapshot.connectionState} — {$snapshot.peers.length} peers\n * ```\n *\n * Plain store contract — no Svelte compiler or dependency involved, so it\n * also works from `.js`/`.ts` modules and with Svelte 5 runes code via\n * `fromStore()` if preferred.\n */\nexport function toSvelteStore(store: DendriStore): SvelteReadable<DendriStoreSnapshot> {\n\treturn {\n\t\tsubscribe(run) {\n\t\t\trun(store.getSnapshot());\n\t\t\treturn store.subscribe(() => run(store.getSnapshot()));\n\t\t},\n\t};\n}\n"]}

package/dist/vue.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var vue = require('vue');
+
+// src/adapters/vue.ts
+function useDendriStore(store) {
+  const snapshot = vue.shallowRef(store.getSnapshot());
+  const unsubscribe = store.subscribe(() => {
+    snapshot.value = store.getSnapshot();
+  });
+  if (vue.getCurrentScope()) {
+    vue.onScopeDispose(unsubscribe);
+  }
+  return snapshot;
+}
+
+exports.useDendriStore = useDendriStore;
+//# sourceMappingURL=vue.cjs.map
+//# sourceMappingURL=vue.cjs.map

package/dist/vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":["shallowRef","getCurrentScope","onScopeDispose"],"mappings":";;;;;AAqBO,SAAS,eAAe,KAAA,EAA+D;AAC7F,EAAA,MAAM,QAAA,GAAWA,cAAA,CAAW,KAAA,CAAM,WAAA,EAAa,CAAA;AAC/C,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,SAAA,CAAU,MAAM;AACzC,IAAA,QAAA,CAAS,KAAA,GAAQ,MAAM,WAAA,EAAY;AAAA,EACpC,CAAC,CAAA;AACD,EAAA,IAAIC,qBAAgB,EAAG;AACtB,IAAAC,kBAAA,CAAe,WAAW,CAAA;AAAA,EAC3B;AACA,EAAA,OAAO,QAAA;AACR","file":"vue.cjs","sourcesContent":["import { getCurrentScope, onScopeDispose, type ShallowRef, shallowRef } from \"vue\";\nimport type { DendriStore, DendriStoreSnapshot } from \"../store\";\n\n/**\n * Subscribe a Vue setup scope to a Dendri store.\n *\n * ```vue\n * <script setup>\n * import { createDendriStore } from \"@afterrealism/dendri-client\";\n * import { useDendriStore } from \"@afterrealism/dendri-client/vue\";\n *\n * const store = createDendriStore({ url: \"wss://signal.example.com\" });\n * const snapshot = useDendriStore(store);\n * </script>\n *\n * <template>{{ snapshot.connectionState }}</template>\n * ```\n *\n * The ref updates on every store change and unsubscribes automatically when\n * the component (effect scope) is torn down.\n */\nexport function useDendriStore(store: DendriStore): Readonly<ShallowRef<DendriStoreSnapshot>> {\n\tconst snapshot = shallowRef(store.getSnapshot());\n\tconst unsubscribe = store.subscribe(() => {\n\t\tsnapshot.value = store.getSnapshot();\n\t});\n\tif (getCurrentScope()) {\n\t\tonScopeDispose(unsubscribe);\n\t}\n\treturn snapshot;\n}\n"]}

package/dist/vue.d.cts

@@ -0,0 +1,25 @@
+import { ShallowRef } from 'vue';
+import { n as DendriStore, p as DendriStoreSnapshot } from './store-C3Nwl62R.cjs';
+import 'eventemitter3';
+
+/**
+ * Subscribe a Vue setup scope to a Dendri store.
+ *
+ * ```vue
+ * <script setup>
+ * import { createDendriStore } from "@afterrealism/dendri-client";
+ * import { useDendriStore } from "@afterrealism/dendri-client/vue";
+ *
+ * const store = createDendriStore({ url: "wss://signal.example.com" });
+ * const snapshot = useDendriStore(store);
+ * </script>
+ *
+ * <template>{{ snapshot.connectionState }}</template>
+ * ```
+ *
+ * The ref updates on every store change and unsubscribes automatically when
+ * the component (effect scope) is torn down.
+ */
+declare function useDendriStore(store: DendriStore): Readonly<ShallowRef<DendriStoreSnapshot>>;
+
+export { useDendriStore };

package/dist/vue.d.ts

@@ -0,0 +1,25 @@
+import { ShallowRef } from 'vue';
+import { n as DendriStore, p as DendriStoreSnapshot } from './store-C3Nwl62R.js';
+import 'eventemitter3';
+
+/**
+ * Subscribe a Vue setup scope to a Dendri store.
+ *
+ * ```vue
+ * <script setup>
+ * import { createDendriStore } from "@afterrealism/dendri-client";
+ * import { useDendriStore } from "@afterrealism/dendri-client/vue";
+ *
+ * const store = createDendriStore({ url: "wss://signal.example.com" });
+ * const snapshot = useDendriStore(store);
+ * </script>
+ *
+ * <template>{{ snapshot.connectionState }}</template>
+ * ```
+ *
+ * The ref updates on every store change and unsubscribes automatically when
+ * the component (effect scope) is torn down.
+ */
+declare function useDendriStore(store: DendriStore): Readonly<ShallowRef<DendriStoreSnapshot>>;
+
+export { useDendriStore };

package/dist/vue.js

@@ -0,0 +1,17 @@
+import './chunk-G3PMV62Z.js';
+import { shallowRef, getCurrentScope, onScopeDispose } from 'vue';
+
+function useDendriStore(store) {
+  const snapshot = shallowRef(store.getSnapshot());
+  const unsubscribe = store.subscribe(() => {
+    snapshot.value = store.getSnapshot();
+  });
+  if (getCurrentScope()) {
+    onScopeDispose(unsubscribe);
+  }
+  return snapshot;
+}
+
+export { useDendriStore };
+//# sourceMappingURL=vue.js.map
+//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":[],"mappings":";;;AAqBO,SAAS,eAAe,KAAA,EAA+D;AAC7F,EAAA,MAAM,QAAA,GAAW,UAAA,CAAW,KAAA,CAAM,WAAA,EAAa,CAAA;AAC/C,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,SAAA,CAAU,MAAM;AACzC,IAAA,QAAA,CAAS,KAAA,GAAQ,MAAM,WAAA,EAAY;AAAA,EACpC,CAAC,CAAA;AACD,EAAA,IAAI,iBAAgB,EAAG;AACtB,IAAA,cAAA,CAAe,WAAW,CAAA;AAAA,EAC3B;AACA,EAAA,OAAO,QAAA;AACR","file":"vue.js","sourcesContent":["import { getCurrentScope, onScopeDispose, type ShallowRef, shallowRef } from \"vue\";\nimport type { DendriStore, DendriStoreSnapshot } from \"../store\";\n\n/**\n * Subscribe a Vue setup scope to a Dendri store.\n *\n * ```vue\n * <script setup>\n * import { createDendriStore } from \"@afterrealism/dendri-client\";\n * import { useDendriStore } from \"@afterrealism/dendri-client/vue\";\n *\n * const store = createDendriStore({ url: \"wss://signal.example.com\" });\n * const snapshot = useDendriStore(store);\n * </script>\n *\n * <template>{{ snapshot.connectionState }}</template>\n * ```\n *\n * The ref updates on every store change and unsubscribes automatically when\n * the component (effect scope) is torn down.\n */\nexport function useDendriStore(store: DendriStore): Readonly<ShallowRef<DendriStoreSnapshot>> {\n\tconst snapshot = shallowRef(store.getSnapshot());\n\tconst unsubscribe = store.subscribe(() => {\n\t\tsnapshot.value = store.getSnapshot();\n\t});\n\tif (getCurrentScope()) {\n\t\tonScopeDispose(unsubscribe);\n\t}\n\treturn snapshot;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@afterrealism/dendri-client",
-	"version": "2.4.0",
+	"version": "2.6.0",
 	"type": "module",
 	"packageManager": "pnpm@10.30.1",
 	"description": "Dendri client WebRTC P2P signaling library",
@@ -54,6 +54,36 @@
 				"types": "./dist/serializer.msgpack.d.cts",
 				"default": "./dist/serializer.msgpack.cjs"
 			}
+		},
+		"./react": {
+			"import": {
+				"types": "./dist/react.d.ts",
+				"default": "./dist/react.js"
+			},
+			"require": {
+				"types": "./dist/react.d.cts",
+				"default": "./dist/react.cjs"
+			}
+		},
+		"./vue": {
+			"import": {
+				"types": "./dist/vue.d.ts",
+				"default": "./dist/vue.js"
+			},
+			"require": {
+				"types": "./dist/vue.d.cts",
+				"default": "./dist/vue.cjs"
+			}
+		},
+		"./svelte": {
+			"import": {
+				"types": "./dist/svelte.d.ts",
+				"default": "./dist/svelte.js"
+			},
+			"require": {
+				"types": "./dist/svelte.d.cts",
+				"default": "./dist/svelte.cjs"
+			}
 		}
 	},
 	"files": [
@@ -79,10 +109,23 @@
 		"lint": "biome check src/ tests/",
 		"lint:fix": "biome check --write src/ tests/",
 		"format": "biome format --write src/ tests/",
+		"format:check": "biome format src/ tests/",
 		"validate": "publint && attw --pack --profile node16",
 		"prepublishOnly": "npm run build",
 		"clean": "rm -rf dist"
 	},
+	"peerDependencies": {
+		"react": ">=18",
+		"vue": ">=3.3"
+	},
+	"peerDependenciesMeta": {
+		"react": {
+			"optional": true
+		},
+		"vue": {
+			"optional": true
+		}
+	},
 	"dependencies": {
 		"@msgpack/msgpack": "^2.8.0",
 		"eventemitter3": "^4.0.7",
@@ -93,13 +136,17 @@
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.17.0",
 		"@biomejs/biome": "^2.0.0",
+		"@types/react": "^19.2.17",
 		"@vitest/coverage-v8": "^3.0.0",
 		"fast-check": "^4.6.0",
 		"jsdom": "^25.0.1",
 		"mock-socket": "^9.0.0",
 		"publint": "^0.3.0",
+		"react": "^19.2.7",
+		"react-dom": "^19.2.7",
 		"tsup": "^8.0.0",
 		"typescript": "^5.7.0",
-		"vitest": "^3.0.0"
+		"vitest": "^3.0.0",
+		"vue": "^3.5.39"
 	}
 }