@storix-js/sync 0.1.2 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +47 -488
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
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;
|
package/dist/index.d.ts
CHANGED
|
@@ -5,5 +5,5 @@ export interface SyncPluginOptions {
|
|
|
5
5
|
namespaces?: string[] | '*';
|
|
6
6
|
debounce?: number;
|
|
7
7
|
}
|
|
8
|
-
export declare function syncPlugin(options?: SyncPluginOptions):
|
|
8
|
+
export declare function syncPlugin(options?: SyncPluginOptions): import("@storix-js/core").StorePlugin;
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
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"}
|
package/dist/index.js
CHANGED
|
@@ -1,512 +1,71 @@
|
|
|
1
|
-
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
if (B = 0, M--, t) throw e;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
function Z(e) {
|
|
22
|
-
if (M > 0) return e();
|
|
23
|
-
M++;
|
|
24
|
-
try {
|
|
25
|
-
return e();
|
|
26
|
-
} finally {
|
|
27
|
-
W();
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
var u = void 0;
|
|
31
|
-
function tt(e) {
|
|
32
|
-
var t = u;
|
|
33
|
-
u = void 0;
|
|
34
|
-
try {
|
|
35
|
-
return e();
|
|
36
|
-
} finally {
|
|
37
|
-
u = t;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
var D = void 0, M = 0, B = 0, J = 0;
|
|
41
|
-
function et(e) {
|
|
42
|
-
if (u !== void 0) {
|
|
43
|
-
var t = e.n;
|
|
44
|
-
if (t === void 0 || t.t !== u)
|
|
45
|
-
return t = { i: 0, S: e, p: u.s, n: void 0, t: u, e: void 0, x: void 0, r: t }, u.s !== void 0 && (u.s.n = t), u.s = t, e.n = t, 32 & u.f && e.S(t), t;
|
|
46
|
-
if (t.i === -1)
|
|
47
|
-
return t.i = 0, t.n !== void 0 && (t.n.p = t.p, t.p !== void 0 && (t.p.n = t.n), t.p = u.s, t.n = void 0, u.s.n = t, u.s = t), t;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
function m(e, t) {
|
|
51
|
-
this.v = e, this.i = 0, this.n = void 0, this.t = void 0, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
|
|
52
|
-
}
|
|
53
|
-
m.prototype.brand = at;
|
|
54
|
-
m.prototype.h = function() {
|
|
55
|
-
return !0;
|
|
56
|
-
};
|
|
57
|
-
m.prototype.S = function(e) {
|
|
58
|
-
var t = this, o = this.t;
|
|
59
|
-
o !== e && e.e === void 0 && (e.x = o, this.t = e, o !== void 0 ? o.e = e : tt(function() {
|
|
60
|
-
var l;
|
|
61
|
-
(l = t.W) == null || l.call(t);
|
|
62
|
-
}));
|
|
63
|
-
};
|
|
64
|
-
m.prototype.U = function(e) {
|
|
65
|
-
var t = this;
|
|
66
|
-
if (this.t !== void 0) {
|
|
67
|
-
var o = e.e, l = e.x;
|
|
68
|
-
o !== void 0 && (o.x = l, e.e = void 0), l !== void 0 && (l.e = o, e.x = void 0), e === this.t && (this.t = l, l === void 0 && tt(function() {
|
|
69
|
-
var x;
|
|
70
|
-
(x = t.Z) == null || x.call(t);
|
|
71
|
-
}));
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
m.prototype.subscribe = function(e) {
|
|
75
|
-
var t = this;
|
|
76
|
-
return ut(function() {
|
|
77
|
-
var o = t.value, l = u;
|
|
78
|
-
u = void 0;
|
|
79
|
-
try {
|
|
80
|
-
e(o);
|
|
81
|
-
} finally {
|
|
82
|
-
u = l;
|
|
83
|
-
}
|
|
84
|
-
}, { name: "sub" });
|
|
85
|
-
};
|
|
86
|
-
m.prototype.valueOf = function() {
|
|
87
|
-
return this.value;
|
|
88
|
-
};
|
|
89
|
-
m.prototype.toString = function() {
|
|
90
|
-
return this.value + "";
|
|
91
|
-
};
|
|
92
|
-
m.prototype.toJSON = function() {
|
|
93
|
-
return this.value;
|
|
94
|
-
};
|
|
95
|
-
m.prototype.peek = function() {
|
|
96
|
-
var e = u;
|
|
97
|
-
u = void 0;
|
|
98
|
-
try {
|
|
99
|
-
return this.value;
|
|
100
|
-
} finally {
|
|
101
|
-
u = e;
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
Object.defineProperty(m.prototype, "value", { get: function() {
|
|
105
|
-
var e = et(this);
|
|
106
|
-
return e !== void 0 && (e.i = this.i), this.v;
|
|
107
|
-
}, set: function(e) {
|
|
108
|
-
if (e !== this.v) {
|
|
109
|
-
if (B > 100) throw new Error("Cycle detected");
|
|
110
|
-
this.v = e, this.i++, J++, M++;
|
|
111
|
-
try {
|
|
112
|
-
for (var t = this.t; t !== void 0; t = t.x) t.t.N();
|
|
113
|
-
} finally {
|
|
114
|
-
W();
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
} });
|
|
118
|
-
function ft(e, t) {
|
|
119
|
-
return new m(e, t);
|
|
120
|
-
}
|
|
121
|
-
function nt(e) {
|
|
122
|
-
for (var t = e.s; t !== void 0; t = t.n) if (t.S.i !== t.i || !t.S.h() || t.S.i !== t.i) return !0;
|
|
123
|
-
return !1;
|
|
124
|
-
}
|
|
125
|
-
function it(e) {
|
|
126
|
-
for (var t = e.s; t !== void 0; t = t.n) {
|
|
127
|
-
var o = t.S.n;
|
|
128
|
-
if (o !== void 0 && (t.r = o), t.S.n = t, t.i = -1, t.n === void 0) {
|
|
129
|
-
e.s = t;
|
|
130
|
-
break;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
function ot(e) {
|
|
135
|
-
for (var t = e.s, o = void 0; t !== void 0; ) {
|
|
136
|
-
var l = t.p;
|
|
137
|
-
t.i === -1 ? (t.S.U(t), l !== void 0 && (l.n = t.n), t.n !== void 0 && (t.n.p = l)) : o = t, t.S.n = t.r, t.r !== void 0 && (t.r = void 0), t = l;
|
|
138
|
-
}
|
|
139
|
-
e.s = o;
|
|
140
|
-
}
|
|
141
|
-
function U(e, t) {
|
|
142
|
-
m.call(this, void 0), this.x = e, this.s = void 0, this.g = J - 1, this.f = 4, this.W = t == null ? void 0 : t.watched, this.Z = t == null ? void 0 : t.unwatched, this.name = t == null ? void 0 : t.name;
|
|
143
|
-
}
|
|
144
|
-
U.prototype = new m();
|
|
145
|
-
U.prototype.h = function() {
|
|
146
|
-
if (this.f &= -3, 1 & this.f) return !1;
|
|
147
|
-
if ((36 & this.f) == 32 || (this.f &= -5, this.g === J)) return !0;
|
|
148
|
-
if (this.g = J, this.f |= 1, this.i > 0 && !nt(this))
|
|
149
|
-
return this.f &= -2, !0;
|
|
150
|
-
var e = u;
|
|
151
|
-
try {
|
|
152
|
-
it(this), u = this;
|
|
153
|
-
var t = this.x();
|
|
154
|
-
(16 & this.f || this.v !== t || this.i === 0) && (this.v = t, this.f &= -17, this.i++);
|
|
155
|
-
} catch (o) {
|
|
156
|
-
this.v = o, this.f |= 16, this.i++;
|
|
157
|
-
}
|
|
158
|
-
return u = e, ot(this), this.f &= -2, !0;
|
|
159
|
-
};
|
|
160
|
-
U.prototype.S = function(e) {
|
|
161
|
-
if (this.t === void 0) {
|
|
162
|
-
this.f |= 36;
|
|
163
|
-
for (var t = this.s; t !== void 0; t = t.n) t.S.S(t);
|
|
164
|
-
}
|
|
165
|
-
m.prototype.S.call(this, e);
|
|
166
|
-
};
|
|
167
|
-
U.prototype.U = function(e) {
|
|
168
|
-
if (this.t !== void 0 && (m.prototype.U.call(this, e), this.t === void 0)) {
|
|
169
|
-
this.f &= -33;
|
|
170
|
-
for (var t = this.s; t !== void 0; t = t.n) t.S.U(t);
|
|
171
|
-
}
|
|
172
|
-
};
|
|
173
|
-
U.prototype.N = function() {
|
|
174
|
-
if (!(2 & this.f)) {
|
|
175
|
-
this.f |= 6;
|
|
176
|
-
for (var e = this.t; e !== void 0; e = e.x) e.t.N();
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
Object.defineProperty(U.prototype, "value", { get: function() {
|
|
180
|
-
if (1 & this.f) throw new Error("Cycle detected");
|
|
181
|
-
var e = et(this);
|
|
182
|
-
if (this.h(), e !== void 0 && (e.i = this.i), 16 & this.f) throw this.v;
|
|
183
|
-
return this.v;
|
|
184
|
-
} });
|
|
185
|
-
function Y(e, t) {
|
|
186
|
-
return new U(e, t);
|
|
187
|
-
}
|
|
188
|
-
function st(e) {
|
|
189
|
-
var t = e.u;
|
|
190
|
-
if (e.u = void 0, typeof t == "function") {
|
|
191
|
-
M++;
|
|
192
|
-
var o = u;
|
|
193
|
-
u = void 0;
|
|
194
|
-
try {
|
|
195
|
-
t();
|
|
196
|
-
} catch (l) {
|
|
197
|
-
throw e.f &= -2, e.f |= 8, K(e), l;
|
|
198
|
-
} finally {
|
|
199
|
-
u = o, W();
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
function K(e) {
|
|
204
|
-
for (var t = e.s; t !== void 0; t = t.n) t.S.U(t);
|
|
205
|
-
e.x = void 0, e.s = void 0, st(e);
|
|
206
|
-
}
|
|
207
|
-
function ct(e) {
|
|
208
|
-
if (u !== this) throw new Error("Out-of-order effect");
|
|
209
|
-
ot(this), u = e, this.f &= -2, 8 & this.f && K(this), W();
|
|
210
|
-
}
|
|
211
|
-
function T(e, t) {
|
|
212
|
-
this.x = e, this.u = void 0, this.s = void 0, this.o = void 0, this.f = 32, this.name = t == null ? void 0 : t.name;
|
|
213
|
-
}
|
|
214
|
-
T.prototype.c = function() {
|
|
215
|
-
var e = this.S();
|
|
216
|
-
try {
|
|
217
|
-
if (8 & this.f || this.x === void 0) return;
|
|
218
|
-
var t = this.x();
|
|
219
|
-
typeof t == "function" && (this.u = t);
|
|
220
|
-
} finally {
|
|
221
|
-
e();
|
|
222
|
-
}
|
|
223
|
-
};
|
|
224
|
-
T.prototype.S = function() {
|
|
225
|
-
if (1 & this.f) throw new Error("Cycle detected");
|
|
226
|
-
this.f |= 1, this.f &= -9, st(this), it(this), M++;
|
|
227
|
-
var e = u;
|
|
228
|
-
return u = this, ct.bind(this, e);
|
|
229
|
-
};
|
|
230
|
-
T.prototype.N = function() {
|
|
231
|
-
2 & this.f || (this.f |= 2, this.o = D, D = this);
|
|
232
|
-
};
|
|
233
|
-
T.prototype.d = function() {
|
|
234
|
-
this.f |= 8, 1 & this.f || K(this);
|
|
235
|
-
};
|
|
236
|
-
T.prototype.dispose = function() {
|
|
237
|
-
this.d();
|
|
238
|
-
};
|
|
239
|
-
function ut(e, t) {
|
|
240
|
-
var o = new T(e, t);
|
|
241
|
-
try {
|
|
242
|
-
o.c();
|
|
243
|
-
} catch (x) {
|
|
244
|
-
throw o.d(), x;
|
|
245
|
-
}
|
|
246
|
-
var l = o.d.bind(o);
|
|
247
|
-
return l[Symbol.dispose] = l, l;
|
|
248
|
-
}
|
|
249
|
-
function lt(e = {}) {
|
|
250
|
-
const t = (e.namespace ?? "default").trim() || "default", o = e.plugins ?? [], l = /* @__PURE__ */ new Map();
|
|
251
|
-
function x(S, j) {
|
|
252
|
-
return function() {
|
|
253
|
-
var _;
|
|
254
|
-
const N = `${t}:${S}`, E = l.get(S);
|
|
255
|
-
if (E) return E;
|
|
256
|
-
const P = j.state(), I = j.modules ?? {}, H = { ...P };
|
|
257
|
-
for (const [i, n] of Object.entries(I))
|
|
258
|
-
H[i] = n.state();
|
|
259
|
-
const h = ft(H), y = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set(), d = new Set(Object.keys(P)), a = new Set(Object.keys(j.getters ?? {})), p = new Set(Object.keys(j.actions ?? {})), w = (i) => h.value[i] ?? {}, q = (i, n) => {
|
|
260
|
-
h.value = {
|
|
261
|
-
...h.value,
|
|
262
|
-
[i]: n
|
|
263
|
-
};
|
|
264
|
-
}, rt = new Proxy(
|
|
265
|
-
{},
|
|
266
|
-
{
|
|
267
|
-
get(i, n) {
|
|
268
|
-
var r, f;
|
|
269
|
-
if (y.has(n)) return (r = y.get(n)) == null ? void 0 : r.value;
|
|
270
|
-
if (b.has(n)) return (f = b.get(n)) == null ? void 0 : f.value;
|
|
271
|
-
if (d.has(n)) return h.value[n];
|
|
272
|
-
const v = k.get(n);
|
|
273
|
-
return v ? w(v.moduleName)[v.key] : h.value[n];
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
);
|
|
277
|
-
for (const [i, n] of Object.entries(j.getters ?? {}))
|
|
278
|
-
y.set(
|
|
279
|
-
i,
|
|
280
|
-
Y(() => n(h.value, rt))
|
|
281
|
-
);
|
|
282
|
-
const F = (i, n) => {
|
|
283
|
-
var r;
|
|
284
|
-
for (const f of C) f(i);
|
|
285
|
-
for (const f of o)
|
|
286
|
-
(r = f.onMutation) == null || r.call(f, n, i);
|
|
287
|
-
}, G = (i, n, r, f) => {
|
|
288
|
-
const v = h.value[i];
|
|
289
|
-
Object.is(v, n) || (h.value = {
|
|
290
|
-
...h.value,
|
|
291
|
-
[i]: n
|
|
292
|
-
}, F(
|
|
293
|
-
{
|
|
294
|
-
namespace: t,
|
|
295
|
-
scopeId: N,
|
|
296
|
-
storeId: S,
|
|
297
|
-
key: i,
|
|
298
|
-
oldValue: v,
|
|
299
|
-
newValue: n,
|
|
300
|
-
origin: r
|
|
301
|
-
},
|
|
302
|
-
f
|
|
303
|
-
));
|
|
304
|
-
}, z = (i, n, r, f, v) => {
|
|
305
|
-
const g = w(i), s = g[n];
|
|
306
|
-
Object.is(s, r) || (q(i, {
|
|
307
|
-
...g,
|
|
308
|
-
[n]: r
|
|
309
|
-
}), F(
|
|
310
|
-
{
|
|
311
|
-
namespace: t,
|
|
312
|
-
scopeId: N,
|
|
313
|
-
storeId: S,
|
|
314
|
-
key: `${i}.${n}`,
|
|
315
|
-
oldValue: s,
|
|
316
|
-
newValue: r,
|
|
317
|
-
origin: f
|
|
318
|
-
},
|
|
319
|
-
v
|
|
320
|
-
));
|
|
321
|
-
}, V = {
|
|
322
|
-
$id: S,
|
|
323
|
-
$namespace: t,
|
|
324
|
-
$scopeId: N,
|
|
325
|
-
$subscribe(i) {
|
|
326
|
-
return C.add(i), () => C.delete(i);
|
|
327
|
-
},
|
|
328
|
-
$dispose() {
|
|
329
|
-
var i;
|
|
330
|
-
C.clear();
|
|
331
|
-
for (const n of o)
|
|
332
|
-
(i = n.onDispose) == null || i.call(n, $);
|
|
333
|
-
l.delete(S);
|
|
334
|
-
},
|
|
335
|
-
$patch(i, n = "local") {
|
|
336
|
-
Z(() => {
|
|
337
|
-
for (const [r, f] of Object.entries(i)) {
|
|
338
|
-
const v = k.get(r);
|
|
339
|
-
if (v) {
|
|
340
|
-
z(v.moduleName, v.key, f, n, $);
|
|
341
|
-
continue;
|
|
342
|
-
}
|
|
343
|
-
if (r.includes(".")) {
|
|
344
|
-
const [g, s] = r.split(".", 2);
|
|
345
|
-
if (I[g]) {
|
|
346
|
-
z(g, s, f, n, $);
|
|
347
|
-
continue;
|
|
348
|
-
}
|
|
349
|
-
}
|
|
350
|
-
if (I[r] && f && typeof f == "object" && !Array.isArray(f)) {
|
|
351
|
-
for (const [g, s] of Object.entries(f))
|
|
352
|
-
z(r, g, s, n, $);
|
|
353
|
-
continue;
|
|
354
|
-
}
|
|
355
|
-
G(r, f, n, $);
|
|
356
|
-
}
|
|
357
|
-
});
|
|
358
|
-
},
|
|
359
|
-
$snapshot() {
|
|
360
|
-
return { ...h.value };
|
|
361
|
-
}
|
|
1
|
+
import { definePlugin as b } from "@storix-js/core";
|
|
2
|
+
function E(c = {}) {
|
|
3
|
+
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();
|
|
4
|
+
let r = null;
|
|
5
|
+
const t = typeof window < "u" && "BroadcastChannel" in window ? new BroadcastChannel(m) : null, f = (n) => {
|
|
6
|
+
const e = [n.$id, n.$scopeId];
|
|
7
|
+
return !(e.some((s) => h.has(s)) || g.size > 0 && !e.some((s) => g.has(s)));
|
|
8
|
+
}, v = (n, e) => e === n || I === null ? !0 : I.has(e), y = (n, e) => {
|
|
9
|
+
!e || e.originTabId === S || v(n.$namespace, e.namespace) && e.storeId === n.$id && f(n) && n.$patch({ [e.key]: e.newValue }, "remote");
|
|
10
|
+
}, w = () => {
|
|
11
|
+
if (r = null, i.size === 0) return;
|
|
12
|
+
const n = Array.from(i.values());
|
|
13
|
+
i.clear();
|
|
14
|
+
for (const e of n) {
|
|
15
|
+
const s = {
|
|
16
|
+
...e,
|
|
17
|
+
originTabId: S
|
|
362
18
|
};
|
|
363
|
-
|
|
364
|
-
const r = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), v = new Proxy(
|
|
365
|
-
{},
|
|
366
|
-
{
|
|
367
|
-
get(s, c) {
|
|
368
|
-
var O, R, Q;
|
|
369
|
-
if (r.has(c)) return (O = r.get(c)) == null ? void 0 : O.value;
|
|
370
|
-
if (y.has(c)) return (R = y.get(c)) == null ? void 0 : R.value;
|
|
371
|
-
if (b.has(c)) return (Q = b.get(c)) == null ? void 0 : Q.value;
|
|
372
|
-
const X = w(i);
|
|
373
|
-
if (c in X) return X[c];
|
|
374
|
-
if (d.has(c)) return h.value[c];
|
|
375
|
-
}
|
|
376
|
-
}
|
|
377
|
-
);
|
|
378
|
-
for (const [s, c] of Object.entries(n.getters ?? {}))
|
|
379
|
-
r.set(
|
|
380
|
-
s,
|
|
381
|
-
Y(() => c(w(i), h.value, v))
|
|
382
|
-
);
|
|
383
|
-
let g;
|
|
384
|
-
for (const [s, c] of Object.entries(n.actions ?? {}))
|
|
385
|
-
f.set(s, (...O) => Z(() => c.apply(g, O)));
|
|
386
|
-
g = new Proxy(
|
|
387
|
-
{},
|
|
388
|
-
{
|
|
389
|
-
get(s, c) {
|
|
390
|
-
var O;
|
|
391
|
-
if (f.has(c)) return f.get(c);
|
|
392
|
-
if (r.has(c)) return (O = r.get(c)) == null ? void 0 : O.value;
|
|
393
|
-
const R = w(i);
|
|
394
|
-
return c in R ? R[c] : $[c];
|
|
395
|
-
},
|
|
396
|
-
set(s, c, O) {
|
|
397
|
-
if (f.has(c) || r.has(c)) return !1;
|
|
398
|
-
const R = w(i);
|
|
399
|
-
return c in R ? z(i, c, O, "local", $) : $[c] = O, !0;
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
), L.set(i, g), A.set(i, r);
|
|
403
|
-
for (const s of Object.keys(w(i)))
|
|
404
|
-
!(d.has(s) || a.has(s) || p.has(s) || Reflect.has(V, s) || I[s] !== void 0) && !k.has(s) && k.set(s, { moduleName: i, key: s });
|
|
405
|
-
for (const [s, c] of r.entries())
|
|
406
|
-
!(d.has(s) || a.has(s) || p.has(s) || Reflect.has(V, s) || I[s] !== void 0) && !b.has(s) && b.set(s, c);
|
|
407
|
-
for (const [s, c] of f.entries())
|
|
408
|
-
!(d.has(s) || a.has(s) || p.has(s) || Reflect.has(V, s) || I[s] !== void 0) && !Reflect.has(V, s) && (V[s] = c);
|
|
409
|
-
}
|
|
410
|
-
const $ = new Proxy(V, {
|
|
411
|
-
get(i, n, r) {
|
|
412
|
-
var f, v;
|
|
413
|
-
if (Reflect.has(i, n)) return Reflect.get(i, n, r);
|
|
414
|
-
if (L.has(n)) return L.get(n);
|
|
415
|
-
if (y.has(n)) return (f = y.get(n)) == null ? void 0 : f.value;
|
|
416
|
-
if (b.has(n)) return (v = b.get(n)) == null ? void 0 : v.value;
|
|
417
|
-
if (d.has(n)) return h.value[n];
|
|
418
|
-
const g = k.get(n);
|
|
419
|
-
return g ? w(g.moduleName)[g.key] : h.value[n];
|
|
420
|
-
},
|
|
421
|
-
set(i, n, r, f) {
|
|
422
|
-
if (Reflect.has(i, n))
|
|
423
|
-
return Reflect.set(i, n, r, f);
|
|
424
|
-
const v = k.get(n);
|
|
425
|
-
return v ? (z(v.moduleName, v.key, r, "local", f), !0) : (G(n, r, "local", f), !0);
|
|
426
|
-
}
|
|
427
|
-
});
|
|
428
|
-
for (const [i, n] of Object.entries(j.actions ?? {}))
|
|
429
|
-
V[i] = (...r) => Z(() => n.apply($, r));
|
|
430
|
-
for (const i of o)
|
|
431
|
-
(_ = i.onInit) == null || _.call(i, $);
|
|
432
|
-
return l.set(S, $), $;
|
|
433
|
-
};
|
|
434
|
-
}
|
|
435
|
-
return {
|
|
436
|
-
defineStore: x,
|
|
437
|
-
use(S) {
|
|
438
|
-
o.push(S);
|
|
439
|
-
}
|
|
440
|
-
};
|
|
441
|
-
}
|
|
442
|
-
lt();
|
|
443
|
-
function dt(e = {}) {
|
|
444
|
-
const t = e.channelName ?? "storix-sync", o = new Set(e.include ?? []), l = new Set(e.exclude ?? []), x = e.namespaces ?? [], S = x === "*" ? null : new Set(x), j = e.debounce ?? 16, _ = crypto.randomUUID(), N = `__storix_sync__:${t}`, E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Set(), I = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
|
|
445
|
-
let h = null;
|
|
446
|
-
const y = typeof window < "u" && "BroadcastChannel" in window ? new BroadcastChannel(t) : null, A = (d) => {
|
|
447
|
-
const a = [d.$id, d.$scopeId];
|
|
448
|
-
return !(a.some((p) => l.has(p)) || o.size > 0 && !a.some((p) => o.has(p)));
|
|
449
|
-
}, L = (d, a) => a === d || S === null ? !0 : S.has(a), k = (d, a) => {
|
|
450
|
-
!a || a.originTabId === _ || L(d.$namespace, a.namespace) && a.storeId === d.$id && A(d) && d.$patch({ [a.key]: a.newValue }, "remote");
|
|
451
|
-
}, b = () => {
|
|
452
|
-
if (h = null, E.size === 0) return;
|
|
453
|
-
const d = Array.from(E.values());
|
|
454
|
-
E.clear();
|
|
455
|
-
for (const a of d) {
|
|
456
|
-
const p = {
|
|
457
|
-
...a,
|
|
458
|
-
originTabId: _
|
|
459
|
-
};
|
|
460
|
-
if (y && y.postMessage(p), typeof window < "u" && "localStorage" in window)
|
|
19
|
+
if (t && t.postMessage(s), typeof window < "u" && "localStorage" in window)
|
|
461
20
|
try {
|
|
462
|
-
window.localStorage.setItem(
|
|
21
|
+
window.localStorage.setItem(a, JSON.stringify(s)), window.localStorage.removeItem(a);
|
|
463
22
|
} catch {
|
|
464
23
|
}
|
|
465
24
|
}
|
|
466
|
-
},
|
|
467
|
-
if (
|
|
468
|
-
|
|
25
|
+
}, M = (n) => {
|
|
26
|
+
if (i.set(`${n.scopeId}:${n.key}`, n), $ <= 0) {
|
|
27
|
+
w();
|
|
469
28
|
return;
|
|
470
29
|
}
|
|
471
|
-
|
|
30
|
+
r || (r = setTimeout(w, $));
|
|
472
31
|
};
|
|
473
|
-
return {
|
|
32
|
+
return b({
|
|
474
33
|
name: "sync",
|
|
475
|
-
onInit(
|
|
476
|
-
const
|
|
477
|
-
if (
|
|
478
|
-
if (
|
|
479
|
-
const
|
|
480
|
-
|
|
34
|
+
onInit(n) {
|
|
35
|
+
const e = n;
|
|
36
|
+
if (f(e)) {
|
|
37
|
+
if (d.add(e.$scopeId), t) {
|
|
38
|
+
const s = (o) => {
|
|
39
|
+
y(e, o.data);
|
|
481
40
|
};
|
|
482
|
-
|
|
41
|
+
u.set(e.$scopeId, s), t.addEventListener("message", s);
|
|
483
42
|
}
|
|
484
43
|
if (typeof window < "u") {
|
|
485
|
-
const
|
|
486
|
-
if (!(
|
|
44
|
+
const s = (o) => {
|
|
45
|
+
if (!(o.key !== a || !o.newValue))
|
|
487
46
|
try {
|
|
488
|
-
const
|
|
489
|
-
|
|
47
|
+
const H = JSON.parse(o.newValue);
|
|
48
|
+
y(e, H);
|
|
490
49
|
} catch {
|
|
491
50
|
}
|
|
492
51
|
};
|
|
493
|
-
|
|
52
|
+
l.set(e.$scopeId, s), window.addEventListener("storage", s);
|
|
494
53
|
}
|
|
495
54
|
}
|
|
496
55
|
},
|
|
497
|
-
onMutation(
|
|
498
|
-
|
|
56
|
+
onMutation(n, e) {
|
|
57
|
+
e.origin !== "remote" && f(n) && M(e);
|
|
499
58
|
},
|
|
500
|
-
onDispose(
|
|
501
|
-
const
|
|
502
|
-
|
|
503
|
-
const
|
|
504
|
-
|
|
505
|
-
const
|
|
506
|
-
typeof window < "u" &&
|
|
59
|
+
onDispose(n) {
|
|
60
|
+
const e = n;
|
|
61
|
+
d.delete(e.$scopeId);
|
|
62
|
+
const s = u.get(e.$scopeId);
|
|
63
|
+
t && s && (t.removeEventListener("message", s), u.delete(e.$scopeId));
|
|
64
|
+
const o = l.get(e.$scopeId);
|
|
65
|
+
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());
|
|
507
66
|
}
|
|
508
|
-
};
|
|
67
|
+
});
|
|
509
68
|
}
|
|
510
69
|
export {
|
|
511
|
-
|
|
70
|
+
E as syncPlugin
|
|
512
71
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storix-js/sync",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -26,6 +26,6 @@
|
|
|
26
26
|
"typecheck": "tsc -p tsconfig.json --noEmit"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@storix-js/core": "
|
|
29
|
+
"@storix-js/core": "workspace:*"
|
|
30
30
|
}
|
|
31
31
|
}
|