@symbo.ls/sdk 2.32.1 → 2.32.4

package/dist/esm/index.js

@@ -21885,12 +21885,54 @@ function isPlainObject(o) {
   return o && typeof o === "object" && !Array.isArray(o);
 }
 function deepEqual(a, b) {
-  try {
-    return JSON.stringify(a) === JSON.stringify(b);
-  } catch (err) {
-    console.warn("deepEqual error", err);
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (typeof a === "function" && typeof b === "function") {
+    try {
+      return a.toString() === b.toString();
+    } catch {
+      return false;
+    }
+  }
+  if (typeof a === "function" || typeof b === "function") {
     return false;
   }
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime();
+  }
+  if (a instanceof RegExp && b instanceof RegExp) {
+    return String(a) === String(b);
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    for (let i = 0; i < a.length; i++) {
+      if (!deepEqual(a[i], b[i])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (a && b && typeof a === "object" && typeof b === "object") {
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+      return false;
+    }
+    for (let i = 0; i < aKeys.length; i++) {
+      const key = aKeys[i];
+      if (!Object.hasOwn(b, key)) {
+        return false;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
 }
 function getRootMap(ydoc) {
   return ydoc.getMap("root");
@@ -28297,14 +28339,12 @@ function getParentPathsFromTuples(tuples = []) {
     "attr",
     "state",
     "scope",
-    "props",
     "define",
     "on",
     "extend",
     "extends",
     "childExtend",
     "childExtends",
-    "childProps",
     "children",
     "component",
     "context",
@@ -28525,6 +28565,118 @@ function computeOrdersForTuples(root, tuples = []) {
   return orders;
 }
 
+// src/utils/changePreprocessor.js
+function isPlainObject2(val) {
+  return val && typeof val === "object" && !Array.isArray(val);
+}
+function getByPathSafe(root, path) {
+  if (!root || typeof root.getByPath !== "function") {
+    return null;
+  }
+  try {
+    return root.getByPath(path);
+  } catch {
+    return null;
+  }
+}
+function preprocessChanges(root, tuples = [], options = {}) {
+  const expandTuple = (t) => {
+    const [action, path, value2] = t || [];
+    const isSchemaPath = Array.isArray(path) && path[0] === "schema";
+    if (action === "delete") {
+      return [t];
+    }
+    const canConsiderExpansion = action === "update" && Array.isArray(path) && (path.length === 1 || path.length === 2 || isSchemaPath && path.length === 3) && isPlainObject2(value2);
+    if (!canConsiderExpansion) {
+      return [t];
+    }
+    const prev = getByPathSafe(root, path) || {};
+    const next = value2 || {};
+    if (!isPlainObject2(prev) || !isPlainObject2(next)) {
+      return [t];
+    }
+    const ops = diffJson(prev, next, []);
+    if (!ops.length) {
+      return [t];
+    }
+    const out = [];
+    for (let i = 0; i < ops.length; i++) {
+      const op = ops[i];
+      const fullPath = [...path, ...op.path];
+      const last2 = fullPath[fullPath.length - 1];
+      if (op.action === "set") {
+        out.push(["update", fullPath, op.value]);
+      } else if (op.action === "del") {
+        if (last2 !== "__order") {
+          out.push(["delete", fullPath]);
+        }
+      }
+    }
+    return out;
+  };
+  const minimizeTuples = (input) => {
+    const out = [];
+    const seen2 = /* @__PURE__ */ new Set();
+    for (let i = 0; i < input.length; i++) {
+      const expanded = expandTuple(input[i]);
+      for (let k = 0; k < expanded.length; k++) {
+        const tuple = expanded[k];
+        const isDelete = Array.isArray(tuple) && tuple[0] === "delete";
+        const isOrderKey = isDelete && Array.isArray(tuple[1]) && tuple[1][tuple[1].length - 1] === "__order";
+        if (!isOrderKey) {
+          const key = JSON.stringify(tuple);
+          if (!seen2.has(key)) {
+            seen2.add(key);
+            out.push(tuple);
+          }
+        }
+      }
+    }
+    return out;
+  };
+  const granularChanges = (() => {
+    try {
+      const res = minimizeTuples(tuples);
+      if (options.append && options.append.length) {
+        res.push(...options.append);
+      }
+      return res;
+    } catch {
+      return Array.isArray(tuples) ? tuples.slice() : [];
+    }
+  })();
+  const baseOrders = computeOrdersForTuples(root, granularChanges);
+  const preferOrdersMap = /* @__PURE__ */ new Map();
+  for (let i = 0; i < tuples.length; i++) {
+    const t = tuples[i];
+    if (!Array.isArray(t) || t.length < 3) {
+      continue;
+    }
+    const [action, path, value2] = t;
+    if (action !== "update" || !Array.isArray(path) || path.length !== 1 && path.length !== 2 || !isPlainObject2(value2)) {
+      continue;
+    }
+    const keys2 = Object.keys(value2).filter((k) => k !== "__order");
+    const key = JSON.stringify(path);
+    preferOrdersMap.set(key, { path, keys: keys2 });
+  }
+  const mergedOrders = [];
+  const seen = /* @__PURE__ */ new Set();
+  preferOrdersMap.forEach((v, k) => {
+    seen.add(k);
+    mergedOrders.push(v);
+  });
+  for (let i = 0; i < baseOrders.length; i++) {
+    const v = baseOrders[i];
+    const k = JSON.stringify(v.path);
+    if (!seen.has(k)) {
+      seen.add(k);
+      mergedOrders.push(v);
+    }
+  }
+  return { granularChanges, orders: mergedOrders };
+}
+
 // src/services/CollabService.js
 var CollabService = class extends BaseService {
   constructor(config) {
@@ -28662,8 +28814,8 @@ var CollabService = class extends BaseService {
       console.log(
         `[CollabService] Flushing ${this._pendingOps.length} offline operation batch(es)`
       );
-      this._pendingOps.forEach(({ changes, orders }) => {
-        this.socket.emit("ops", { changes, orders, ts: Date.now() });
+      this._pendingOps.forEach(({ changes, granularChanges, orders }) => {
+        this.socket.emit("ops", { changes, granularChanges, orders, ts: Date.now() });
       });
       this._pendingOps.length = 0;
     }
@@ -28705,94 +28857,24 @@ var CollabService = class extends BaseService {
   }
   /* ---------- data helpers ---------- */
   updateData(tuples, options = {}) {
-    var _a, _b;
+    var _a, _b, _c;
     this._ensureStateManager();
     const { isUndo = false, isRedo = false } = options;
     if (!isUndo && !isRedo && !this._isUndoRedo) {
       this._trackForUndo(tuples, options);
     }
-    const processedTuples = (() => {
-      var _a2;
-      try {
-        const root = (_a2 = this._stateManager) == null ? void 0 : _a2.root;
-        const isPlainObject2 = (o) => o && typeof o === "object" && !Array.isArray(o);
-        const getByPath = (state2, path) => {
-          if (!state2 || typeof state2.getByPath !== "function") {
-            return null;
-          }
-          try {
-            return state2.getByPath(path);
-          } catch {
-            return null;
-          }
-        };
-        const expandTuple = (t) => {
-          const [action, path, value2] = t || [];
-          const isSchemaPath = Array.isArray(path) && path[0] === "schema";
-          if (action === "delete" || isSchemaPath) {
-            return [t];
-          }
-          const canConsiderExpansion = action === "update" && Array.isArray(path) && (path.length === 1 || path.length === 2) && isPlainObject2(value2);
-          if (!canConsiderExpansion) {
-            return [t];
-          }
-          const prev = getByPath(root, path) || {};
-          const next = value2 || {};
-          if (!isPlainObject2(prev) || !isPlainObject2(next)) {
-            return [t];
-          }
-          const ops = diffJson(prev, next, []);
-          if (!ops.length) {
-            return [];
-          }
-          const arr = [];
-          for (let j = 0; j < ops.length; j++) {
-            const op = ops[j];
-            const fullPath = [...path, ...op.path];
-            const last2 = fullPath[fullPath.length - 1];
-            if (op.action === "set") {
-              arr.push(["update", fullPath, op.value]);
-            } else if (op.action === "del") {
-              if (last2 !== "__order") {
-                arr.push(["delete", fullPath]);
-              }
-            }
-          }
-          return arr;
-        };
-        const minimizeTuples = (inputTuples) => {
-          const out = [];
-          for (let i = 0; i < inputTuples.length; i++) {
-            const expanded = expandTuple(inputTuples[i]);
-            for (let k = 0; k < expanded.length; k++) {
-              const tuple = expanded[k];
-              const isDelete = Array.isArray(tuple) && tuple[0] === "delete";
-              const isOrderKey = isDelete && Array.isArray(tuple[1]) && tuple[1][tuple[1].length - 1] === "__order";
-              if (!isOrderKey) {
-                out.push(tuple);
-              }
-            }
-          }
-          console.log(`Minimized tuples`, out);
-          return out;
-        };
-        console.log(`Processing tuples`, tuples);
-        return minimizeTuples(tuples);
-      } catch (err) {
-        console.warn(
-          "[CollabService] Minimal diff expansion failed \u2013 using original tuples",
-          err
-        );
-        return tuples;
-      }
-    })();
+    const root = (_a = this._stateManager) == null ? void 0 : _a.root;
+    const { granularChanges: processedTuples, orders } = preprocessChanges(
+      root,
+      tuples,
+      options
+    );
     if (options.append && options.append.length) {
       processedTuples.push(...options.append);
     }
     this._stateManager.applyChanges(tuples, { ...options });
-    const state = (_a = this._stateManager) == null ? void 0 : _a.root;
+    const state = (_b = this._stateManager) == null ? void 0 : _b.root;
     const el = state == null ? void 0 : state.__element;
-    const orders = computeOrdersForTuples(state, processedTuples);
     const stringifiedGranularTuples = (el == null ? void 0 : el.call) ? el.call(
       "deepStringifyFunctions",
       processedTuples,
@@ -28805,16 +28887,18 @@ var CollabService = class extends BaseService {
       "deepStringifyFunctions",
       tuples,
       Array.isArray(tuples) ? [] : {}
-    ) : deepStringifyFunctions(
-      tuples,
-      Array.isArray(tuples) ? [] : {}
-    );
+    ) : deepStringifyFunctions(tuples, Array.isArray(tuples) ? [] : {});
     if (!this.isConnected()) {
       console.warn("[CollabService] Not connected, queuing real-time update");
-      this._pendingOps.push({ changes: stringifiedTuples, granularChanges: stringifiedGranularTuples, orders, options });
+      this._pendingOps.push({
+        changes: stringifiedTuples,
+        granularChanges: stringifiedGranularTuples,
+        orders,
+        options
+      });
       return;
     }
-    if ((_b = this.socket) == null ? void 0 : _b.connected) {
+    if ((_c = this.socket) == null ? void 0 : _c.connected) {
       console.log("[CollabService] Sending operations to the backend", {
         changes: stringifiedTuples,
         granularChanges: stringifiedGranularTuples,
@@ -29140,6 +29224,7 @@ var CollabService = class extends BaseService {
 };
 
 // src/services/ProjectService.js
+import { deepStringifyFunctions as deepStringifyFunctions2 } from "@domql/utils";
 var ProjectService = class extends BaseService {
   // ==================== PROJECT METHODS ====================
   async createProject(projectData) {
@@ -29672,12 +29757,15 @@ var ProjectService = class extends BaseService {
     }
     const { message, branch = "main", type = "patch" } = options;
     const state = this._context && this._context.state;
-    const derivedOrders = options.orders || (state ? computeOrdersForTuples(state, changes) : []);
+    const { granularChanges, orders: preprocessorOrders } = preprocessChanges(state, changes, options);
+    const derivedOrders = options.orders || (preprocessorOrders && preprocessorOrders.length ? preprocessorOrders : state ? computeOrdersForTuples(state, granularChanges) : []);
+    const stringify = (val) => deepStringifyFunctions2(val, Array.isArray(val) ? [] : {});
     try {
       const response = await this._request(`/projects/${projectId}/changes`, {
         method: "POST",
         body: JSON.stringify({
-          changes,
+          changes: stringify(changes),
+          granularChanges: stringify(granularChanges),
           message,
           branch,
           type,

package/dist/esm/services/CollabService.js

@@ -18170,12 +18170,54 @@ function isPlainObject(o) {
   return o && typeof o === "object" && !Array.isArray(o);
 }
 function deepEqual(a, b) {
-  try {
-    return JSON.stringify(a) === JSON.stringify(b);
-  } catch (err) {
-    console.warn("deepEqual error", err);
+  if (Object.is(a, b)) {
+    return true;
+  }
+  if (typeof a === "function" && typeof b === "function") {
+    try {
+      return a.toString() === b.toString();
+    } catch {
+      return false;
+    }
+  }
+  if (typeof a === "function" || typeof b === "function") {
     return false;
   }
+  if (a instanceof Date && b instanceof Date) {
+    return a.getTime() === b.getTime();
+  }
+  if (a instanceof RegExp && b instanceof RegExp) {
+    return String(a) === String(b);
+  }
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) {
+      return false;
+    }
+    for (let i = 0; i < a.length; i++) {
+      if (!deepEqual(a[i], b[i])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (a && b && typeof a === "object" && typeof b === "object") {
+    const aKeys = Object.keys(a);
+    const bKeys = Object.keys(b);
+    if (aKeys.length !== bKeys.length) {
+      return false;
+    }
+    for (let i = 0; i < aKeys.length; i++) {
+      const key = aKeys[i];
+      if (!Object.hasOwn(b, key)) {
+        return false;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
 }
 function getRootMap(ydoc) {
   return ydoc.getMap("root");
@@ -24582,14 +24624,12 @@ function getParentPathsFromTuples(tuples = []) {
     "attr",
     "state",
     "scope",
-    "props",
     "define",
     "on",
     "extend",
     "extends",
     "childExtend",
     "childExtends",
-    "childProps",
     "children",
     "component",
     "context",
@@ -24810,6 +24850,118 @@ function computeOrdersForTuples(root, tuples = []) {
   return orders;
 }
 
+// src/utils/changePreprocessor.js
+function isPlainObject2(val) {
+  return val && typeof val === "object" && !Array.isArray(val);
+}
+function getByPathSafe(root, path) {
+  if (!root || typeof root.getByPath !== "function") {
+    return null;
+  }
+  try {
+    return root.getByPath(path);
+  } catch {
+    return null;
+  }
+}
+function preprocessChanges(root, tuples = [], options = {}) {
+  const expandTuple = (t) => {
+    const [action, path, value2] = t || [];
+    const isSchemaPath = Array.isArray(path) && path[0] === "schema";
+    if (action === "delete") {
+      return [t];
+    }
+    const canConsiderExpansion = action === "update" && Array.isArray(path) && (path.length === 1 || path.length === 2 || isSchemaPath && path.length === 3) && isPlainObject2(value2);
+    if (!canConsiderExpansion) {
+      return [t];
+    }
+    const prev = getByPathSafe(root, path) || {};
+    const next = value2 || {};
+    if (!isPlainObject2(prev) || !isPlainObject2(next)) {
+      return [t];
+    }
+    const ops = diffJson(prev, next, []);
+    if (!ops.length) {
+      return [t];
+    }
+    const out = [];
+    for (let i = 0; i < ops.length; i++) {
+      const op = ops[i];
+      const fullPath = [...path, ...op.path];
+      const last2 = fullPath[fullPath.length - 1];
+      if (op.action === "set") {
+        out.push(["update", fullPath, op.value]);
+      } else if (op.action === "del") {
+        if (last2 !== "__order") {
+          out.push(["delete", fullPath]);
+        }
+      }
+    }
+    return out;
+  };
+  const minimizeTuples = (input) => {
+    const out = [];
+    const seen2 = /* @__PURE__ */ new Set();
+    for (let i = 0; i < input.length; i++) {
+      const expanded = expandTuple(input[i]);
+      for (let k = 0; k < expanded.length; k++) {
+        const tuple = expanded[k];
+        const isDelete = Array.isArray(tuple) && tuple[0] === "delete";
+        const isOrderKey = isDelete && Array.isArray(tuple[1]) && tuple[1][tuple[1].length - 1] === "__order";
+        if (!isOrderKey) {
+          const key = JSON.stringify(tuple);
+          if (!seen2.has(key)) {
+            seen2.add(key);
+            out.push(tuple);
+          }
+        }
+      }
+    }
+    return out;
+  };
+  const granularChanges = (() => {
+    try {
+      const res = minimizeTuples(tuples);
+      if (options.append && options.append.length) {
+        res.push(...options.append);
+      }
+      return res;
+    } catch {
+      return Array.isArray(tuples) ? tuples.slice() : [];
+    }
+  })();
+  const baseOrders = computeOrdersForTuples(root, granularChanges);
+  const preferOrdersMap = /* @__PURE__ */ new Map();
+  for (let i = 0; i < tuples.length; i++) {
+    const t = tuples[i];
+    if (!Array.isArray(t) || t.length < 3) {
+      continue;
+    }
+    const [action, path, value2] = t;
+    if (action !== "update" || !Array.isArray(path) || path.length !== 1 && path.length !== 2 || !isPlainObject2(value2)) {
+      continue;
+    }
+    const keys2 = Object.keys(value2).filter((k) => k !== "__order");
+    const key = JSON.stringify(path);
+    preferOrdersMap.set(key, { path, keys: keys2 });
+  }
+  const mergedOrders = [];
+  const seen = /* @__PURE__ */ new Set();
+  preferOrdersMap.forEach((v, k) => {
+    seen.add(k);
+    mergedOrders.push(v);
+  });
+  for (let i = 0; i < baseOrders.length; i++) {
+    const v = baseOrders[i];
+    const k = JSON.stringify(v.path);
+    if (!seen.has(k)) {
+      seen.add(k);
+      mergedOrders.push(v);
+    }
+  }
+  return { granularChanges, orders: mergedOrders };
+}
+
 // src/services/CollabService.js
 var CollabService = class extends BaseService {
   constructor(config) {
@@ -24947,8 +25099,8 @@ var CollabService = class extends BaseService {
       console.log(
         `[CollabService] Flushing ${this._pendingOps.length} offline operation batch(es)`
       );
-      this._pendingOps.forEach(({ changes, orders }) => {
-        this.socket.emit("ops", { changes, orders, ts: Date.now() });
+      this._pendingOps.forEach(({ changes, granularChanges, orders }) => {
+        this.socket.emit("ops", { changes, granularChanges, orders, ts: Date.now() });
       });
       this._pendingOps.length = 0;
     }
@@ -24990,94 +25142,24 @@ var CollabService = class extends BaseService {
   }
   /* ---------- data helpers ---------- */
   updateData(tuples, options = {}) {
-    var _a, _b;
+    var _a, _b, _c;
     this._ensureStateManager();
     const { isUndo = false, isRedo = false } = options;
     if (!isUndo && !isRedo && !this._isUndoRedo) {
       this._trackForUndo(tuples, options);
     }
-    const processedTuples = (() => {
-      var _a2;
-      try {
-        const root = (_a2 = this._stateManager) == null ? void 0 : _a2.root;
-        const isPlainObject2 = (o) => o && typeof o === "object" && !Array.isArray(o);
-        const getByPath = (state2, path) => {
-          if (!state2 || typeof state2.getByPath !== "function") {
-            return null;
-          }
-          try {
-            return state2.getByPath(path);
-          } catch {
-            return null;
-          }
-        };
-        const expandTuple = (t) => {
-          const [action, path, value2] = t || [];
-          const isSchemaPath = Array.isArray(path) && path[0] === "schema";
-          if (action === "delete" || isSchemaPath) {
-            return [t];
-          }
-          const canConsiderExpansion = action === "update" && Array.isArray(path) && (path.length === 1 || path.length === 2) && isPlainObject2(value2);
-          if (!canConsiderExpansion) {
-            return [t];
-          }
-          const prev = getByPath(root, path) || {};
-          const next = value2 || {};
-          if (!isPlainObject2(prev) || !isPlainObject2(next)) {
-            return [t];
-          }
-          const ops = diffJson(prev, next, []);
-          if (!ops.length) {
-            return [];
-          }
-          const arr = [];
-          for (let j = 0; j < ops.length; j++) {
-            const op = ops[j];
-            const fullPath = [...path, ...op.path];
-            const last2 = fullPath[fullPath.length - 1];
-            if (op.action === "set") {
-              arr.push(["update", fullPath, op.value]);
-            } else if (op.action === "del") {
-              if (last2 !== "__order") {
-                arr.push(["delete", fullPath]);
-              }
-            }
-          }
-          return arr;
-        };
-        const minimizeTuples = (inputTuples) => {
-          const out = [];
-          for (let i = 0; i < inputTuples.length; i++) {
-            const expanded = expandTuple(inputTuples[i]);
-            for (let k = 0; k < expanded.length; k++) {
-              const tuple = expanded[k];
-              const isDelete = Array.isArray(tuple) && tuple[0] === "delete";
-              const isOrderKey = isDelete && Array.isArray(tuple[1]) && tuple[1][tuple[1].length - 1] === "__order";
-              if (!isOrderKey) {
-                out.push(tuple);
-              }
-            }
-          }
-          console.log(`Minimized tuples`, out);
-          return out;
-        };
-        console.log(`Processing tuples`, tuples);
-        return minimizeTuples(tuples);
-      } catch (err) {
-        console.warn(
-          "[CollabService] Minimal diff expansion failed \u2013 using original tuples",
-          err
-        );
-        return tuples;
-      }
-    })();
+    const root = (_a = this._stateManager) == null ? void 0 : _a.root;
+    const { granularChanges: processedTuples, orders } = preprocessChanges(
+      root,
+      tuples,
+      options
+    );
     if (options.append && options.append.length) {
       processedTuples.push(...options.append);
     }
     this._stateManager.applyChanges(tuples, { ...options });
-    const state = (_a = this._stateManager) == null ? void 0 : _a.root;
+    const state = (_b = this._stateManager) == null ? void 0 : _b.root;
     const el = state == null ? void 0 : state.__element;
-    const orders = computeOrdersForTuples(state, processedTuples);
     const stringifiedGranularTuples = (el == null ? void 0 : el.call) ? el.call(
       "deepStringifyFunctions",
       processedTuples,
@@ -25090,16 +25172,18 @@ var CollabService = class extends BaseService {
       "deepStringifyFunctions",
       tuples,
       Array.isArray(tuples) ? [] : {}
-    ) : deepStringifyFunctions(
-      tuples,
-      Array.isArray(tuples) ? [] : {}
-    );
+    ) : deepStringifyFunctions(tuples, Array.isArray(tuples) ? [] : {});
     if (!this.isConnected()) {
       console.warn("[CollabService] Not connected, queuing real-time update");
-      this._pendingOps.push({ changes: stringifiedTuples, granularChanges: stringifiedGranularTuples, orders, options });
+      this._pendingOps.push({
+        changes: stringifiedTuples,
+        granularChanges: stringifiedGranularTuples,
+        orders,
+        options
+      });
       return;
     }
-    if ((_b = this.socket) == null ? void 0 : _b.connected) {
+    if ((_c = this.socket) == null ? void 0 : _c.connected) {
       console.log("[CollabService] Sending operations to the backend", {
         changes: stringifiedTuples,
         granularChanges: stringifiedGranularTuples,