@yorkie-js/react 0.6.8 → 0.6.9

package/dist/yorkie-js-react.es.js

@@ -5,7 +5,7 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
 import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo, useState, useEffect, useContext, useCallback } from "react";
 const name$1 = "@yorkie-js/react";
-const version$1 = "0.6.8";
+const version$1 = "0.6.9";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -11730,6 +11730,18 @@ class IndexTreeNode {
   hasTextChild() {
     return this.children.length > 0 && this.children.every((child) => child.isText);
   }
+  /**
+   * `getChildrenText` returns text value of all text type children.
+   */
+  getChildrenText() {
+    if (this.isText) {
+      return this.value;
+    }
+    if (this.hasTextChild()) {
+      return this.children.map((child) => child.value).join("");
+    }
+    return "";
+  }
   /**
    * `append` appends the given nodes to the children.
    */
@@ -12928,7 +12940,7 @@ class CRDTTreeNode extends IndexTreeNode {
     return pairs;
   }
 }
-function toTreeNode(node) {
+function toTreeNode$1(node) {
   var _a2;
   if (node.isText) {
     const currentNode = node;
@@ -12939,7 +12951,7 @@ function toTreeNode(node) {
   }
   const treeNode = {
     type: node.type,
-    children: node.children.map(toTreeNode)
+    children: node.children.map(toTreeNode$1)
   };
   if (node.attrs) {
     treeNode.attributes = parseObjectValues((_a2 = node.attrs) == null ? void 0 : _a2.toObject());
@@ -13283,7 +13295,7 @@ class CRDTTree extends CRDTElement {
         }
       }
       if (aliveContents.length) {
-        const value = aliveContents.map((content) => toTreeNode(content));
+        const value = aliveContents.map((content) => toTreeNode$1(content));
         if (changes.length && changes[changes.length - 1].from === fromIdx) {
           changes[changes.length - 1].value = value;
         } else {
@@ -13325,6 +13337,12 @@ class CRDTTree extends CRDTElement {
       `not implemented: ${target}, ${source}, ${ticket}`
     );
   }
+  /**
+   * `pathToTreePos` converts the given path of the node to the TreePos.
+   */
+  pathToTreePos(path) {
+    return this.indexTree.pathToTreePos(path);
+  }
   /**
    * `purge` physically purges the given node.
    */
@@ -13494,7 +13512,7 @@ class CRDTTree extends CRDTElement {
    * `getRootTreeNode` returns the converted value of this tree to TreeNode.
    */
   getRootTreeNode() {
-    return toTreeNode(this.indexTree.getRoot());
+    return toTreeNode$1(this.indexTree.getRoot());
   }
   /**
    * `toTestTreeNode` returns the JSON of this tree for debugging.
@@ -18369,6 +18387,81 @@ class Counter {
     return this.counter.toJSForTest();
   }
 }
+function toTreeNode(node) {
+  if (node.isText) {
+    return {
+      type: node.type,
+      value: node.value
+    };
+  }
+  const newNode = {
+    type: node.type,
+    children: node.children.map((child) => toTreeNode(child))
+  };
+  if (node.attrs) {
+    newNode.attributes = parseObjectValues(node.attrs.toObject());
+  }
+  return newNode;
+}
+function createSplitNode(node, offset) {
+  const newNode = {
+    type: node.isText ? node.parent.type : node.type,
+    children: node.isText ? node.parent.getChildrenText().length === offset ? [] : [
+      {
+        type: DefaultTextType,
+        value: node.parent.getChildrenText().slice(offset)
+      }
+    ] : node.children.slice(offset).map((child) => toTreeNode(child))
+  };
+  if (node.attrs) {
+    newNode.attributes = parseObjectValues(node.attrs.toObject());
+  } else if (node.isText && node.parent.attrs) {
+    newNode.attributes = parseObjectValues(node.parent.attrs.toObject());
+  }
+  return newNode;
+}
+function separateSplit(treePos, path) {
+  const { node } = treePos;
+  const parentPath = [...path].slice(0, -1);
+  const last = node.isText ? node.parent.getChildrenText().length : node.children.length;
+  const toPath = [...parentPath, last];
+  const insertPath = [...parentPath];
+  const res = [];
+  insertPath[insertPath.length - 1] += 1;
+  if (!path.every((v, i) => v === toPath[i])) {
+    res.push({ fromPath: [...path], toPath });
+  }
+  const newNode = createSplitNode(node, path[path.length - 1]);
+  if (newNode) {
+    res.push({ fromPath: insertPath, toPath: insertPath, content: newNode });
+  }
+  return res;
+}
+function separateMerge(treePos, path) {
+  const { node: parentNode, offset } = treePos;
+  const node = parentNode.children[offset];
+  const leftSiblingNode = parentNode.children[offset - 1];
+  const { children } = node;
+  const parentPath = [...path].slice(0, -1);
+  const res = [
+    { fromPath: [...path], toPath: [...parentPath, offset + 1] }
+  ];
+  if (!node.children.length) {
+    return res;
+  }
+  const insertPath = [
+    ...parentPath,
+    offset - 1,
+    leftSiblingNode.hasTextChild() ? leftSiblingNode.getChildrenText().length : leftSiblingNode.children.length
+  ];
+  const nodes = children.map((child) => toTreeNode(child));
+  res.push({
+    fromPath: insertPath,
+    toPath: insertPath,
+    content: nodes
+  });
+  return res;
+}
 function buildDescendants(treeNode, parent, context) {
   const { type } = treeNode;
   const ticket = context.issueTimeTicket();
@@ -18549,6 +18642,62 @@ class Tree {
     }
     return this.tree.getIndexTree();
   }
+  /**
+   * `splitByPath` splits the tree by the given path.
+   */
+  splitByPath(path) {
+    if (!this.context || !this.tree) {
+      throw new YorkieError(
+        Code.ErrNotInitialized,
+        "Tree is not initialized yet"
+      );
+    }
+    if (!path.length) {
+      throw new YorkieError(
+        Code.ErrInvalidArgument,
+        "path should not be empty"
+      );
+    }
+    const treePos = this.tree.pathToTreePos(path);
+    const commands = separateSplit(treePos, path);
+    for (const command of commands) {
+      const { fromPath, toPath, content } = command;
+      const fromPos = this.tree.pathToPos(fromPath);
+      const toPos = this.tree.pathToPos(toPath);
+      this.editInternal(fromPos, toPos, content ? [content] : [], 0);
+    }
+  }
+  /**
+   * `mergeByPath` merges the tree by the given path.
+   */
+  mergeByPath(path) {
+    if (!this.context || !this.tree) {
+      throw new YorkieError(
+        Code.ErrNotInitialized,
+        "Tree is not initialized yet"
+      );
+    }
+    if (!path.length) {
+      throw new YorkieError(
+        Code.ErrInvalidArgument,
+        "path should not be empty"
+      );
+    }
+    const treePos = this.tree.pathToTreePos(path);
+    if (treePos.node.isText) {
+      throw new YorkieError(
+        Code.ErrInvalidArgument,
+        "text node cannot be merged"
+      );
+    }
+    const commands = separateMerge(treePos, path);
+    for (const command of commands) {
+      const { fromPath, toPath, content } = command;
+      const fromPos = this.tree.pathToPos(fromPath);
+      const toPos = this.tree.pathToPos(toPath);
+      this.editInternal(fromPos, toPos, content ?? [], 0);
+    }
+  }
   /**
    * `styleByPath` sets the attributes to the elements of the given path.
    */
@@ -20447,7 +20596,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name = "@yorkie-js/sdk";
-const version = "0.6.8";
+const version = "0.6.9";
 const pkg = {
   name,
   version