edytor 0.0.1 → 0.0.6

package/dist/edytor.esm.js

@@ -1,56 +1,8 @@
+import { Map as Map$1, Text, Array as Array$1, Doc } from 'yjs';
 import { customAlphabet } from 'nanoid';
-import { Text, Map as Map$1, encodeStateAsUpdateV2, Doc, Array as Array$1, applyUpdateV2 } from 'yjs';
 import isHotkey from 'is-hotkey';
-import { WebrtcProvider } from 'y-webrtc';
 import { WebsocketProvider } from 'y-websocket';
 
-var nanoid = function nanoid() {
-  return "y-" + customAlphabet("346789ABCDEFGHJKLMNPQRTUV-WXYabcdefghijkmnpqrtwxyz", 20)();
-};
-var getNode = function getNode(node) {
-  var _node$parent;
-
-  return node == null ? void 0 : (_node$parent = node.parent) == null ? void 0 : _node$parent.parent;
-};
-var getIndex = function getIndex(node) {
-  var index = 0;
-  var stop = false;
-  var n = node.parent._start;
-
-  while (n !== null && !stop) {
-    if (n.countable && !n.deleted) {
-      var c = n.content.getContent();
-
-      for (var i = 0; i < c.length; i++) {
-        if (c[i] === node) {
-          stop = true;
-          break;
-        }
-
-        index++;
-      }
-    }
-
-    n = n.right;
-  }
-
-  return index;
-};
-var getPath = function getPath(node) {
-  var p = [];
-  var n = node;
-
-  while (!!n) {
-    p.push(getIndex(n));
-    n = getNode(n);
-  }
-
-  return p.reverse();
-};
-var getId = function getId(node) {
-  return node.get("id");
-};
-
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -100,13 +52,78 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+var _excluded = ["id", "text", "data"];
+var createLeaf$1 = function createLeaf(props) {
+  var leaf = new Map$1();
+  leaf.set("id", (props == null ? void 0 : props.id) || nanoid());
+  leaf.set("text", new Text((props == null ? void 0 : props.text) || ""));
+
+  if (props) {
+    var text = props.text,
+        data = props.data,
+        marks = _objectWithoutPropertiesLoose(props, _excluded);
+
+    leaf.set("text", new Text(text || ""));
+    data && leaf.set("data", new Map$1(Object.entries(data)));
+    marks && Object.keys(marks).forEach(function (mark) {
+      leaf.set(mark, marks[mark]);
+    });
   }
 
-  return self;
-}
+  return leaf;
+};
+
+var createNode = function createNode(type, props) {
+  var node = new Map$1();
+  node.set("id", (props == null ? void 0 : props.id) || nanoid());
+  node.set("type", type);
+
+  if (props != null && props.data) {
+    node.set("data", new Map$1(Object.entries(props.data)));
+  }
+
+  node.set("content", (props == null ? void 0 : props.content) instanceof Array$1 ? props.content : Array$1.from((props == null ? void 0 : props.content) || [createLeaf$1()]));
+  node.set("children", (props == null ? void 0 : props.children) instanceof Array$1 ? props.children : Array$1.from((props == null ? void 0 : props.children) || []));
+  return node;
+};
+var YNode = /*#__PURE__*/function (_Map) {
+  _inheritsLoose(YNode, _Map);
+
+  function YNode() {
+    return _Map.apply(this, arguments) || this;
+  }
+
+  return YNode;
+}(Map$1);
+
+var _excluded$1 = ["type", "content", "children"];
+var getChildren = function getChildren(_ref) {
+  var type = _ref.type,
+      _ref$content = _ref.content,
+      content = _ref$content === void 0 ? [] : _ref$content,
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? [] : _ref$children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  return createNode(type, _extends({}, props, {
+    children: children.map(getChildren),
+    content: content.map(createLeaf$1)
+  }));
+};
+var EdytorDoc = /*#__PURE__*/function (_Doc) {
+  _inheritsLoose(EdytorDoc, _Doc);
+
+  function EdytorDoc() {
+    return _Doc.apply(this, arguments) || this;
+  }
+
+  return EdytorDoc;
+}(Doc);
+var DocFromJson = function DocFromJson(value, initialDoc) {
+  var array = (initialDoc || new Doc()).getArray("children");
+  array.insert(0, value.map(getChildren));
+  return array.doc;
+};
 
 var deleteText = function deleteText(editor, _ref) {
   var mode = _ref.mode,
@@ -124,21 +141,28 @@ var deleteText = function deleteText(editor, _ref) {
     case "collapsed":
       {
         if (mode === "backward" && edges.startNode) {
-          console.log(start.nodeIndex, leafNodeChildrenLength(start.leaf), start.path.length); // unnest node if its the last of its parent and if he is nested
+          if (edges.startDocument) return; // unnest node if its the last of its parent and if he is nested or it's the first its the only child of its parent
 
-          if (start.nodeIndex === start.node.parent.length - 1 && start.path.length > 1 && start.nodeIndex !== 0) {
-            console.log(start.leafId);
+          if (start.nodeIndex === start.node.parent.length - 1 && start.path.length > 2 && (start.nodeIndex !== 0 || start.node.parent.length === 1)) {
             var node = copyNode(start.node);
+            var nodeGrandParent = start.node.parent.parent;
+            var index = getIndex(nodeGrandParent);
             start.node.parent["delete"](start.nodeIndex);
-            start.node.parent.parent.parent.insert(getIndex(start.node.parent.parent) + 1, [node]);
-            setPosition(start.leafId, {
+            nodeGrandParent.parent.insert(index + 1, [node]);
+            return setPosition(start.leafId, {
               offset: 0
             });
           } else {
-            // merge node with the prev one if it's not the last of its parent regardless of its nesting
-            mergeContentWithPrevLeaf(editor);
-            return setPosition(start.leafId, {
-              offset: 0
+            return editor.doc.transact(function () {
+              var _mergeContentWithPrev = mergeContentWithPrevLeaf(editor),
+                  prevLeaf = _mergeContentWithPrev[0],
+                  offset = _mergeContentWithPrev[1];
+
+              setTimeout(function () {
+                setPosition(prevLeaf.get("id"), {
+                  offset: offset
+                });
+              });
             });
           }
         }
@@ -154,14 +178,22 @@ var deleteText = function deleteText(editor, _ref) {
 
         if (mode === "forward" && edges.endNode) {
           // merge node with the next node because we are at edge end of it
-          return mergeContentWithNextLeaf(editor);
+          return editor.doc.transact(function () {
+            mergeContentWithNextLeaf(editor);
+            setTimeout(function () {
+              setPosition(start.leafId, {
+                offset: start.offset
+              });
+            });
+          });
         }
 
         if (mode === "forward" && edges.endLeaf) {
           // delete content in the next leaf because we are at its edge end
           var nextLeaf = leafNodeContent(start.leaf).get(start.leafIndex + 1);
           return deleteLeafText(nextLeaf, 0, length || 1);
-        }
+        } // just delete text
+
 
         deleteLeafText(start.leaf, start.offset + (mode === "backward" ? -length || -1 : length), length || 1);
         setPosition(start.leaf.get("id"), {
@@ -174,11 +206,11 @@ var deleteText = function deleteText(editor, _ref) {
       {
         deleteLeafText(start.leaf, start.offset, length, true);
 
-        if (hasChildren(getNode(start.leaf))) {
-          leafNodeContent(start.leaf).insert(0, [new YLeaf()]);
+        if (isNodeContentEmpty(start.node)) {
+          leafNodeContent(start.leaf).insert(0, [createLeaf$1()]);
         }
 
-        setPosition(start.leaf.get("id"), {
+        setPosition(start.leafId, {
           offset: start.offset
         });
         break;
@@ -194,7 +226,7 @@ var deleteText = function deleteText(editor, _ref) {
               reap = _LeavesHarvest.reap,
               burn = _LeavesHarvest.burn;
 
-          editor.doc.traverse(function (leaf, isText) {
+          traverse(editor, function (leaf, isText) {
             if (isText) {
               var path = getPath(leaf);
               var l = leafLength(leaf);
@@ -226,7 +258,7 @@ var deleteText = function deleteText(editor, _ref) {
 
 var applyMarksFromParent = function applyMarksFromParent(parent, leafs) {
   Array.from(parent.keys(), function (key) {
-    if (key !== "text") {
+    if (key !== "text" && key !== "id" && key !== "data") {
       leafs.forEach(function (leaf) {
         leaf.set(key, parent.get(key));
       });
@@ -258,13 +290,13 @@ var formatAtEqualPath = function formatAtEqualPath(_ref) {
       var _extends2;
 
       deleteLeafText(leaf, start.offset, leafLength(leaf));
-      var formatedLeaf = new YLeaf(_extends({}, leaf.toJSON(), (_extends2 = {
+      var formatedLeaf = createLeaf$1(_extends({}, leaf.toJSON(), (_extends2 = {
         id: undefined
       }, _extends2[format] = value, _extends2.text = content.substring(start.offset, end.offset), _extends2)));
       var newLeaves = [formatedLeaf];
 
       if (remainingText.length > 0) {
-        newLeaves.push(new YLeaf(_extends({}, leaf.toJSON(), {
+        newLeaves.push(createLeaf$1(_extends({}, leaf.toJSON(), {
           id: undefined,
           text: remainingText
         })));
@@ -298,67 +330,76 @@ var formatText = function formatText(editor, mark) {
     switch (type) {
       case "collapsed":
         {
-          var isMarkActive = start.leaf.has(format);
+          var isMarkActive = start.leaf.has(format) && start.leaf.get(format) === value;
 
-          if (isMarkActive && isLeafEmpty(start.leaf)) {
-            start.leaf["delete"](format);
-            newPath = leafNodeContent(start.leaf).toArray().indexOf(start.leaf);
+          if (isLeafEmpty(start.leaf)) {
+            // if the leaf is empty we only toggle the mark
+            isMarkActive ? start.leaf["delete"](format) : start.leaf.set(format, value);
           } else {
+            var _createLeaf;
+
+            // if leaf is not empty we split the current leaf in half to insert an empty fragment with the desired mark
+            splitLeaf(editor);
+            var fragment = createLeaf$1((_createLeaf = {
+              text: ""
+            }, _createLeaf[format] = value, _createLeaf)); // we are applying the current marks on the fragment
+
+            applyMarksFromParent(start.leaf, [fragment]); // we remove the mark if its here
+
+            if (isMarkActive) fragment["delete"](format); // we insert the fragment after the spitted leaf
+
+            leafNodeContent(start.leaf).insert(start.leafIndex + 1, [fragment]); // we remove the spitted leaf if empty
+
             if (isLeafEmpty(start.leaf)) {
-              isMarkActive ? start.leaf["delete"](format) : start.leaf.set(format, value);
-            } else {
-              var _YLeaf;
+              leafNodeContent(start.leaf)["delete"](start.leafIndex);
+            }
 
-              splitLeaf(editor, {
-                yText: start.leaf.get("text"),
-                at: start
+            setTimeout(function () {
+              setPosition(fragment.get("id"), {
+                offset: 0
               });
-              var newChild = new YLeaf((_YLeaf = {
-                text: ""
-              }, _YLeaf[format] = value, _YLeaf));
-              applyMarksFromParent(start.leaf, [newChild]);
-              if (isMarkActive) newChild["delete"](format);
-              leafNodeContent(start.leaf).insert(start.path.slice().reverse()[0] + 1, [newChild]);
-
-              if (isLeafEmpty(start.leaf)) {
-                leafNodeContent(start.leaf)["delete"](start.path.slice().reverse()[0]);
-              }
+              console.log(leafNodeContent(start.leaf).toJSON());
+            });
+          } // we merge leaves to avoid two subsequent leaves with the same marks
 
-              newPath = leafNodeContent(start.leaf).toArray().indexOf(newChild);
-            }
-          }
 
           mergeLeafs(leafNodeContent(start.leaf));
-          break; // return newPath;
+          break;
         }
 
       case "singlenode":
         {
-          editor.doc.transact(function () {
-            var formatedLeaf = formatAtEqualPath({
-              format: format,
-              value: value,
-              start: start,
-              end: end,
-              length: length
+          var formatedLeaf = formatAtEqualPath({
+            format: format,
+            value: value,
+            start: start,
+            end: end,
+            length: length
+          });
+          mergeLeafs(leafNodeContent(start.leaf));
+          var isRemoved = formatedLeaf._item.deleted;
+
+          if (!isRemoved) {
+            setPosition(start.leaf.get("id"), {
+              offset: start.offset
             });
-            mergeLeafs(leafNodeContent(start.leaf));
             setTimeout(function () {
-              if (!formatedLeaf._item.deleted) {
-                setPosition(formatedLeaf.get("id"), {
-                  offset: 0,
-                  end: leafLength(formatedLeaf)
-                });
-              } else {
-                var remainingLeaf = formatedLeaf.parent.get(start.leafIndex - 1);
-                var offset = leafText(remainingLeaf).toJSON().indexOf(selectedText);
-                setPosition(remainingLeaf.get("id"), {
-                  offset: offset,
-                  end: offset + selectedText.length
-                });
-              }
+              setPosition(formatedLeaf.get("id"), {
+                offset: 0,
+                end: leafLength(formatedLeaf)
+              });
             });
-          });
+          } else {
+            var remainingLeaf = formatedLeaf.parent.get(start.leafIndex - 1);
+            var offset = leafText(remainingLeaf).toJSON().indexOf(selectedText);
+            setTimeout(function () {
+              setPosition(remainingLeaf.get("id"), {
+                offset: offset,
+                end: offset + selectedText.length
+              });
+            });
+          }
+
           break;
         }
 
@@ -369,7 +410,7 @@ var formatText = function formatText(editor, mark) {
           var endPathString = end.path.join(",");
           var started = false;
           var ended = false;
-          editor.doc.traverse(function (leaf, isText) {
+          traverse(editor, function (leaf, isText) {
             if (isText) {
               var path = getPath(leaf);
               var isStart = path.join(",") === startPathString;
@@ -405,8 +446,10 @@ var formatText = function formatText(editor, mark) {
 
               mergeLeafs(leafNodeContent(leaf));
             }
-          } // { start: start.path[0], end: end.path[0] + 1 }
-          );
+          }, {
+            start: start.path[0],
+            end: end.path[0] + 1
+          });
           break;
         }
     }
@@ -454,7 +497,7 @@ var insertText = function insertText(editor, _ref) {
               reap = _LeavesHarvest.reap,
               burn = _LeavesHarvest.burn;
 
-          editor.doc.traverse(function (leaf, isText) {
+          traverse(editor, function (leaf, isText) {
             if (isText) {
               var path = getPath(leaf);
 
@@ -537,21 +580,19 @@ var removeEmptyText = function removeEmptyText(yText) {
   }
 };
 
-var splitLeaf = function splitLeaf(editor, _ref) {
-  var _yText$parent;
-
-  var yText = _ref.yText,
-      at = _ref.at;
-  var content = yText.toString();
-  var rightText = content.substring(at.offset, yText.length);
-  if (at.offset === yText.length) return;
-  var newText = new Text(rightText);
-  var newLeave = new Map$1();
-  newLeave.set("text", newText);
-  applyMarksFromParent(yText.parent, [newLeave]);
-  var parent = yText == null ? void 0 : (_yText$parent = yText.parent) == null ? void 0 : _yText$parent.parent;
-  yText["delete"](at.offset, yText.length);
-  parent.insert(at.path.slice().reverse()[0] + 1, [newLeave]);
+var splitLeaf = function splitLeaf(editor) {
+  var _editor$selection$sta = editor.selection.start,
+      leaf = _editor$selection$sta.leaf,
+      leafIndex = _editor$selection$sta.leafIndex,
+      offset = _editor$selection$sta.offset;
+  var content = leafString(leaf);
+  var rightText = content.substring(offset, content.length);
+  if (offset === content.length) return;
+  deleteLeafText(leaf, offset, rightText.length);
+  leafNodeContent(leaf).insert(leafIndex + 1, [createLeaf$1(_extends({}, leaf.toJSON(), {
+    text: rightText,
+    id: undefined
+  }))]);
 };
 
 var splitNode = function splitNode(editor) {
@@ -573,28 +614,27 @@ var splitNode = function splitNode(editor) {
     var rightText = leafString(start.leaf).substring(start == null ? void 0 : start.offset, leafLength(start.leaf));
     deleteLeafText(start.leaf, start == null ? void 0 : start.offset, rightText.length, false);
     var newParent = hasChildren(node) ? getNodeChildren(node) : node.parent;
-    var newLeaf = new YLeaf(_extends({}, leaf.toJSON(), {
+    var newLeaf = createLeaf$1(_extends({}, leaf.toJSON(), {
       id: undefined,
       text: rightText
     }));
-    newParent.insert(hasChildren(node) ? 0 : indexOfNode + 1, [new YNode(editor.defaultBlock, {
+    newParent.insert(hasChildren(node) ? 0 : indexOfNode + 1, [createNode(editor.defaultBlock, {
       children: [],
       content: [newLeaf].concat(nextLeaves.map(function (leaf) {
-        return new YLeaf(leaf.toJSON());
+        return createLeaf$1(leaf.toJSON());
       }))
     })]);
+    setPosition(newLeaf.get("id"), {
+      offset: 0
+    });
     leafContent["delete"](indexOfLeaf + 1, leafNodeContentLength(start.leaf) - indexOfLeaf - 1);
-    setTimeout(function () {
-      setPosition(newLeaf.get("id"), {
-        offset: 0
-      });
-    }, 10);
   };
 
   var doSplit = (!edges.startNode || !edges.endNode) && type !== "multinodes";
 
   if ((edges.endNode || edges.startNode) && type === "collapsed") {
-    var newNode = new YNode(editor.defaultBlock);
+    // if cursor is at edge node with insert a default block before of after the current node
+    var newNode = createNode(editor.defaultBlock);
     node.parent.insert(indexOfNode + (edges.endNode ? 1 : 0), [newNode]);
     return setTimeout(function () {
       setPosition(newNode.get("content").get(0).get("id"), {
@@ -643,14 +683,14 @@ var nestNode = function nestNode(editor) {
       end = _editor$selection.end,
       setPosition = _editor$selection.setPosition;
   var startNode = getNode(start.leaf);
-  var startJsonNode = startNode.toJSON();
+  var nodeCopy = copyNode(startNode);
   var startPath = getPath(startNode);
 
   var _startPath$slice$reve = startPath.slice().reverse(),
       index = _startPath$slice$reve[0],
       newPath = _startPath$slice$reve.slice(1);
 
-  var prevNode = editor.doc.getNodeAtPath([].concat(newPath, [index - 1]));
+  var prevNode = getNodeAtPath(editor, [].concat(newPath, [index - 1]));
   var startContainer = getNodeContainer(startNode);
 
   switch (type) {
@@ -661,10 +701,7 @@ var nestNode = function nestNode(editor) {
         var id = start.leaf.get("id");
         var prevChildren = prevNode.get("children");
         startContainer["delete"](index);
-        prevChildren.insert(prevChildren.length, [new YNode(startJsonNode.type, _extends({}, startJsonNode, {
-          children: startJsonNode.children.map(getChildren),
-          content: startJsonNode.content.map(getContent)
-        }))]);
+        prevChildren.insert(prevChildren.length, [nodeCopy]);
         setPosition(id, {
           offset: start.offset
         });
@@ -681,18 +718,14 @@ var nestNode = function nestNode(editor) {
 
         var startPathString = start.path.slice(0, start.path.length - 1).join("");
         var endPathString = end.path.slice(0, start.path.length - 1).join("");
-        editor.doc.traverse(function (node, isText) {
+        traverse(editor, function (node, isText) {
           if (!isText) {
             var path = getPath(node).join("");
 
             if (path.length === startPath.length) {
               if (path <= endPathString && path >= startPathString) {
                 length++;
-                var jsonNode = node.toJSON();
-                newNodes.push(new YNode(jsonNode.type, _extends({}, jsonNode, {
-                  children: jsonNode.children.map(getChildren),
-                  content: jsonNode.content.map(getContent)
-                })));
+                newNodes.push(copyNode(node));
               }
             }
           }
@@ -731,199 +764,12 @@ var moveNode = function moveNode(_ref) {
   return nodesCopies[0].get("content").get(0).get("id");
 };
 
-var _excluded = ["type", "content", "children"];
-var getContent = function getContent(leaf) {
-  return new YLeaf(leaf);
-};
-var getChildren = function getChildren(_ref) {
-  var type = _ref.type,
-      _ref$content = _ref.content,
-      content = _ref$content === void 0 ? [] : _ref$content,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return new YNode(type, _extends({}, props, {
-    children: children.map(getChildren),
-    content: content.map(getContent)
-  }));
-};
-var EdytorDoc = /*#__PURE__*/function (_Doc) {
-  _inheritsLoose(EdytorDoc, _Doc);
-
-  function EdytorDoc(value) {
-    var _this;
-
-    _this = _Doc.call(this) || this;
-
-    _this.getLeafAtPath = function (_ref2) {
-      var start = _ref2[0],
-          path = _ref2.slice(1);
-
-      var node = _this.children.get(start);
-
-      var i = 0;
-
-      while (i < path.length - 1) {
-        var index = path[i];
-        i++;
-        node = node.get("children").get(index);
-      }
-
-      return node && node.get("content").get(path.slice().reverse()[0]);
-    };
-
-    _this.getNodeAtPath = function (_ref3) {
-      var start = _ref3[0],
-          path = _ref3.slice(1);
-
-      var node = _this.children.get(start);
-
-      for (var i = 0; i < path.length; i++) {
-        var index = path[i];
-
-        if (node.get) {
-          node = node.get("children").get(index);
-        } else {
-          node = undefined;
-        }
-      }
-
-      return node;
-    };
-
-    _this.getContainerAtPath = function (path) {
-      if (path.length === 1) {
-        return _this.children;
-      } else {
-        return _this.getNodeAtPath(path.slice(1, path.length)).get("children");
-      }
-    };
-
-    _this.traverse = function (cb, opts) {
-      var traverse = function traverse(node, path) {
-        if (node.has("text")) {
-          cb(node, true, path);
-        } else {
-          var _array = getNodeContent(node).toArray() //@ts-ignore
-          .concat(getNodeChildren(node).toArray());
-
-          cb(node, false, path);
-
-          for (var i = 0; i < _array.length; i++) {
-            traverse(_array[i], [].concat(path.slice(0, path.length - 1), [0, i]));
-          }
-        }
-      };
-
-      var array = _this.children.toArray().slice((opts == null ? void 0 : opts.start) || 0, (opts == null ? void 0 : opts.end) || _this.children.length);
-
-      for (var i = 0; i < array.length; i++) {
-        traverse(array[i], [i + ((opts == null ? void 0 : opts.start) || 0)]);
-      }
-    };
-
-    _this.toJSON = function () {
-      return {
-        children: _this.children.toJSON(),
-        config: _this.config.toJSON()
-      };
-    };
-
-    _this.toUpdate = function () {
-      return encodeStateAsUpdateV2(_assertThisInitialized(_this));
-    };
-
-    _this.string = function () {
-      var t = "";
-
-      var array = _this.children.toArray();
-
-      for (var i = 0; i < array.length; i++) {
-        t += array[i].string();
-      }
-
-      return t;
-    };
-
-    if (value) {
-      var array = _this.getArray("children");
-
-      array.insert(0, value.map(getChildren));
-    }
-
-    _this.config = _this.getMap("config");
-    _this.children = _this.getArray("children");
-    return _this;
-  }
-
-  return EdytorDoc;
-}(Doc);
-
-var YNode = /*#__PURE__*/function (_Map) {
-  _inheritsLoose(YNode, _Map);
-
-  function YNode(type, props) {
-    var _this;
-
-    _this = _Map.call(this) || this;
-
-    _this.set("id", (props == null ? void 0 : props.id) || nanoid());
-
-    _this.set("type", type);
-
-    if (props != null && props.data) {
-      _this.set("data", new Map$1(Object.entries(props.data)));
-    }
-
-    _this.set("content", (props == null ? void 0 : props.content) instanceof Array$1 ? props.content : Array$1.from((props == null ? void 0 : props.content) || [new YLeaf()]));
-
-    _this.set("children", (props == null ? void 0 : props.children) instanceof Array$1 ? props.children : Array$1.from((props == null ? void 0 : props.children) || []));
-
-    return _this;
-  }
-
-  return YNode;
-}(Map$1);
-
-var _excluded$1 = ["id", "text", "data"];
-var YLeaf = /*#__PURE__*/function (_Map) {
-  _inheritsLoose(YLeaf, _Map);
-
-  function YLeaf(props) {
-    var _this;
-
-    _this = _Map.call(this) || this;
-
-    _this.set("id", (props == null ? void 0 : props.id) || nanoid());
-
-    _this.set("text", new Text((props == null ? void 0 : props.text) || ""));
-
-    if (props) {
-      var text = props.text,
-          data = props.data,
-          marks = _objectWithoutPropertiesLoose(props, _excluded$1);
-
-      _this.set("text", new Text(text || ""));
-
-      data && _this.set("data", new Map$1(Object.entries(data)));
-      marks && Object.keys(marks).forEach(function (mark) {
-        _this.set(mark, marks[mark]);
-      });
-    }
-
-    return _this;
-  }
-
-  return YLeaf;
-}(Map$1);
-
 var _excluded$2 = ["type"];
 var mergeContentWithPrevLeaf = function mergeContentWithPrevLeaf(editor) {
   var start = editor.selection.start;
   var prevLeaf;
   var stop = false;
-  editor.doc.traverse(function (node, isText) {
+  traverse(editor, function (node, isText) {
     if (isText) {
       if (node === start.leaf) {
         stop = true;
@@ -933,17 +779,26 @@ var mergeContentWithPrevLeaf = function mergeContentWithPrevLeaf(editor) {
     }
   });
   if (!prevLeaf) return;
+  var prevLeafLength = leafLength(prevLeaf);
   leafNodeContent(prevLeaf).insert(leafNodeContentLength(prevLeaf), leafNodeContent(start.leaf).toArray().map(function (leaf) {
-    return new YLeaf(leaf.toJSON());
+    return createLeaf$1(leaf.toJSON());
   }));
   mergeLeafs(leafNodeContent(prevLeaf));
-  start.leaf.parent.parent["delete"](getIndex(getNode(start.leaf)));
+  var children = start.node.get("children").toArray().map(copyNode);
+
+  if (children.length) {
+    start.node.parent.insert(start.nodeIndex, children);
+  }
+
+  start.node.parent["delete"](start.nodeIndex + children.length);
+  return [prevLeaf, prevLeafLength]; // (start.leaf.parent.parent as YArray<YNode>).delete(index);
 };
 var mergeContentWithNextLeaf = function mergeContentWithNextLeaf(editor) {
-  var start = editor.selection.start;
+  var start = editor.selection.start; // 1 .get the next leaf
+
   var nextLeaf;
   var stop = false;
-  editor.doc.traverse(function (node, isText) {
+  traverse(editor, function (node, isText) {
     if (isText) {
       if (node === start.leaf) {
         stop = true;
@@ -952,24 +807,21 @@ var mergeContentWithNextLeaf = function mergeContentWithNextLeaf(editor) {
         stop = false;
       }
     }
-  }); //TODO the children should be pull to the depth level of the removed parent
+  }); // end of document do nothing
+
+  if (!nextLeaf) return; // 2 .merge the next leaf with the start leaf
 
-  console.log(leafNodeContent(nextLeaf).toArray());
   leafNodeContent(start.leaf).insert(leafNodeContentLength(start.leaf), leafNodeContent(nextLeaf).toArray().map(function (leaf) {
-    return new YLeaf(leaf.toJSON());
+    return createLeaf$1(leaf.toJSON());
   }));
-  mergeLeafs(leafNodeContent(start.leaf));
-  console.log(start.leaf.parent.toJSON());
-  var node = getNode(nextLeaf);
-
-  if (hasChildren(node)) {
-    console.log(node.get("children").toJSON());
-    node.parent.insert(getIndex(node), node.get("children").toJSON().map(function (node) {
-      return new YNode(node.type, node);
-    }));
-  }
+  mergeLeafs(leafNodeContent(start.leaf)); // 3 get the merged node children if any and place it where the merged node was
 
-  node.parent["delete"](getIndex(node));
+  var node = getNode(nextLeaf);
+  var index = getIndex(node);
+  var parent = node.parent;
+  var children = node.get("children").toArray();
+  children.length > 0 && parent.insert(index, children.map(copyNode));
+  parent["delete"](index + children.length);
   return nextLeaf;
 };
 var deleteNode = function deleteNode(node, defaultBlock) {
@@ -983,13 +835,13 @@ var deleteNode = function deleteNode(node, defaultBlock) {
       var type = _ref.type,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
-      return new YNode(type, props);
+      return createNode(type, props);
     }));
   }
 
-  if (node.parent === node.doc.children && node.doc.children.length === 0) {
-    node.parent.insert(0, [new YNode(defaultBlock, {
-      content: [new YLeaf()]
+  if (node.parent === (node.doc.getArray("children") && node.doc.getArray("children").length === 0)) {
+    node.parent.insert(0, [createNode(defaultBlock, {
+      content: [createLeaf$1()]
     })]);
   }
 };
@@ -1013,11 +865,140 @@ var isNodeContentEmpty = function isNodeContentEmpty(node) {
 };
 var copyNode = function copyNode(node) {
   var jsonNode = node.toJSON();
-  return new YNode(jsonNode.type, _extends({}, jsonNode, {
+  return createNode(jsonNode.type, _extends({}, jsonNode, {
     children: jsonNode.children.map(getChildren),
-    content: jsonNode.content.map(getContent)
+    content: jsonNode.content.map(createLeaf$1)
   }));
 };
+var nodeString = function nodeString(node) {
+  var text = "";
+  getNodeContent(node).forEach(function (leaf) {
+    text += leafString(leaf);
+  });
+  getNodeChildren(node).forEach(function (node) {
+    text += nodeString(node);
+  });
+  return text;
+};
+
+var nanoid = function nanoid() {
+  return "y-" + customAlphabet("346789ABCDEFGHJKLMNPQRTUV-WXYabcdefghijkmnpqrtwxyz", 20)();
+};
+var getNode = function getNode(node) {
+  var _node$parent;
+
+  return node == null ? void 0 : (_node$parent = node.parent) == null ? void 0 : _node$parent.parent;
+};
+var getIndex = function getIndex(node) {
+  var index = 0;
+  var stop = false;
+  var n = node.parent._start;
+
+  while (n !== null && !stop) {
+    if (n.countable && !n.deleted) {
+      var c = n.content.getContent();
+
+      for (var i = 0; i < c.length; i++) {
+        if (c[i] === node) {
+          stop = true;
+          break;
+        }
+
+        index++;
+      }
+    }
+
+    n = n.right;
+  }
+
+  return index;
+};
+var getPath = function getPath(node) {
+  var p = [];
+  var n = node;
+
+  while (!!n) {
+    p.push(getIndex(n));
+    n = getNode(n);
+  }
+
+  return p.reverse();
+};
+var getId = function getId(node) {
+  return node.get("id");
+};
+var getLeafAtPath = function getLeafAtPath(editor, _ref) {
+  var start = _ref[0],
+      path = _ref.slice(1);
+
+  var node = editor.children.get(start);
+  var i = 0;
+
+  while (i < path.length - 1) {
+    var index = path[i];
+    i++;
+    node = node.get("children").get(index);
+  }
+
+  return node && node.get("content").get(path.slice().reverse()[0]);
+};
+var getNodeAtPath = function getNodeAtPath(editor, _ref2) {
+  var start = _ref2[0],
+      path = _ref2.slice(1);
+
+  var node = editor.children.get(start);
+
+  for (var i = 0; i < path.length; i++) {
+    var index = path[i];
+
+    if (node.get) {
+      node = node.get("children").get(index);
+    } else {
+      node = undefined;
+    }
+  }
+
+  return node;
+};
+var getContainerAtPath = function getContainerAtPath(editor, path) {
+  if (path.length === 1) {
+    return editor.children;
+  } else {
+    return getNodeAtPath(editor, path.slice(1, path.length)).get("children");
+  }
+};
+var traverse = function traverse(editor, cb, opts) {
+  var t = function t(node, path) {
+    if (node.has("text")) {
+      cb(node, true, path);
+    } else {
+      var _array = getNodeContent(node).toArray() //@ts-ignore
+      .concat(getNodeChildren(node).toArray());
+
+      cb(node, false, path);
+
+      for (var i = 0; i < _array.length; i++) {
+        t(_array[i], [].concat(path.slice(0, path.length - 1), [0, i]));
+      }
+    }
+  };
+
+  var array = editor.children.toArray().slice((opts == null ? void 0 : opts.start) || 0, (opts == null ? void 0 : opts.end) || editor.children.length);
+
+  for (var i = 0; i < array.length; i++) {
+    t(array[i], [i + ((opts == null ? void 0 : opts.start) || 0)]);
+  }
+};
+var toString = function toString(editor) {
+  var t = "";
+  var array = editor.children.toArray();
+
+  for (var i = 0; i < array.length; i++) {
+    t += nodeString(array[i]);
+  }
+
+  return t;
+};
 
 var LeavesHarvest = function LeavesHarvest() {
   var _this = this;
@@ -1051,7 +1032,7 @@ var LeavesHarvest = function LeavesHarvest() {
       content["delete"](indexes[0], indexes.length);
 
       if (content.length === 0 && !shouldDeleteNode) {
-        content.insert(0, [new YLeaf()]);
+        content.insert(0, [createLeaf()]);
       } else if (shouldDeleteNode) return deleteNode(node, editor == null ? void 0 : editor.defaultBlock);
     });
   };
@@ -1101,6 +1082,7 @@ var setLeafData = function setLeafData(leaf, data) {
 };
 var removeIfEmpty = function removeIfEmpty(leaf) {
   if (isLeafEmpty(leaf)) {
+    console.log("isEmpty", leafNodeContent(leaf).toJSON());
     leafNodeContent(leaf)["delete"](getIndex(leaf)); // if (leafNodeContentLength(leaf) === 0) {
     //   deleteNode(leafNode(leaf));
     // }
@@ -1130,336 +1112,23 @@ var leafNodeChildrenLength = function leafNodeChildrenLength(leaf) {
   return leafNodeChildren(leaf).length;
 };
 
-var getLeaf = function getLeaf(editor, anchorNode) {
-  var leaf;
-  var node = anchorNode;
-  var i = 0;
-
-  while (!leaf && ((_node = node) == null ? void 0 : _node.id) !== editor.editorId && node && i < 100) {
-    var _node;
-
-    leaf = editor.ID_TO_NODE.get(node.id);
-    node = node.parentElement;
-    i++;
-  }
-
-  if (!leaf) return undefined;
-  return [leaf, getPath(leaf)];
-};
-
-var getRange = function getRange(editor, selection) {
-  var _range$toString;
-
-  var anchorNode = selection.anchorNode,
-      focusNode = selection.focusNode,
-      anchorOffset = selection.anchorOffset,
-      focusOffset = selection.focusOffset,
-      isCollapsed = selection.isCollapsed,
-      rangeCount = selection.rangeCount;
-  if (focusNode === null) return;
-
-  var _getLeaf = getLeaf(editor, anchorNode),
-      leaf1 = _getLeaf[0],
-      path1 = _getLeaf[1];
-
-  var _getLeaf2 = getLeaf(editor, focusNode),
-      leaf2 = _getLeaf2[0],
-      path2 = _getLeaf2[1];
-
-  if (!leaf1) return;
-  var equalPaths = path1.join("") === path2.join("");
-  var isFollowing = equalPaths ? anchorOffset < focusOffset : path1.join() < path2.join(); // console.log(isFollowing, equalPaths, { path1, path2 });
-
-  var start = {
-    node: isFollowing ? anchorNode : focusNode,
-    path: isFollowing ? path1 : path2,
-    ancestor: document.querySelector("[data-edytor-path=\"" + (isFollowing ? path1 : path2).slice(0, 1) + "\"]"),
-    offset: isFollowing ? anchorOffset : focusOffset,
-    leaf: isFollowing ? leaf1 : leaf2
-  };
-  var end = isCollapsed ? start : {
-    node: !isFollowing ? anchorNode : focusNode,
-    path: !isFollowing ? path1 : path2,
-    offset: !isFollowing ? anchorOffset : focusOffset,
-    leaf: !isFollowing ? leaf1 : leaf2
-  };
-  var range = rangeCount >= 1 ? selection == null ? void 0 : selection.getRangeAt(0) : undefined; //@ts-ignore
-
-  var edytorSelection = {
-    start: start,
-    end: end,
-    arePathsEquals: equalPaths,
-    length: range && ((_range$toString = range.toString()) == null ? void 0 : _range$toString.length),
-    range: range,
-    boundingRect: range && range.getBoundingClientRect(),
-    selection: selection,
-    edges: {
-      start: start.offset === 0,
-      end: end.offset === leafLength(end.leaf)
-    },
-    type: isCollapsed ? "collapsed" : equalPaths ? "singlenode" : "multinodes",
-    editorOffset: editor.cursor().getEditorOffset(selection)
-  };
-  console.log({
-    edytorSelection: edytorSelection
-  });
-  return edytorSelection;
-};
-
-var Cursor = /*#__PURE__*/function () {
-  function Cursor(_ref) {
-    var _this = this;
-
-    var container = _ref.container,
-        selection = _ref.selection;
-
-    this.getEditorOffset = function (selection) {
-      var focusNode = selection.focusNode,
-          focusOffset = selection.focusOffset;
-      var charCount = -1,
-          node;
-
-      if (!focusNode) {
-        var _selection = window.getSelection();
-
-        focusNode = _selection.focusNode;
-        focusOffset = _selection == null ? void 0 : _selection.focusOffset;
-      }
-
-      if (focusNode) {
-        if (Cursor._isChildOf(focusNode, _this.container)) {
-          node = focusNode;
-          charCount = focusOffset;
-
-          while (node) {
-            if (node === _this.container) {
-              break;
-            }
-
-            if (node.previousSibling) {
-              node = node.previousSibling;
-              charCount += node.textContent.length;
-            } else {
-              node = node.parentNode;
-
-              if (node === null) {
-                break;
-              }
-            }
-          }
-        }
-      }
-
-      return charCount;
-    };
-
-    this.set = function (offset) {
-      Cursor.setCurrentCursorPosition(offset, _this.container, _this.selection.selection);
-    };
-
-    this.setRange = function (offset, length) {
-      var _this$selection = _this.selection,
-          selection = _this$selection.selection;
-
-      var _this$getRangeBoundar = _this.getRangeBoundaries(offset, length),
-          startNode = _this$getRangeBoundar.startNode,
-          startOffset = _this$getRangeBoundar.startOffset,
-          endNode = _this$getRangeBoundar.endNode,
-          endOffset = _this$getRangeBoundar.endOffset;
-
-      selection.removeAllRanges();
-      var R = document.createRange();
-      R.selectNode(_this.container);
-      R.setStart(startNode, startOffset);
-      R.setEnd(endNode, endOffset);
-      selection.addRange(R);
-    };
-
-    this.getRangeBoundaries = function (offset, length) {
-      var _this$getRangeBoundar2 = _this.getRangeBoundary(_this.container, {
-        count: offset - length
-      }, true),
-          startNode = _this$getRangeBoundar2[0],
-          startOffset = _this$getRangeBoundar2[1];
-
-      var _this$getRangeBoundar3 = _this.getRangeBoundary(_this.container, {
-        count: offset
-      }, false),
-          endNode = _this$getRangeBoundar3[0],
-          endOffset = _this$getRangeBoundar3[1];
-
-      if (startNode.length === startOffset) {
-        var getNextNode = function getNextNode(node) {
-          var childNodes = Array.from(node.parentElement.childNodes);
-          var index = childNodes.indexOf(node);
-          console.log({
-            index: index,
-            childNodes: childNodes,
-            next: childNodes[index + 1]
-          });
-        };
-
-        getNextNode(startNode);
-      }
-
-      return {
-        startNode: startNode,
-        startOffset: startOffset,
-        endNode: endNode,
-        endOffset: endOffset
-      };
-    };
-
-    this.getRangeBoundary = function (node, chars, isStart) {
-      var result;
-
-      if (chars.count === 0) {
-        result = [node, chars.count];
-      } else if (node && chars.count > 0) {
-        if (node.nodeType === Node.TEXT_NODE) {
-          if (node.textContent.length < chars.count) {
-            chars.count -= node.textContent.length;
-          } else {
-            result = [node, chars.count];
-            chars.count = 0;
-          }
-        } else {
-          for (var lp = 0; lp < node.childNodes.length; lp++) {
-            result = _this.getRangeBoundary(node.childNodes[lp], chars, isStart);
-
-            if (chars.count === 0) {
-              break;
-            }
-          }
-        }
-      }
-
-      return result;
-    };
-
-    this.container = container;
-    this.selection = selection;
-  }
-
-  Cursor.getCurrentCursorPosition = function getCurrentCursorPosition(parentElement, focusNode, focusOffset) {
-    var charCount = -1,
-        node;
-
-    if (!focusNode) {
-      var selection = window.getSelection();
-      focusNode = selection.focusNode;
-      focusOffset = selection == null ? void 0 : selection.focusOffset;
-    }
-
-    if (focusNode) {
-      if (Cursor._isChildOf(focusNode, parentElement)) {
-        node = focusNode;
-        charCount = focusOffset;
-
-        while (node) {
-          if (node === parentElement) {
-            break;
-          }
-
-          if (node.previousSibling) {
-            node = node.previousSibling;
-            charCount += node.textContent.length;
-          } else {
-            node = node.parentNode;
-
-            if (node === null) {
-              break;
-            }
-          }
-        }
-      }
-    }
-
-    return charCount;
-  };
-
-  Cursor.setCurrentCursorPosition = function setCurrentCursorPosition(chars, element, s) {
-    if (chars >= 0) {
-      var selection = s || window.getSelection();
-
-      var range = Cursor._createRange(element, {
-        count: chars
-      });
-
-      if (range) {
-        range.collapse(false);
-        selection.removeAllRanges();
-        selection.addRange(range);
-      }
-    }
-  };
-
-  Cursor.selectNode = function selectNode(node, startOffset, endOffset, selection) {
-    if (!selection) selection = window.getSelection();
-    var textNode = node;
-
-    while (((_textNode = textNode) == null ? void 0 : _textNode.nodeType) !== 3 && (_textNode2 = textNode) != null && _textNode2.firstChild) {
-      var _textNode, _textNode2, _textNode3;
-
-      textNode = (_textNode3 = textNode) == null ? void 0 : _textNode3.firstChild;
-    }
-
-    selection.removeAllRanges();
-    var R = document.createRange();
-    R.setStart(textNode, startOffset);
-    R.setEnd(textNode, endOffset);
-    selection.addRange(R);
-  };
-
-  Cursor._createRange = function _createRange(node, chars, range) {
-    if (!range) {
-      range = document.createRange();
-      range.selectNode(node);
-      range.setStart(node, 0);
-    }
-
-    if (chars.count === 0) {
-      range.setEnd(node, chars.count);
-    } else if (node && chars.count > 0) {
-      if (node.nodeType === Node.TEXT_NODE) {
-        if (node.textContent.length < chars.count) {
-          chars.count -= node.textContent.length;
-        } else {
-          range.setEnd(node, chars.count);
-          chars.count = 0;
-        }
-      } else {
-        for (var lp = 0; lp < node.childNodes.length; lp++) {
-          range = Cursor._createRange(node.childNodes[lp], chars, range);
-
-          if (chars.count === 0) {
-            break;
-          }
-        }
-      }
-    }
-
-    return range;
-  };
-
-  Cursor._isChildOf = function _isChildOf(node, parentElement) {
-    while (node !== null) {
-      if (node === parentElement) return true;
-      node = node.parentNode;
-    }
+var Dropper = function Dropper() {
+  var _this = this;
 
-    return false;
+  this.init = function (editor, container) {
+    _this.editor = editor;
+    _this.doc = editor.doc;
+    _this.container = container;
+    _this.editorId = editor.editorId;
+    _this.selection = editor.selection;
+    _this.ID_TO_NODE = editor.ID_TO_NODE;
+    _this.allowNesting = editor.allowNesting;
   };
 
-  return Cursor;
-}();
-
-var Dropper = function Dropper(doc, editorId, ID_TO_NODE, selection, allowNesting) {
-  var _this = this;
-
   this.startDrag = function (node, e) {
     var _e$dataTransfer;
 
+    if (!_this.editor.dnd.active) return;
     _this.node = node;
     var dndIndicator = document.getElementById("dndIndicator");
     dndIndicator.style.opacity = "1";
@@ -1522,6 +1191,8 @@ var Dropper = function Dropper(doc, editorId, ID_TO_NODE, selection, allowNestin
   };
 
   this.onDrag = function (e) {
+    if (!_this.editor.dnd.active) return;
+
     var _this$getHoveredNode = _this.getHoveredNode(e.target),
         hoveredElement = _this$getHoveredNode.hoveredElement,
         hoveredNode = _this$getHoveredNode.hoveredNode;
@@ -1550,23 +1221,18 @@ var Dropper = function Dropper(doc, editorId, ID_TO_NODE, selection, allowNestin
     index = index + (isOnTop ? 0 : 1);
     if (index === -1) index = 0;
     _this.to = {
-      container: isNested ? hoveredNode.get("children") : path.length === 1 ? _this.doc.children : hoveredNode.parent,
+      container: isNested ? hoveredNode.get("children") : path.length === 1 ? _this.editor.children : hoveredNode.parent,
       at: isNested ? 0 : index
     };
   };
-
-  this.doc = doc;
-  this.editorId = editorId;
-  this.selection = selection;
-  this.ID_TO_NODE = ID_TO_NODE;
-  this.allowNesting = allowNesting;
 };
 
-var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
+var EdytorSelection = function EdytorSelection() {
   var _this = this;
 
-  this.init = function (container) {
+  this.init = function (editor, container) {
     _this.container = container;
+    _this.editor = editor;
     document.addEventListener("selectionchange", _this.onSelection);
 
     _this.container.addEventListener("focus", _this.onFocus);
@@ -1616,7 +1282,7 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
     var node = anchorNode;
 
     while (!leaf && node !== _this.container && node) {
-      leaf = _this.ID_TO_NODE.get(node.id);
+      leaf = _this.editor.ID_TO_NODE.get(node.id);
 
       if (!leaf) {
         node = node.parentElement;
@@ -1676,7 +1342,7 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
       offset: isFollowing ? anchorOffset : focusOffset,
       leaf: isFollowing ? leaf1 : leaf2
     });
-    _this.end = isCollapsed ? _this.start : _extends({}, _this.getNodeBoundingRect(!isFollowing ? node1 : node2), {
+    _this.end = isCollapsed || node2 === null ? _this.start : _extends({}, _this.getNodeBoundingRect(!isFollowing ? node1 : node2), {
       node: !isFollowing ? node1 : node2,
       leafId: (!isFollowing ? leaf1 : leaf2).get("id"),
       leafIndex: !isFollowing ? path1[path1.length - 1] : path2[path2.length - 1],
@@ -1691,11 +1357,15 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
     _this.length = _this.selectedText.length;
     _this.range = range;
     _this.selection = selection;
+    var startNode = _this.start.offset === 0 && getIndex(_this.start.leaf) === 0;
+    var endNode = _this.end.offset === leafLength(_this.end.leaf) && getIndex(_this.start.leaf) === leafNodeContentLength(_this.end.leaf) - 1;
     _this.edges = {
       startLeaf: _this.start.offset === 0,
-      startNode: _this.start.offset === 0 && getIndex(_this.start.leaf) === 0,
       endLeaf: _this.end.offset === leafLength(_this.end.leaf),
-      endNode: _this.end.offset === leafLength(_this.end.leaf) && getIndex(_this.start.leaf) === leafNodeContentLength(_this.end.leaf) - 1
+      startNode: startNode,
+      endNode: endNode,
+      startDocument: startNode && _this.start.path.join("") === "00",
+      endDocument: false
     };
     _this.type = isCollapsed ? "collapsed" : equalPaths ? "singlenode" : _this.start.node === _this.end.node ? "multileaves" : "multinodes";
 
@@ -1703,13 +1373,18 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
   };
 
   this.onChange = function () {
-    _this.onSelectionChange && _this.onSelectionChange(_this);
+    _this.observers.forEach(function (o) {
+      return o(_this);
+    }); // console.log(this.editor.awareness);
+    // if (this.collaborationPosition?.node !== this.start.node.get("id")) {
+    //   this.collaborationPosition = {
+    //     node: this.start.node.get("id"),
+    //     leaf: this.start.leaf.get("id"),
+    //     offset: this.start.offset
+    //   };
+    //   this.editor.awareness.setLocalStateField("position", this.collaborationPosition);
+    // }
 
-    if (_this.observers) {
-      _this.observers.forEach(function (o) {
-        return o(_this);
-      });
-    }
   };
 
   this.setPosition = function (id, _ref) {
@@ -1721,6 +1396,10 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
 
     var node = _this.container.querySelector("#" + id);
 
+    console.log({
+      node: node
+    });
+
     while (node && node.nodeType !== 3 && (_node = node) != null && _node.firstChild) {
       var _node;
 
@@ -1751,8 +1430,7 @@ var EdytorSelection = function EdytorSelection(ID_TO_NODE, onSelectionChange) {
     });
   };
 
-  this.onSelectionChange = onSelectionChange;
-  this.ID_TO_NODE = ID_TO_NODE;
+  this.observers = [];
 };
 
 var prevent = function prevent(e) {
@@ -1765,13 +1443,21 @@ var getDataTransfer = function getDataTransfer(e) {
 };
 
 var onBeforeInput = function onBeforeInput(_ref, e) {
-  var doc = _ref[0],
-      onChange = _ref[1],
+  var _e$target;
+
+  var onChange = _ref[1],
       editor = _ref[2];
-  prevent(e); // console.log(e);
+  // console.log(e);
   var _editor$selection = editor.selection,
       start = _editor$selection.start,
-      length = _editor$selection.length;
+      length = _editor$selection.length,
+      setPosition = _editor$selection.setPosition; // if (e.composedPath().some((el) => el.getAttribute && el.getAttribute("data-edytor-void") === "true")) {
+  //   return;
+  // }
+
+  var tag = (_e$target = e.target) == null ? void 0 : _e$target.tagName;
+  if (tag === "TEXTAREA" || tag === "INPUT") return;
+  prevent(e);
 
   switch (e.inputType) {
     case "insertFromPaste":
@@ -1868,8 +1554,9 @@ var onBeforeInput = function onBeforeInput(_ref, e) {
 
     case "insertReplacementText":
       {
-        doc().doc.transact(function () {
-          replaceLeafText(start.leaf, start.offset, length, getDataTransfer(e));
+        replaceLeafText(start.leaf, start.offset, length, getDataTransfer(e));
+        setPosition(start.leafId, {
+          offset: start.offset
         });
       }
   }
@@ -1894,32 +1581,71 @@ var onKeyDown = function onKeyDown(editor, e) {
       return editor.undoManager.redo();
     }
 
-    for (var i = 0; i < editor.hotkeys.length; i++) {
-      var _editor$hotkeys$i = editor.hotkeys[i],
-          keys = _editor$hotkeys$i.keys,
-          operation = _editor$hotkeys$i.operation,
-          mark = _editor$hotkeys$i.mark;
+    if (editor.hotkeys) {
+      for (var i = 0; i < editor.hotkeys.length; i++) {
+        var _editor$hotkeys$i = editor.hotkeys[i],
+            keys = _editor$hotkeys$i.keys,
+            operation = _editor$hotkeys$i.operation,
+            mark = _editor$hotkeys$i.mark;
 
-      if (isHotkey(keys, e)) {
-        e.preventDefault();
-        e.stopPropagation();
+        if (isHotkey(keys, e)) {
+          e.preventDefault();
+          e.stopPropagation();
 
-        if (typeof operation === "function") {
-          return operation(editor);
-        }
+          if (typeof operation === "function") {
+            return operation(editor);
+          }
 
-        switch (operation) {
-          case "formatText":
-            {
-              return formatText(editor, mark);
-            }
-        }
+          switch (operation) {
+            case "formatText":
+              {
+                return formatText(editor, mark);
+              }
+          }
 
-        break;
+          break;
+        }
       }
     }
   }
 };
+var defaultHotkeys = [{
+  operation: "formatText",
+  keys: "mod+b",
+  mark: {
+    bold: true
+  }
+}, {
+  operation: "formatText",
+  keys: "mod+i",
+  mark: {
+    italic: true
+  }
+}, {
+  operation: "formatText",
+  keys: "mod+u",
+  mark: {
+    underline: true
+  }
+}, {
+  operation: "formatText",
+  keys: "mod+shift+c",
+  mark: {
+    code: true
+  }
+}, {
+  operation: "formatText",
+  keys: "mod+shift+x",
+  mark: {
+    strikethrough: true
+  }
+}, {
+  operation: "formatText",
+  keys: "mod+shift+h",
+  mark: {
+    highlight: true
+  }
+}];
 
 var onDrop = function onDrop(editor, e) {
   var _e$dataTransfer;
@@ -1944,49 +1670,23 @@ var onDragOver = function onDragOver(editor, e) {
   }
 };
 
-var createWebRtcProvider = function createWebRtcProvider(doc, room, opts) {
-  if (room === void 0) {
-    room = "hello";
-  }
-
-  var fakeDoc = new Doc();
-  var provider = new WebrtcProvider(room, doc, opts);
-  provider.emit("ping", ["lkeazlk"]);
-  provider.connect();
-  provider.on("ping", function () {
-    console.log("ping");
-  });
-  provider.on("*", function (event) {
-    console.log(event);
-  });
-  provider.on("connect", function (event) {
-    console.log(event);
-  });
-  return provider;
-};
-
-var createWSProvider = function createWSProvider(doc, room, opts) {
-  if (room === void 0) {
-    room = "hello";
-  }
-
-  var fakeDoc = new EdytorDoc();
-  var provider = new WebsocketProvider("ws://localhost:1234", room, fakeDoc);
-  provider.on("status", function (_ref) {
-    var status = _ref.status;
-
-    if (status === "connected") {
-      var isEmpty = Array.from(provider.awareness.getStates().values()).length === 1;
-      console.log(isEmpty, Array.from(provider.awareness.getStates().values()).length);
-      provider.awareness.setLocalStateField("connected", true);
+var createWSProvider = function createWSProvider(room) {
+  return new Promise(function (res) {
+    var doc = new Doc();
+    var prod = "wss://edytor-production.up.railway.app";
+    console.log(process.env.NODE_ENV);
+    var provider = new WebsocketProvider(process.env.NODE_ENV === "production" ? prod : prod, room || "edytor", doc, {
+      connect: true
+    });
+    provider.on("status", function (_ref) {
+      var status = _ref.status;
 
-      if (isEmpty) {
-        applyUpdateV2(fakeDoc, encodeStateAsUpdateV2(doc));
+      if (status === "connected") {
+        return res(provider);
       }
-    }
+    });
   });
-  return provider.doc;
 };
 
-export { Cursor, Dropper, EdytorDoc, EdytorSelection, LeavesHarvest, YLeaf, YNode, applyMarksFromParent, areLeafsMergeable, copyNode, createWSProvider, createWebRtcProvider, deleteLeafText, deleteNode, deleteText, formatAtEqualPath, formatText, getChildren, getContent, getId, getIndex, getNode, getNodeChildren, getNodeContainer, getNodeContent, getPath, getRange, hasChildren, insertText, insertTextInLeaf, isLeafEmpty, isNodeContentEmpty, isNodeEmpty, leafData, leafLength, leafNode, leafNodeChildren, leafNodeChildrenLength, leafNodeContent, leafNodeContentLength, leafNodeContentStringLength, leafNodeId, leafString, leafText, mergeContentWithNextLeaf, mergeContentWithPrevLeaf, mergeLeafs, moveNode, nanoid, nestNode, onBeforeInput, onDragOver, onDrop, onKeyDown, removeEmptyText, removeIfEmpty, replaceLeafText, setLeafData, setLeafText, splitLeaf, splitNode };
+export { DocFromJson, Dropper, EdytorDoc, EdytorSelection, LeavesHarvest, YNode, applyMarksFromParent, areLeafsMergeable, copyNode, createLeaf$1 as createLeaf, createNode, createWSProvider, defaultHotkeys, deleteLeafText, deleteNode, deleteText, formatAtEqualPath, formatText, getChildren, getContainerAtPath, getId, getIndex, getLeafAtPath, getNode, getNodeAtPath, getNodeChildren, getNodeContainer, getNodeContent, getPath, hasChildren, insertText, insertTextInLeaf, isLeafEmpty, isNodeContentEmpty, isNodeEmpty, leafData, leafLength, leafNode, leafNodeChildren, leafNodeChildrenLength, leafNodeContent, leafNodeContentLength, leafNodeContentStringLength, leafNodeId, leafString, leafText, mergeContentWithNextLeaf, mergeContentWithPrevLeaf, mergeLeafs, moveNode, nanoid, nestNode, nodeString, onBeforeInput, onDragOver, onDrop, onKeyDown, removeEmptyText, removeIfEmpty, replaceLeafText, setLeafData, setLeafText, splitLeaf, splitNode, toString, traverse };
 //# sourceMappingURL=edytor.esm.js.map