@storix-js/sync 0.2.1 → 0.3.0

package/README.md

@@ -19,4 +19,4 @@ const storix = createStorix({
 });
 ```
 
-The plugin uses `BroadcastChannel` when available and falls back to the `storage` event.
+The plugin uses `BroadcastChannel` when available and the `storage` event only as a fallback, never as a duplicate second transport. Local changes are debounced/coalesced by scope and key, remote-origin changes are not echoed, and cross-namespace delivery requires explicit `namespaces` configuration.

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("@storix-js/core");function T(c={}){const g=c.channelName??"storix-sync",m=new Set(c.include??[]),h=new Set(c.exclude??[]),p=c.namespaces??[],I=p==="*"?null:new Set(p),y=c.debounce??16,S=crypto.randomUUID(),a=`__storix_sync__:${g}`,i=new Map,d=new Set,u=new Map,l=new Map;let r=null;const s=typeof window<"u"&&"BroadcastChannel"in window?new BroadcastChannel(g):null,f=n=>{const e=[n.$id,n.$scopeId];return!(e.some(t=>h.has(t))||m.size>0&&!e.some(t=>m.has(t)))},v=(n,e)=>e===n||I===null?!0:I.has(e),$=(n,e)=>{!e||e.originTabId===S||v(n.$namespace,e.namespace)&&e.storeId===n.$id&&f(n)&&n.$patch({[e.key]:e.newValue},"remote")},w=()=>{if(r=null,i.size===0)return;const n=Array.from(i.values());i.clear();for(const e of n){const t={...e,originTabId:S};if(s&&s.postMessage(t),typeof window<"u"&&"localStorage"in window)try{window.localStorage.setItem(a,JSON.stringify(t)),window.localStorage.removeItem(a)}catch{}}},M=n=>{if(i.set(`${n.scopeId}:${n.key}`,n),y<=0){w();return}r||(r=setTimeout(w,y))};return H.definePlugin({name:"sync",onInit(n){const e=n;if(f(e)){if(d.add(e.$scopeId),s){const t=o=>{$(e,o.data)};u.set(e.$scopeId,t),s.addEventListener("message",t)}if(typeof window<"u"){const t=o=>{if(!(o.key!==a||!o.newValue))try{const b=JSON.parse(o.newValue);$(e,b)}catch{}};l.set(e.$scopeId,t),window.addEventListener("storage",t)}}},onMutation(n,e){e.origin!=="remote"&&f(n)&&M(e)},onDispose(n){const e=n;d.delete(e.$scopeId);const t=u.get(e.$scopeId);s&&t&&(s.removeEventListener("message",t),u.delete(e.$scopeId));const o=l.get(e.$scopeId);typeof window<"u"&&o&&(window.removeEventListener("storage",o),l.delete(e.$scopeId)),r&&(clearTimeout(r),r=null),w(),d.size===0&&(s==null||s.close())}})}exports.syncPlugin=T;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@storix-js/core");function t(t={}){let n=t.channelName??`storix-sync`,r=new Set(t.include??[]),i=new Set(t.exclude??[]),a=t.namespaces??[],o=a===`*`?null:new Set(a),s=t.debounce??16,c=globalThis.crypto?.randomUUID?.()??`storix-${Date.now()}-${Math.random().toString(36).slice(2)}`,l=`__storix_sync__:${n}`,u=new Map,d=new Set,f=new Map,p=new Map,m=null,h=null,g=()=>(h||typeof window>`u`||typeof window.BroadcastChannel!=`function`||(h=new window.BroadcastChannel(n)),h),_=e=>{let t=[e.$id,e.$scopeId];return!(t.some(e=>i.has(e))||r.size>0&&!t.some(e=>r.has(e)))},v=(e,t)=>t===e||o===null||o.has(t),y=(e,t)=>{t&&t.originTabId!==c&&v(e.$namespace,t.namespace)&&t.storeId===e.$id&&_(e)&&e.$patch({[t.key]:t.newValue},`remote`)},b=()=>{if(m=null,u.size===0)return;let e=Array.from(u.values());u.clear();for(let t of e){let e={...t,originTabId:c},n=g();if(n&&n.postMessage(e),!n&&typeof window<`u`&&`localStorage`in window)try{window.localStorage.setItem(l,JSON.stringify(e)),window.localStorage.removeItem(l)}catch{}}},x=e=>{if(u.set(`${e.scopeId}:${e.key}`,e),s<=0){b();return}m||=setTimeout(b,s)};return(0,e.definePlugin)({name:`sync`,onInit(e){let t=e;if(!_(t))return;d.add(t.$scopeId);let n=g();if(n){let e=e=>{y(t,e.data)};f.set(t.$scopeId,e),n.addEventListener(`message`,e)}if(typeof window<`u`){let e=e=>{if(e.key===l&&e.newValue)try{let n=JSON.parse(e.newValue);y(t,n)}catch{}};p.set(t.$scopeId,e),window.addEventListener(`storage`,e)}},onMutation(e,t){t.origin!==`remote`&&_(e)&&x(t)},onDispose(e){let t=e;d.delete(t.$scopeId);let n=f.get(t.$scopeId);h&&n&&(h.removeEventListener(`message`,n),f.delete(t.$scopeId));let r=p.get(t.$scopeId);typeof window<`u`&&r&&(window.removeEventListener(`storage`,r),p.delete(t.$scopeId)),m&&=(clearTimeout(m),null),b(),d.size===0&&(h?.close(),h=null)}})}exports.syncPlugin=t;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { type MutationPayload } from '@storix-js/core';
 export interface SyncPluginOptions {
     channelName?: string;
     include?: string[];
@@ -5,5 +6,10 @@ export interface SyncPluginOptions {
     namespaces?: string[] | '*';
     debounce?: number;
 }
-export declare function syncPlugin(options?: SyncPluginOptions): import("@storix-js/core").StorePlugin;
+export declare function syncPlugin(options?: SyncPluginOptions): {
+    name: string;
+    onInit(store: import("@storix-js/core").StoreInstance<{}, {}, {}, {}>): void;
+    onMutation(store: import("@storix-js/core").StoreInstance<{}, {}, {}, {}>, mutation: MutationPayload): void;
+    onDispose(store: import("@storix-js/core").StoreInstance<{}, {}, {}, {}>): void;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,yCA8IzD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AASD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB;;;;;EAwJzD"}

package/dist/index.js

@@ -1,71 +1,66 @@
-import { definePlugin as b } from "@storix-js/core";
-function E(c = {}) {
-  const m = c.channelName ?? "storix-sync", g = new Set(c.include ?? []), h = new Set(c.exclude ?? []), p = c.namespaces ?? [], I = p === "*" ? null : new Set(p), $ = c.debounce ?? 16, S = crypto.randomUUID(), a = `__storix_sync__:${m}`, i = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-  let r = null;
-  const t = typeof window < "u" && "BroadcastChannel" in window ? new BroadcastChannel(m) : null, f = (n) => {
-    const e = [n.$id, n.$scopeId];
-    return !(e.some((s) => h.has(s)) || g.size > 0 && !e.some((s) => g.has(s)));
-  }, v = (n, e) => e === n || I === null ? !0 : I.has(e), y = (n, e) => {
-    !e || e.originTabId === S || v(n.$namespace, e.namespace) && e.storeId === n.$id && f(n) && n.$patch({ [e.key]: e.newValue }, "remote");
-  }, w = () => {
-    if (r = null, i.size === 0) return;
-    const n = Array.from(i.values());
-    i.clear();
-    for (const e of n) {
-      const s = {
-        ...e,
-        originTabId: S
-      };
-      if (t && t.postMessage(s), typeof window < "u" && "localStorage" in window)
-        try {
-          window.localStorage.setItem(a, JSON.stringify(s)), window.localStorage.removeItem(a);
-        } catch {
-        }
-    }
-  }, M = (n) => {
-    if (i.set(`${n.scopeId}:${n.key}`, n), $ <= 0) {
-      w();
-      return;
-    }
-    r || (r = setTimeout(w, $));
-  };
-  return b({
-    name: "sync",
-    onInit(n) {
-      const e = n;
-      if (f(e)) {
-        if (d.add(e.$scopeId), t) {
-          const s = (o) => {
-            y(e, o.data);
-          };
-          u.set(e.$scopeId, s), t.addEventListener("message", s);
-        }
-        if (typeof window < "u") {
-          const s = (o) => {
-            if (!(o.key !== a || !o.newValue))
-              try {
-                const H = JSON.parse(o.newValue);
-                y(e, H);
-              } catch {
-              }
-          };
-          l.set(e.$scopeId, s), window.addEventListener("storage", s);
-        }
-      }
-    },
-    onMutation(n, e) {
-      e.origin !== "remote" && f(n) && M(e);
-    },
-    onDispose(n) {
-      const e = n;
-      d.delete(e.$scopeId);
-      const s = u.get(e.$scopeId);
-      t && s && (t.removeEventListener("message", s), u.delete(e.$scopeId));
-      const o = l.get(e.$scopeId);
-      typeof window < "u" && o && (window.removeEventListener("storage", o), l.delete(e.$scopeId)), r && (clearTimeout(r), r = null), w(), d.size === 0 && (t == null || t.close());
-    }
-  });
+import { definePlugin as e } from "@storix-js/core";
+//#region src/index.ts
+function t(t = {}) {
+	let n = t.channelName ?? "storix-sync", r = new Set(t.include ?? []), i = new Set(t.exclude ?? []), a = t.namespaces ?? [], o = a === "*" ? null : new Set(a), s = t.debounce ?? 16, c = globalThis.crypto?.randomUUID?.() ?? `storix-${Date.now()}-${Math.random().toString(36).slice(2)}`, l = `__storix_sync__:${n}`, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), m = null, h = null, g = () => (h || typeof window > "u" || typeof window.BroadcastChannel != "function" || (h = new window.BroadcastChannel(n)), h), _ = (e) => {
+		let t = [e.$id, e.$scopeId];
+		return !(t.some((e) => i.has(e)) || r.size > 0 && !t.some((e) => r.has(e)));
+	}, v = (e, t) => t === e || o === null || o.has(t), y = (e, t) => {
+		t && t.originTabId !== c && v(e.$namespace, t.namespace) && t.storeId === e.$id && _(e) && e.$patch({ [t.key]: t.newValue }, "remote");
+	}, b = () => {
+		if (m = null, u.size === 0) return;
+		let e = Array.from(u.values());
+		u.clear();
+		for (let t of e) {
+			let e = {
+				...t,
+				originTabId: c
+			}, n = g();
+			if (n && n.postMessage(e), !n && typeof window < "u" && "localStorage" in window) try {
+				window.localStorage.setItem(l, JSON.stringify(e)), window.localStorage.removeItem(l);
+			} catch {}
+		}
+	}, x = (e) => {
+		if (u.set(`${e.scopeId}:${e.key}`, e), s <= 0) {
+			b();
+			return;
+		}
+		m ||= setTimeout(b, s);
+	};
+	return e({
+		name: "sync",
+		onInit(e) {
+			let t = e;
+			if (!_(t)) return;
+			d.add(t.$scopeId);
+			let n = g();
+			if (n) {
+				let e = (e) => {
+					y(t, e.data);
+				};
+				f.set(t.$scopeId, e), n.addEventListener("message", e);
+			}
+			if (typeof window < "u") {
+				let e = (e) => {
+					if (e.key === l && e.newValue) try {
+						let n = JSON.parse(e.newValue);
+						y(t, n);
+					} catch {}
+				};
+				p.set(t.$scopeId, e), window.addEventListener("storage", e);
+			}
+		},
+		onMutation(e, t) {
+			t.origin !== "remote" && _(e) && x(t);
+		},
+		onDispose(e) {
+			let t = e;
+			d.delete(t.$scopeId);
+			let n = f.get(t.$scopeId);
+			h && n && (h.removeEventListener("message", n), f.delete(t.$scopeId));
+			let r = p.get(t.$scopeId);
+			typeof window < "u" && r && (window.removeEventListener("storage", r), p.delete(t.$scopeId)), m &&= (clearTimeout(m), null), b(), d.size === 0 && (h?.close(), h = null);
+		}
+	});
 }
-export {
-  E as syncPlugin
-};
+//#endregion
+export { t as syncPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storix-js/sync",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -19,13 +19,13 @@
       "require": "./dist/index.cjs"
     }
   },
+  "dependencies": {
+    "@storix-js/core": "0.3.0"
+  },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
     "dev": "vite build --watch",
     "test": "vitest run --passWithNoTests",
     "typecheck": "tsc -p tsconfig.json --noEmit"
-  },
-  "dependencies": {
-    "@storix-js/core": "workspace:*"
   }
-}
+}