@timeax/digital-service-engine 0.1.0 → 0.2.0

package/dist/workspace/index.cjs

@@ -9936,68 +9936,43 @@ function useCanvasFromExisting(api) {
 }
 var NO_SNAPSHOT_HYDRATION_KEY = "__no_snapshot__";
 function useHydrateEditorSnapshot(api, snapshot) {
-  const targetHydrationKey = (0, import_react2.useMemo)(() => {
+  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 getSnapshotHydrationKey(snapshot);
+    return getSnapshotHydrationIdentity(snapshot, fallbackIdentityRef.current);
   }, [snapshot]);
-  const [hydratedKey, setHydratedKey] = (0, import_react2.useState)(
-    NO_SNAPSHOT_HYDRATION_KEY
-  );
   (0, import_react2.useLayoutEffect)(() => {
-    if (hydratedKey === targetHydrationKey) return;
     if (snapshot == null ? void 0 : snapshot.props) {
-      hydrateEditorFromSnapshot(api, snapshot);
+      const shouldHydrate = hydratedIdentityRef.current !== targetHydrationIdentity;
+      if (shouldHydrate) {
+        hydrateEditorFromSnapshot(api, snapshot);
+        hydratedIdentityRef.current = targetHydrationIdentity;
+      }
     }
-    setHydratedKey(targetHydrationKey);
-  }, [api, hydratedKey, snapshot, targetHydrationKey]);
-  return hydratedKey === targetHydrationKey;
+    if (!hydrationReady) {
+      setHydrationReady(true);
+    }
+  }, [api, hydrationReady, snapshot, targetHydrationIdentity]);
+  return hydrationReady;
 }
-function getSnapshotHydrationKey(snapshot) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+function getSnapshotHydrationIdentity(snapshot, fallbackIdentity) {
+  var _a, _b, _c;
   const meta = snapshot.meta;
-  const metaKey = [
-    (_b = (_a = meta == null ? void 0 : meta.snapshot_id) != null ? _a : meta == null ? void 0 : meta.snapshotId) != null ? _b : "",
-    (_d = (_c = meta == null ? void 0 : meta.version_id) != null ? _c : meta == null ? void 0 : meta.versionId) != null ? _d : "",
-    (_f = (_e = meta == null ? void 0 : meta.branch_id) != null ? _e : meta == null ? void 0 : meta.branchId) != null ? _f : ""
-  ].join("|");
-  const layout = (_g = snapshot.layout) == null ? void 0 : _g.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 = serializeForHydration(snapshot.catalog);
-  return [
-    metaKey,
-    String(((_i = (_h = snapshot.props) == null ? void 0 : _h.fields) != null ? _i : []).length),
-    String(((_k = (_j = snapshot.props) == null ? void 0 : _j.filters) != null ? _k : []).length),
-    positionKeys,
-    viewport,
-    selection,
-    catalogKey
-  ].join("::");
-}
-function serializeForHydration(value) {
-  if (value == null) return "";
-  try {
-    return JSON.stringify(sortForHydration(value));
-  } catch {
-    return "__unserializable__";
-  }
-}
-function sortForHydration(value) {
-  if (Array.isArray(value)) {
-    return value.map((entry) => sortForHydration(entry));
-  }
-  if (value && typeof value === "object") {
-    const entries = Object.entries(value).sort(
-      ([a], [b]) => a.localeCompare(b)
-    );
-    const next = {};
-    for (const [key, entry] of entries) {
-      next[key] = sortForHydration(entry);
-    }
-    return next;
+  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 value;
+  return fallbackIdentity;
 }
 function hydrateEditorFromSnapshot(api, snapshot) {
   var _a;