@ikonai/sdk-ui 1.0.68 → 1.0.69

package/ikon-ui-core.d.ts

@@ -53,6 +53,7 @@ export declare class IkonUiCore {
     private readonly useUiWorker;
     private liveSnapshot;
     private unsubscribeLiveSnapshotCapture?;
+    private readonly seedStreamIds;
     constructor(config?: IkonUiCoreConfig);
     dispose(): void;
     private clearAllState;
@@ -74,6 +75,7 @@ export declare class IkonUiCore {
     private applyUiStoreOp;
     private handleProtocolMessage;
     private handleGlobalState;
+    private evictSeedStreams;
     private handleUiUpdate;
     private handleUiStyles;
     private handleUiStylesBatch;

package/index.js

@@ -1112,7 +1112,7 @@ function Pt(e) {
     t.push(r.asString());
   return t;
 }
-const pt = 76337612, kt = 185396121, Mt = 250031587, vt = 388632637, Bt = 417197284, Vt = 425972532, Gt = 469070965, xt = 470595159, Ht = 594855258, Yt = 617065367, Wt = 661691032, Kt = 781727218, $t = 834078886, Xt = 1043273762, jt = 1236999138, zt = 1286979607, Jt = 1368629611, qt = 1437068682, Qt = 1668375353, Zt = 1715899485, er = 1942830531, tr = 1999510636, rr = 2033288346, sr = 2079864626, nr = 2142346422, ir = 2228539873, or = 2232517119, ar = 2598291686, lr = 2719718823, Ir = 2810953526, Er = 2840065720, _r = 2885165957, hr = 3542818975, ur = 3586157513, cr = 3717933110, fr = 4062655306;
+const pt = 76337612, kt = 185396121, vt = 250031587, Mt = 388632637, Bt = 417197284, Vt = 425972532, Gt = 469070965, xt = 470595159, Ht = 594855258, Yt = 617065367, Wt = 661691032, Kt = 781727218, $t = 834078886, Xt = 1043273762, jt = 1236999138, zt = 1286979607, Jt = 1368629611, qt = 1437068682, Qt = 1668375353, Zt = 1715899485, er = 1942830531, tr = 1999510636, rr = 2033288346, sr = 2079864626, nr = 2142346422, ir = 2228539873, or = 2232517119, ar = 2598291686, lr = 2719718823, Ir = 2810953526, Er = 2840065720, _r = 2885165957, hr = 3542818975, ur = 3586157513, cr = 3717933110, fr = 4062655306;
 function Tr(e) {
   const t = {};
   return me(t), t;
@@ -1138,12 +1138,12 @@ function Ar(e, t) {
         t.InstallId = r.asString();
         break;
       }
-      case Mt: {
+      case vt: {
         if (r.isNull) throw new Error();
         t.Theme = r.asString();
         break;
       }
-      case vt: {
+      case Mt: {
         if (r.isNull) throw new Error();
         t.UserAgent = r.asString();
         break;
@@ -1387,7 +1387,7 @@ function pr(e, t) {
       }
       case gr: {
         if (r.isNull) throw new Error();
-        t.Parameters = Mr(r.asArray());
+        t.Parameters = vr(r.asArray());
         break;
       }
       case br: {
@@ -1404,14 +1404,14 @@ function kr(e) {
     t.push(r.asString());
   return t;
 }
-function Mr(e) {
+function vr(e) {
   const t = [];
   let r;
   for (; (r = e.next()) !== null; )
     t.push(Xr(r.asObject()));
   return t;
 }
-const vr = 607861992, Br = 894485888, Vr = 972460562, Gr = 1368629611, xr = 1883521406, Hr = 2603556958, Yr = 3609695522, Wr = 4075263697, Kr = 4257460908;
+const Mr = 607861992, Br = 894485888, Vr = 972460562, Gr = 1368629611, xr = 1883521406, Hr = 2603556958, Yr = 3609695522, Wr = 4075263697, Kr = 4257460908;
 function $r(e) {
   const t = {};
   return ge(t), t;
@@ -1427,7 +1427,7 @@ function jr(e, t) {
   let r;
   for (; (r = e.next()) !== null; )
     switch (r.fieldId) {
-      case vr: {
+      case Mr: {
         if (r.isNull) throw new Error();
         t.HasDefaultValue = r.asBool();
         break;
@@ -1568,9 +1568,9 @@ function ls(e, t) {
 const Is = 2097188, Es = 979822885, _s = 2374537704;
 function hs(e) {
   const t = {};
-  return Me(t), t;
+  return ve(t), t;
 }
-function Me(e) {
+function ve(e) {
   return e.StyleId = "", e.Style = /* @__PURE__ */ Object.create(null), e;
 }
 function us(e, t) {
@@ -1579,7 +1579,7 @@ function us(e, t) {
 }
 function cs(e, t) {
   const r = t ?? hs();
-  return Me(r), fs(e, r), r;
+  return ve(r), fs(e, r), r;
 }
 function fs(e, t) {
   let r;
@@ -1613,9 +1613,9 @@ function Ss(e) {
 const As = 2097192, ds = 2136687806;
 function Ns(e) {
   const t = {};
-  return ve(t), t;
+  return Me(t), t;
 }
-function ve(e) {
+function Me(e) {
   return e.Styles = [], e;
 }
 function ys(e, t) {
@@ -1624,7 +1624,7 @@ function ys(e, t) {
 }
 function ws(e, t) {
   const r = t ?? Ns();
-  return ve(r), Cs(e, r), r;
+  return Me(r), Cs(e, r), r;
 }
 function Cs(e, t) {
   let r;
@@ -1695,13 +1695,13 @@ function Ve(e) {
 }
 function ks(e, t) {
   const r = O.create(e);
-  return Ms(r, t);
+  return vs(r, t);
 }
-function Ms(e, t) {
+function vs(e, t) {
   const r = t ?? ps();
-  return Ve(r), vs(e, r), r;
+  return Ve(r), Ms(e, r), r;
 }
-function vs(e, t) {
+function Ms(e, t) {
   let r;
   for (; (r = e.next()) !== null; )
     switch (r.fieldId) {
@@ -1856,13 +1856,13 @@ function We(e) {
 }
 function kn(e, t) {
   const r = O.create(e);
-  return Mn(r, t);
+  return vn(r, t);
 }
-function Mn(e, t) {
+function vn(e, t) {
   const r = t ?? pn();
-  return We(r), vn(e, r), r;
+  return We(r), Mn(e, r), r;
 }
-function vn(e, t) {
+function Mn(e, t) {
   let r;
   for (; (r = e.next()) !== null; )
     switch (r.fieldId) {
@@ -2796,7 +2796,7 @@ function qe(e, t, r) {
   const s = t.get(e.id);
   let n = e, i = !1;
   if (s?.textUpdates && s.textUpdates.length > 0) {
-    const u = vi(e, s.textUpdates);
+    const u = Mi(e, s.textUpdates);
     n = u.node, i = u.changed;
   }
   let o = !1, a = n.props;
@@ -2804,12 +2804,12 @@ function qe(e, t, r) {
     for (const [u, A] of s.changedProps.entries()) {
       const c = a[u];
       if (A === void 0)
-        (c !== void 0 || u in a) && (o || (a = v(a), o = !0), delete a[u]);
+        (c !== void 0 || u in a) && (o || (a = M(a), o = !0), delete a[u]);
       else if (Q(A)) {
-        const S = v(A);
-        p(S, c) || (o || (a = v(a), o = !0), a[u] = S);
+        const S = M(A);
+        p(S, c) || (o || (a = M(a), o = !0), a[u] = S);
       } else
-        p(A, c) || (o || (a = v(a), o = !0), a[u] = A);
+        p(A, c) || (o || (a = M(a), o = !0), a[u] = A);
     }
   let I = !1, _ = n.styleIds;
   s?.styleIds !== void 0 && (et(n.styleIds, s.styleIds) || (_ = s.styleIds, I = !0));
@@ -2915,7 +2915,7 @@ function Ze(e, t) {
 function et(e, t) {
   return p(e, t);
 }
-function Mi(e, t) {
+function vi(e, t) {
   if (t.length === 0)
     return e;
   const r = [...t].sort((i, o) => i.start - o.start);
@@ -2932,7 +2932,7 @@ function Mi(e, t) {
   }
   return s;
 }
-function vi(e, t, r) {
+function Mi(e, t, r) {
   if (t.length === 0)
     return { node: e, changed: !1 };
   const s = /* @__PURE__ */ new Map();
@@ -2952,8 +2952,8 @@ function tt(e, t, r) {
       E ? E.push(l) : _.set(l.propertyName, [l]);
     }
     for (const [l, E] of _.entries()) {
-      const h = i[l], N = Mi(typeof h == "string" ? h : "", E);
-      n || (i = v(i), n = !0), i[l] = N;
+      const h = i[l], N = vi(typeof h == "string" ? h : "", E);
+      n || (i = M(i), n = !0), i[l] = N;
     }
   }
   let o = !1;
@@ -2989,7 +2989,7 @@ function Bi(e, t) {
     s++;
   return s;
 }
-function v(e) {
+function M(e) {
   const t = {}, r = Object.keys(e);
   for (let s = 0; s < r.length; s++) {
     const n = r[s];
@@ -3023,7 +3023,7 @@ function p(e, t) {
   return !1;
 }
 const z = Z("LiveSnapshot"), _e = 1, J = "ikon:live-snapshot", Vi = 300 * 1e3, Gi = 5e6, xi = 1e3;
-function M() {
+function v() {
   try {
     return typeof localStorage > "u" ? null : localStorage;
   } catch {
@@ -3046,7 +3046,7 @@ class Yi {
   pending = null;
   /** Remove every stored live snapshot (all apps and users) from localStorage. Call on logout. */
   static clearAll() {
-    const t = M();
+    const t = v();
     if (!t) return;
     const r = `${J}:`, s = [];
     try {
@@ -3064,7 +3064,7 @@ class Yi {
   }
   load() {
     if (this.disabled) return null;
-    const t = M();
+    const t = v();
     if (!t) return null;
     let r;
     try {
@@ -3110,7 +3110,7 @@ class Yi {
     this.pending = null, t && this.writeNow(t.streams, t.styles);
   }
   writeNow(t, r) {
-    const s = M();
+    const s = v();
     if (!s) return;
     const n = [];
     for (const a of t)
@@ -3141,7 +3141,7 @@ class Yi {
     }
   }
   remove() {
-    const t = M();
+    const t = v();
     if (t)
       try {
         t.removeItem(this.key);
@@ -3149,7 +3149,7 @@ class Yi {
       }
   }
   pruneOtherUsers() {
-    const t = M();
+    const t = v();
     if (!t) return;
     const r = `${J}:${this.appId}:`, s = [];
     try {
@@ -3185,7 +3185,7 @@ function Ki(e) {
 }
 function $i(e) {
   return new Worker(
-    "" + new URL("assets/ui-worker-BemkVCay.js", import.meta.url).href,
+    "" + new URL("assets/ui-worker-BQcelAkD.js", import.meta.url).href,
     {
       type: "module",
       name: e?.name
@@ -3218,6 +3218,9 @@ class Ji {
   useUiWorker;
   liveSnapshot = null;
   unsubscribeLiveSnapshotCapture;
+  // Main-thread (worker-disabled) twin of the worker's seedStreamIds: orphan boot seeds shielded from
+  // GlobalState pruning until the first live update evicts them atomically. Unused in worker mode.
+  seedStreamIds = /* @__PURE__ */ new Set();
   constructor(t) {
     const r = t?.threading?.uiWorker ?? "auto";
     this.useUiWorker = r !== "disabled" && typeof Worker < "u", t?.liveSnapshot?.enabled && (this.liveSnapshot = new Yi(t.liveSnapshot)), t?.client && this.initialize(t.client, t);
@@ -3312,13 +3315,13 @@ class Ji {
         this.uiWorker.postMessage({ type: "seed", bootStreamId: s.streamId ?? "boot", bootJson: s.json, styles: s.styles ?? [] });
         return;
       }
-      if (this.uiStore.getSnapshots().some((i) => i.rootViewId)) return;
-      for (const i of s.styles ?? []) {
-        const o = { styleId: i.styleId, css: i.css, common: i.common };
-        this.uiStyles.set(o.styleId, o), this.notifyUiStyle(o);
+      if (this.uiStore.getSnapshots().some((o) => o.rootViewId)) return;
+      for (const o of s.styles ?? []) {
+        const a = { styleId: o.styleId, css: o.css, common: o.common };
+        this.uiStyles.set(a.styleId, a), this.notifyUiStyle(a);
       }
-      const n = Ie({ Json: s.json });
-      this.uiStore.apply(s.streamId ?? "boot", n), this.uiStore.enterSnapshotModeAll();
+      const n = Ie({ Json: s.json }), i = s.streamId ?? "boot";
+      this.uiStore.apply(i, n), this.seedStreamIds.add(i), this.uiStore.enterSnapshotModeAll();
     } catch {
     }
   }
@@ -3400,7 +3403,7 @@ class Ji {
       return;
     }
     if (t.type === "ReplaceStreamSnapshot" || t.type === "PatchStreamSnapshot") {
-      if (!this.uiStore.applyStoreOp(t))
+      if (!this.uiStore.applyStoreOp(t) || t.type === "ReplaceStreamSnapshot" && t.fromSeed)
         return;
       const s = t.type === "ReplaceStreamSnapshot" ? t.snapshot.streamId : t.streamId, n = this.uiStore.getSnapshot(s);
       if (!n?.rootViewId)
@@ -3451,16 +3454,25 @@ class Ji {
       for (const n of Object.values(r.UIStreams ?? {}))
         s.add(n.StreamId), this.uiStore.setCategory(n.StreamId, n.Info?.Category);
       for (const n of this.uiStore.getSnapshots())
-        s.has(n.streamId) || (this.uiStore.remove(n.streamId), this.notifyUiStreamCleared(n.streamId));
+        this.seedStreamIds.has(n.streamId) || s.has(n.streamId) || (this.uiStore.remove(n.streamId), this.notifyUiStreamCleared(n.streamId));
     }).catch((r) => {
       C.error("Failed to handle global state", r);
     });
   }
+  // Retire orphan boot seeds once a live update has rendered (main-thread twin of the worker's
+  // evictSeedStreamsExcept). A seed sharing the live id is replaced in place, not removed.
+  evictSeedStreams(t) {
+    if (this.seedStreamIds.size !== 0) {
+      for (const r of this.seedStreamIds)
+        r !== t && (this.uiStore.remove(r), this.notifyUiStreamCleared(r));
+      this.seedStreamIds.clear();
+    }
+  }
   handleUiUpdate(t) {
     const r = ae(t), s = `${r.senderId}_${r.trackId}`;
     Xs(t).then((n) => {
       const i = Ie(n);
-      this.notifyUiUpdate(s, i), this.uiStore.apply(s, i), this.sendUiUpdateAck(r.trackId, i.snapshot.version, r.senderId);
+      this.notifyUiUpdate(s, i), this.uiStore.apply(s, i) && this.evictSeedStreams(s), this.sendUiUpdateAck(r.trackId, i.snapshot.version, r.senderId);
     }).catch((n) => {
       n instanceof R ? C.warn("Failed to parse UI update", n.causeError ?? n) : C.error("Failed to apply UI update", n);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonai/sdk-ui",
-  "version": "1.0.68",
+  "version": "1.0.69",
   "type": "module",
   "main": "./index.js",
   "types": "./index.d.ts",

package/ui-store-ops.d.ts

@@ -11,6 +11,7 @@ export interface UiStreamSnapshotWire {
 export type UiStoreOp = {
     type: 'ReplaceStreamSnapshot';
     snapshot: UiStreamSnapshotWire;
+    fromSeed?: boolean;
 } | {
     type: 'PatchStreamSnapshot';
     streamId: string;