@timeax/digital-service-engine 0.0.9 → 0.2.0

package/dist/workspace/index.js

@@ -1316,7 +1316,6 @@ function useLivePolling(params) {
     live,
     workspaceId,
     actor,
-    hasAnyData,
     getCurrentBranchId,
     refreshAll,
     refreshBranchContext,
@@ -1423,11 +1422,6 @@ function useLivePolling(params) {
     disconnect2();
     if (live.mode === "off") {
       setStatus({ connected: false });
-      if (!hasAnyData) {
-        void (async () => {
-          await refreshAll({ strict: false });
-        })();
-      }
       return;
     }
     const adapter = resolveAdapter();
@@ -1463,7 +1457,6 @@ function useLivePolling(params) {
   }, [
     disconnect2,
     live.mode,
-    hasAnyData,
     refreshAll,
     resolveAdapter,
     ctx,
@@ -2817,8 +2810,10 @@ import {
   createContext as createContext2,
   useContext as useContext2,
   useEffect as useEffect7,
+  useLayoutEffect,
   useMemo as useMemo13,
-  useRef as useRef6
+  useRef as useRef6,
+  useState as useState11
 } from "react";
 
 // src/react/canvas/events.ts
@@ -9867,8 +9862,8 @@ function CanvasProviderOwned({
     canvasOpts,
     builderOpts
   );
-  useHydrateEditorSnapshot(api, initialSnapshot);
-  return /* @__PURE__ */ jsx2(Ctx.Provider, { value: api, children });
+  const hydrationReady = useHydrateEditorSnapshot(api, initialSnapshot);
+  return /* @__PURE__ */ jsx2(Ctx.Provider, { value: api, children: hydrationReady ? children : null });
 }
 function useCanvasAPI() {
   const api = useContext2(Ctx);
@@ -9896,41 +9891,45 @@ function useCanvasFromBuilder(builder, opts) {
 function useCanvasFromExisting(api) {
   return api;
 }
+var NO_SNAPSHOT_HYDRATION_KEY = "__no_snapshot__";
 function useHydrateEditorSnapshot(api, snapshot) {
-  const hydratedRef = useRef6(null);
-  useEffect7(() => {
-    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 = useRef6(
+    `snapshot:fallback:${Math.random().toString(36).slice(2)}`
+  );
+  const hydratedIdentityRef = useRef6(NO_SNAPSHOT_HYDRATION_KEY);
+  const [hydrationReady, setHydrationReady] = useState11(false);
+  const targetHydrationIdentity = useMemo13(() => {
+    if (!(snapshot == null ? void 0 : snapshot.props)) return NO_SNAPSHOT_HYDRATION_KEY;
+    return getSnapshotHydrationIdentity(snapshot, fallbackIdentityRef.current);
+  }, [snapshot]);
+  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;
@@ -9946,30 +9945,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
@@ -11953,12 +11988,12 @@ function Workspace(props) {
 }
 
 // src/react/workspace/components/canvas.tsx
-import { useMemo as useMemo19, useState as useState15 } from "react";
+import { useMemo as useMemo19, useState as useState16 } from "react";
 import { Background, ConnectionMode, MiniMap, ReactFlow } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
 
 // src/react/workspace/adapters/reactflow/adapter.ts
-import { useCallback as useCallback16, useEffect as useEffect10, useMemo as useMemo17, useRef as useRef9, useState as useState13 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect10, useMemo as useMemo17, useRef as useRef9, useState as useState14 } from "react";
 import { applyNodeChanges, applyEdgeChanges } from "@xyflow/react";
 function rafThrottle(fn, minMs = 80) {
   let frame = 0;
@@ -11984,7 +12019,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;
@@ -12062,7 +12097,7 @@ function useReactFlowAdapter(api, options = {}) {
   useEffect10(() => {
     afterConnectRef.current = options.afterConnect;
   }, [options.afterConnect]);
-  const [rf, setRF] = useState13(
+  const [rf, setRF] = useState14(
     () => toRF(api.snapshot(), api, { nodeDecorators, edgeDecorators })
   );
   const relRef = useRef9(api.getEdgeRel());
@@ -12173,7 +12208,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);
         }
       }
@@ -12291,7 +12326,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]
@@ -12312,7 +12347,7 @@ function useReactFlowAdapter(api, options = {}) {
 }
 
 // src/react/workspace/adapters/reactflow/toolbar.tsx
-import { useMemo as useMemo18, useState as useState14, useCallback as useCallback17 } from "react";
+import { useMemo as useMemo18, useState as useState15, useCallback as useCallback17 } from "react";
 import { useReactFlow } from "@xyflow/react";
 
 // src/react/workspace/adapters/reactflow/toolbar/merge.ts
@@ -12417,7 +12452,7 @@ function Toolbar({
   renderButton
 }) {
   const rf = useReactFlow();
-  const [openMenuId, setOpenMenuId] = useState14(null);
+  const [openMenuId, setOpenMenuId] = useState15(null);
   const selectionCount = api.getSelection().length;
   const relation = api.getEdgeRel();
   const canUndo = true;
@@ -12948,8 +12983,8 @@ function Canvas({
   toolbarPositionClassName = "left-2 top-2",
   children
 }) {
-  const [showGrid, setShowGrid] = useState15(initialShowGrid);
-  const [showMiniMap, setShowMiniMap] = useState15(initialShowMiniMap);
+  const [showGrid, setShowGrid] = useState16(initialShowGrid);
+  const [showMiniMap, setShowMiniMap] = useState16(initialShowMiniMap);
   const {
     nodes,
     edges,