@timeax/digital-service-engine 0.0.9 → 0.2.0

package/dist/workspace/index.cjs

@@ -1367,7 +1367,6 @@ function useLivePolling(params) {
     live,
     workspaceId,
     actor,
-    hasAnyData,
     getCurrentBranchId,
     refreshAll,
     refreshBranchContext,
@@ -1474,11 +1473,6 @@ function useLivePolling(params) {
     disconnect2();
     if (live.mode === "off") {
       setStatus({ connected: false });
-      if (!hasAnyData) {
-        void (async () => {
-          await refreshAll({ strict: false });
-        })();
-      }
       return;
     }
     const adapter = resolveAdapter();
@@ -1514,7 +1508,6 @@ function useLivePolling(params) {
   }, [
     disconnect2,
     live.mode,
-    hasAnyData,
     refreshAll,
     resolveAdapter,
     ctx,
@@ -9912,8 +9905,8 @@ function CanvasProviderOwned({
     canvasOpts,
     builderOpts
   );
-  useHydrateEditorSnapshot(api, initialSnapshot);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Ctx.Provider, { value: api, children });
+  const hydrationReady = useHydrateEditorSnapshot(api, initialSnapshot);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Ctx.Provider, { value: api, children: hydrationReady ? children : null });
 }
 function useCanvasAPI() {
   const api = (0, import_react2.useContext)(Ctx);
@@ -9941,41 +9934,45 @@ function useCanvasFromBuilder(builder, opts) {
 function useCanvasFromExisting(api) {
   return api;
 }
+var NO_SNAPSHOT_HYDRATION_KEY = "__no_snapshot__";
 function useHydrateEditorSnapshot(api, snapshot) {
-  const hydratedRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
-    if (!(snapshot == null ? void 0 : snapshot.props)) return;
-    const hydrationKey = getSnapshotHydrationKey(snapshot);
-    if (hydratedRef.current === hydrationKey) return;
-    hydratedRef.current = hydrationKey;
-    hydrateEditorFromSnapshot(api, snapshot);
-  }, [api, snapshot]);
-}
-function getSnapshotHydrationKey(snapshot) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const fallbackIdentityRef = (0, import_react2.useRef)(
+    `snapshot:fallback:${Math.random().toString(36).slice(2)}`
+  );
+  const hydratedIdentityRef = (0, import_react2.useRef)(NO_SNAPSHOT_HYDRATION_KEY);
+  const [hydrationReady, setHydrationReady] = (0, import_react2.useState)(false);
+  const targetHydrationIdentity = (0, import_react2.useMemo)(() => {
+    if (!(snapshot == null ? void 0 : snapshot.props)) return NO_SNAPSHOT_HYDRATION_KEY;
+    return getSnapshotHydrationIdentity(snapshot, fallbackIdentityRef.current);
+  }, [snapshot]);
+  (0, import_react2.useLayoutEffect)(() => {
+    if (snapshot == null ? void 0 : snapshot.props) {
+      const shouldHydrate = hydratedIdentityRef.current !== targetHydrationIdentity;
+      if (shouldHydrate) {
+        hydrateEditorFromSnapshot(api, snapshot);
+        hydratedIdentityRef.current = targetHydrationIdentity;
+      }
+    }
+    if (!hydrationReady) {
+      setHydrationReady(true);
+    }
+  }, [api, hydrationReady, snapshot, targetHydrationIdentity]);
+  return hydrationReady;
+}
+function getSnapshotHydrationIdentity(snapshot, fallbackIdentity) {
+  var _a, _b, _c;
   const meta = snapshot.meta;
-  const preferred = (_e = (_d = (_c = (_b = (_a = meta == null ? void 0 : meta.snapshot_id) != null ? _a : meta == null ? void 0 : meta.snapshotId) != null ? _b : meta == null ? void 0 : meta.version_id) != null ? _c : meta == null ? void 0 : meta.versionId) != null ? _d : meta == null ? void 0 : meta.branch_id) != null ? _e : meta == null ? void 0 : meta.branchId;
-  if (preferred != null) {
-    return String(preferred);
-  }
-  const layout = (_f = snapshot.layout) == null ? void 0 : _f.canvas;
-  const positionKeys = (layout == null ? void 0 : layout.positions) ? Object.keys(layout.positions).sort().join("|") : "";
-  const viewport = (layout == null ? void 0 : layout.viewport) ? `${layout.viewport.x}:${layout.viewport.y}:${layout.viewport.zoom}` : "";
-  const selection = (layout == null ? void 0 : layout.selection) ? Array.from(layout.selection).sort().join("|") : "";
-  const catalogKey = snapshot.catalog ? JSON.stringify({
-    opened: (_g = snapshot.catalog.opened) != null ? _g : null,
-    mode: (_h = snapshot.catalog.mode) != null ? _h : null,
-    tab: (_i = snapshot.catalog.tab) != null ? _i : null,
-    query: (_j = snapshot.catalog.query) != null ? _j : null
-  }) : "";
-  return [
-    String(((_l = (_k = snapshot.props) == null ? void 0 : _k.fields) != null ? _l : []).length),
-    String(((_n = (_m = snapshot.props) == null ? void 0 : _m.filters) != null ? _n : []).length),
-    positionKeys,
-    viewport,
-    selection,
-    catalogKey
-  ].join("::");
+  const snapshotId = (_a = meta == null ? void 0 : meta.snapshot_id) != null ? _a : meta == null ? void 0 : meta.snapshotId;
+  const versionId = (_b = meta == null ? void 0 : meta.version_id) != null ? _b : meta == null ? void 0 : meta.versionId;
+  const branchId = (_c = meta == null ? void 0 : meta.branch_id) != null ? _c : meta == null ? void 0 : meta.branchId;
+  if (snapshotId != null || versionId != null || branchId != null) {
+    return [
+      String(snapshotId != null ? snapshotId : ""),
+      String(versionId != null ? versionId : ""),
+      String(branchId != null ? branchId : "")
+    ].join("|");
+  }
+  return fallbackIdentity;
 }
 function hydrateEditorFromSnapshot(api, snapshot) {
   var _a;
@@ -9991,30 +9988,66 @@ function hydrateCatalog(api, snapshot) {
   api.editor.clearCatalog();
 }
 function hydrateCanvasLayout(api, canvas) {
+  var _a;
   if (!canvas) return;
-  if (canvas.positions) {
+  const current = api.snapshot();
+  if (canvas.positions && hasPositionDelta(canvas.positions, current.positions)) {
     api.setPositions(canvas.positions);
   }
-  if (canvas.viewport) {
+  if (canvas.viewport && !sameViewport(canvas.viewport, current.viewport)) {
     api.setViewport(canvas.viewport);
   }
+  const currentSelection = api.getSelection().map(String);
   if (canvas.selection) {
     const ids = Array.isArray(canvas.selection) ? canvas.selection : Array.from(canvas.selection);
     if (ids.length > 0) {
-      api.select(ids);
-    } else {
+      if (!sameIdSet(ids.map(String), currentSelection)) {
+        api.select(ids.map(String));
+      }
+    } else if (currentSelection.length > 0) {
       api.clearSelection();
     }
-  } else {
+  } else if (currentSelection.length > 0) {
     api.clearSelection();
   }
-  if (canvas.highlighted) {
-    const ids = Array.isArray(canvas.highlighted) ? canvas.highlighted : Array.from(canvas.highlighted);
-    api.setHighlighted(ids);
+  if ("highlighted" in canvas) {
+    const highlighted = canvas.highlighted;
+    const ids = highlighted ? Array.isArray(highlighted) ? highlighted : Array.from(highlighted) : [];
+    const currentIds = Array.from((_a = current.highlighted) != null ? _a : []).map(String);
+    const nextIds = ids.map(String);
+    if (!sameIdSet(nextIds, currentIds)) {
+      api.setHighlighted(nextIds);
+    }
   }
   if ("hoverId" in canvas) {
-    api.setHover(canvas.hoverId);
+    const nextHoverId = canvas.hoverId;
+    if (current.hoverId !== nextHoverId) {
+      api.setHover(nextHoverId);
+    }
+  }
+}
+function hasPositionDelta(next, current) {
+  for (const id of Object.keys(next)) {
+    const nextPos = next[id];
+    const currentPos = current[id];
+    if (!currentPos || currentPos.x !== nextPos.x || currentPos.y !== nextPos.y) {
+      return true;
+    }
   }
+  return false;
+}
+function sameViewport(a, b) {
+  if (!a && !b) return true;
+  if (!a || !b) return false;
+  return a.x === b.x && a.y === b.y && a.zoom === b.zoom;
+}
+function sameIdSet(a, b) {
+  if (a.length !== b.length) return false;
+  const set = new Set(a);
+  for (const id of b) {
+    if (!set.has(id)) return false;
+  }
+  return true;
 }
 function WorkspaceBootScreen({
   boot
@@ -12029,7 +12062,7 @@ function rafThrottle(fn, minMs = 80) {
   });
 }
 var isCommentId = (id) => id.startsWith("c::");
-function sameIdSet(a, b) {
+function sameIdSet2(a, b) {
   if (a.length !== b.length) return false;
   const s = new Set(a);
   for (const id of b) if (!s.has(id)) return false;
@@ -12218,7 +12251,7 @@ function useReactFlowAdapter(api, options = {}) {
         const next = Array.from(keep);
         const currRaw = api.getSelection();
         const curr = Array.isArray(currRaw) ? currRaw : Array.from(currRaw);
-        if (!sameIdSet(next, curr)) {
+        if (!sameIdSet2(next, curr)) {
           api.select(keep);
         }
       }
@@ -12336,7 +12369,7 @@ function useReactFlowAdapter(api, options = {}) {
       const next = nodes.map((n) => n.id);
       const currRaw = api.getSelection();
       const curr = Array.isArray(currRaw) ? currRaw : Array.from(currRaw);
-      if (sameIdSet(next, curr)) return;
+      if (sameIdSet2(next, curr)) return;
       api.select(next);
     },
     [api]