prosemirror-view 1.28.2 → 1.29.0

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## 1.29.0 (2022-10-12)
+
+### Bug fixes
+
+Fix an issue where HTML comments added to the clipboard by the OS throw off the clipboard parser.
+
+Make sure Chrome Android's native behavior on pressing Enter in an empty nested list item is replaced by the result of the editor's Enter key handler.
+
+### New features
+
+The `transformPastedHTML`, `transformPastedText`, `transformPasted`, `transformCopied`, and `clipboardTextSerializer` props are now passed the view instance as last argument.
+
+## 1.28.3 (2022-10-05)
+
+### Bug fixes
+
+Work around the five-year-old Safari bug where it won't accurately report the selection inside shadow roots, which would break ProseMirror when put in shadow DOM.
+
 ## 1.28.2 (2022-09-24)
 
 ### Bug fixes
@@ -14,11 +32,11 @@ Fix an issue where the editor would reset its scroll position to the top of the
 
 ### Bug fixes
 
-Fix an issue where the editor wouldn't realize it was focused on IE when IE's resize controls are on an element inside the content. Adjust Chrome click-override behavior to only happen for invisible selections
+Fix an issue where the editor wouldn't realize it was focused on IE when IE's resize controls are on an element inside the content.
 
 ### New features
 
-The new `transformCopied` prop can be used to transform a copied/cut slice before it is serialized to the clipboard. Adjust doc comment
+The new `transformCopied` prop can be used to transform a copied/cut slice before it is serialized to the clipboard.
 
 ## 1.27.2 (2022-08-19)
 

package/README.md

@@ -1,6 +1,6 @@
 # prosemirror-view
 
-[ [**WEBSITE**](https://prosemirror.net) | [**ISSUES**](https://github.com/prosemirror/prosemirror/issues) | [**FORUM**](https://discuss.prosemirror.net) | [**GITTER**](https://gitter.im/ProseMirror/prosemirror) | [**CHANGELOG**](https://github.com/ProseMirror/prosemirror-view/blob/master/CHANGELOG.md) ]
+[ [**WEBSITE**](https://prosemirror.net) | [**ISSUES**](https://github.com/prosemirror/prosemirror/issues) | [**FORUM**](https://discuss.prosemirror.net) | [**CHANGELOG**](https://github.com/ProseMirror/prosemirror-view/blob/master/CHANGELOG.md) ]
 
 This is a [core module](https://prosemirror.net/docs/ref/#view) of [ProseMirror](https://prosemirror.net).
 ProseMirror is a well-behaved rich semantic content editor based on

package/dist/index.cjs

@@ -36,28 +36,6 @@ var prosemirrorModel = require('prosemirror-model');
 
 var prosemirrorTransform = require('prosemirror-transform');
 
-var nav = typeof navigator != "undefined" ? navigator : null;
-var doc = typeof document != "undefined" ? document : null;
-var agent = nav && nav.userAgent || "";
-var ie_edge = /Edge\/(\d+)/.exec(agent);
-var ie_upto10 = /MSIE \d/.exec(agent);
-var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(agent);
-var ie = !!(ie_upto10 || ie_11up || ie_edge);
-var ie_version = ie_upto10 ? document.documentMode : ie_11up ? +ie_11up[1] : ie_edge ? +ie_edge[1] : 0;
-var gecko = !ie && /gecko\/(\d+)/i.test(agent);
-gecko && +(/Firefox\/(\d+)/.exec(agent) || [0, 0])[1];
-
-var _chrome = !ie && /Chrome\/(\d+)/.exec(agent);
-
-var chrome = !!_chrome;
-var chrome_version = _chrome ? +_chrome[1] : 0;
-var safari = !ie && !!nav && /Apple Computer/.test(nav.vendor);
-var ios = safari && (/Mobile\/\w+/.test(agent) || !!nav && nav.maxTouchPoints > 2);
-var mac = ios || (nav ? /Mac/.test(nav.platform) : false);
-var android = /Android \d/.test(agent);
-var webkit = !!doc && "webkitFontSmoothing" in doc.documentElement.style;
-var webkit_version = webkit ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
-
 var domIndex = function domIndex(node) {
   for (var index = 0;; index++) {
     node = node.previousSibling;
@@ -130,9 +108,7 @@ function hasBlockDesc(dom) {
 }
 
 var selectionCollapsed = function selectionCollapsed(domSel) {
-  var collapsed = domSel.isCollapsed;
-  if (collapsed && chrome && domSel.rangeCount && !domSel.getRangeAt(0).collapsed) collapsed = false;
-  return collapsed;
+  return domSel.focusNode && isEquivalentPosition(domSel.focusNode, domSel.focusOffset, domSel.anchorNode, domSel.anchorOffset);
 };
 
 function keyEvent(keyCode, key) {
@@ -143,6 +119,38 @@ function keyEvent(keyCode, key) {
   return event;
 }
 
+function deepActiveElement(doc) {
+  var elt = doc.activeElement;
+
+  while (elt && elt.shadowRoot) {
+    elt = elt.shadowRoot.activeElement;
+  }
+
+  return elt;
+}
+
+var nav = typeof navigator != "undefined" ? navigator : null;
+var doc = typeof document != "undefined" ? document : null;
+var agent = nav && nav.userAgent || "";
+var ie_edge = /Edge\/(\d+)/.exec(agent);
+var ie_upto10 = /MSIE \d/.exec(agent);
+var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(agent);
+var ie = !!(ie_upto10 || ie_11up || ie_edge);
+var ie_version = ie_upto10 ? document.documentMode : ie_11up ? +ie_11up[1] : ie_edge ? +ie_edge[1] : 0;
+var gecko = !ie && /gecko\/(\d+)/i.test(agent);
+gecko && +(/Firefox\/(\d+)/.exec(agent) || [0, 0])[1];
+
+var _chrome = !ie && /Chrome\/(\d+)/.exec(agent);
+
+var chrome = !!_chrome;
+var chrome_version = _chrome ? +_chrome[1] : 0;
+var safari = !ie && !!nav && /Apple Computer/.test(nav.vendor);
+var ios = safari && (/Mobile\/\w+/.test(agent) || !!nav && nav.maxTouchPoints > 2);
+var mac = ios || (nav ? /Mac/.test(nav.platform) : false);
+var android = /Android \d/.test(agent);
+var webkit = !!doc && "webkitFontSmoothing" in doc.documentElement.style;
+var webkit_version = webkit ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
+
 function windowRect(doc) {
   return {
     left: 0,
@@ -654,15 +662,27 @@ function endOfTextblockHorizontal(view, state, dir) {
   var sel = view.domSelection();
   if (!maybeRTL.test($head.parent.textContent) || !sel.modify) return dir == "left" || dir == "backward" ? atStart : atEnd;
   return withFlushedState(view, state, function () {
-    var oldRange = sel.getRangeAt(0),
-        oldNode = sel.focusNode,
-        oldOff = sel.focusOffset;
+    var _view$domSelectionRan = view.domSelectionRange(),
+        oldNode = _view$domSelectionRan.focusNode,
+        oldOff = _view$domSelectionRan.focusOffset,
+        anchorNode = _view$domSelectionRan.anchorNode,
+        anchorOffset = _view$domSelectionRan.anchorOffset;
+
     var oldBidiLevel = sel.caretBidiLevel;
     sel.modify("move", dir, "character");
     var parentDOM = $head.depth ? view.docView.domAfterPos($head.before()) : view.dom;
-    var result = !parentDOM.contains(sel.focusNode.nodeType == 1 ? sel.focusNode : sel.focusNode.parentNode) || oldNode == sel.focusNode && oldOff == sel.focusOffset;
-    sel.removeAllRanges();
-    sel.addRange(oldRange);
+
+    var _view$domSelectionRan2 = view.domSelectionRange(),
+        newNode = _view$domSelectionRan2.focusNode,
+        newOff = _view$domSelectionRan2.focusOffset;
+
+    var result = newNode && !parentDOM.contains(newNode.nodeType == 1 ? newNode : newNode.parentNode) || oldNode == newNode && oldOff == newOff;
+
+    try {
+      sel.collapse(anchorNode, anchorOffset);
+      if (oldNode && (oldNode != anchorNode || oldOff != anchorOffset) && sel.extend) sel.extend(oldNode, oldOff);
+    } catch (_) {}
+
     if (oldBidiLevel != null) sel.caretBidiLevel = oldBidiLevel;
     return result;
   });
@@ -1102,16 +1122,9 @@ var ViewDesc = function () {
         domSel.collapse(anchorDOM.node, anchorDOM.offset);
 
         try {
-          if (anchor != head) {
-            try {
-              domSel.extend(headDOM.node, headDOM.offset);
-            } catch (_) {}
-          }
-
+          if (anchor != head) domSel.extend(headDOM.node, headDOM.offset);
           domSelExtended = true;
-        } catch (err) {
-          if (!(err instanceof DOMException)) throw err;
-        }
+        } catch (_) {}
       }
 
       if (!domSelExtended) {
@@ -1496,7 +1509,7 @@ var NodeViewDesc = function (_ViewDesc4) {
           from = _view$state$selection.from,
           to = _view$state$selection.to;
       if (!(view.state.selection instanceof prosemirrorState.TextSelection) || from < pos || to > pos + this.node.content.size) return null;
-      var sel = view.domSelection();
+      var sel = view.domSelectionRange();
       var textNode = nearbyTextNode(sel.focusNode, sel.focusOffset);
       if (!textNode || !this.dom.contains(textNode.parentNode)) return null;
 
@@ -2406,7 +2419,7 @@ function replaceNodes(nodes, from, to, view, replacement) {
 
 function selectionFromDOM(view) {
   var origin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var domSel = view.domSelection(),
+  var domSel = view.domSelectionRange(),
       doc = view.state.doc;
   if (!domSel.focusNode) return null;
   var nearestDesc = view.docView.nearestDesc(domSel.focusNode),
@@ -2455,7 +2468,7 @@ function selectionToDOM(view) {
   if (!editorOwnsSelection(view)) return;
 
   if (!force && view.input.mouseDown && view.input.mouseDown.allowDefault && chrome) {
-    var domSel = view.domSelection(),
+    var domSel = view.domSelectionRange(),
         curSel = view.domObserver.currentSelection;
 
     if (domSel.anchorNode && curSel.anchorNode && isEquivalentPosition(domSel.anchorNode, domSel.anchorOffset, curSel.anchorNode, curSel.anchorOffset)) {
@@ -2538,7 +2551,7 @@ function resetEditable(element) {
 function removeClassOnSelectionChange(view) {
   var doc = view.dom.ownerDocument;
   doc.removeEventListener("selectionchange", view.input.hideSelectionGuard);
-  var domSel = view.domSelection();
+  var domSel = view.domSelectionRange();
   var node = domSel.anchorNode,
       offset = domSel.anchorOffset;
   doc.addEventListener("selectionchange", view.input.hideSelectionGuard = function () {
@@ -2600,7 +2613,7 @@ function hasFocusAndSelection(view) {
 }
 
 function hasSelection(view) {
-  var sel = view.domSelection();
+  var sel = view.domSelectionRange();
   if (!sel.anchorNode) return false;
 
   try {
@@ -2612,7 +2625,7 @@ function hasSelection(view) {
 
 function anchorInRightPlace(view) {
   var anchorDOM = view.docView.domFromPos(view.state.selection.anchor, 0);
-  var domSel = view.domSelection();
+  var domSel = view.domSelectionRange();
   return isEquivalentPosition(anchorDOM.node, anchorDOM.offset, domSel.anchorNode, domSel.anchorOffset);
 }
 
@@ -2676,7 +2689,7 @@ function isIgnorable(dom) {
 }
 
 function skipIgnoredNodesLeft(view) {
-  var sel = view.domSelection();
+  var sel = view.domSelectionRange();
   var node = sel.focusNode,
       offset = sel.focusOffset;
   if (!node) return;
@@ -2722,11 +2735,11 @@ function skipIgnoredNodesLeft(view) {
     }
   }
 
-  if (force) setSelFocus(view, sel, node, offset);else if (moveNode) setSelFocus(view, sel, moveNode, moveOffset);
+  if (force) setSelFocus(view, node, offset);else if (moveNode) setSelFocus(view, moveNode, moveOffset);
 }
 
 function skipIgnoredNodesRight(view) {
-  var sel = view.domSelection();
+  var sel = view.domSelectionRange();
   var node = sel.focusNode,
       offset = sel.focusOffset;
   if (!node) return;
@@ -2765,7 +2778,7 @@ function skipIgnoredNodesRight(view) {
     }
   }
 
-  if (moveNode) setSelFocus(view, sel, moveNode, moveOffset);
+  if (moveNode) setSelFocus(view, moveNode, moveOffset);
 }
 
 function isBlockNode(dom) {
@@ -2773,7 +2786,9 @@ function isBlockNode(dom) {
   return desc && desc.node && desc.node.isBlock;
 }
 
-function setSelFocus(view, sel, node, offset) {
+function setSelFocus(view, node, offset) {
+  var sel = view.domSelection();
+
   if (selectionCollapsed(sel)) {
     var range = document.createRange();
     range.setEnd(node, offset);
@@ -2842,9 +2857,9 @@ function switchEditable(view, node, state) {
 function safariDownArrowBug(view) {
   if (!safari || view.state.selection.$head.parentOffset > 0) return false;
 
-  var _view$domSelection = view.domSelection(),
-      focusNode = _view$domSelection.focusNode,
-      focusOffset = _view$domSelection.focusOffset;
+  var _view$domSelectionRan3 = view.domSelectionRange(),
+      focusNode = _view$domSelectionRan3.focusNode,
+      focusOffset = _view$domSelectionRan3.focusOffset;
 
   if (focusNode && focusNode.nodeType == 1 && focusOffset == 0 && focusNode.firstChild && focusNode.firstChild.contentEditable == "false") {
     var child = focusNode.firstChild;
@@ -2893,7 +2908,7 @@ function captureKeyDown(view, event) {
 
 function serializeForClipboard(view, slice) {
   view.someProp("transformCopied", function (f) {
-    slice = f(slice);
+    slice = f(slice, view);
   });
   var context = [],
       _slice = slice,
@@ -2936,7 +2951,7 @@ function serializeForClipboard(view, slice) {
 
   if (firstChild && firstChild.nodeType == 1) firstChild.setAttribute("data-pm-slice", "".concat(openStart, " ").concat(openEnd).concat(wrappers ? " -".concat(wrappers) : "", " ").concat(JSON.stringify(context)));
   var text = view.someProp("clipboardTextSerializer", function (f) {
-    return f(slice);
+    return f(slice, view);
   }) || slice.content.textBetween(0, slice.content.size, "\n\n");
   return {
     dom: wrap,
@@ -2952,11 +2967,11 @@ function parseFromClipboard(view, text, html, plainText, $context) {
 
   if (asText) {
     view.someProp("transformPastedText", function (f) {
-      text = f(text, inCode || plainText);
+      text = f(text, inCode || plainText, view);
     });
     if (inCode) return text ? new prosemirrorModel.Slice(prosemirrorModel.Fragment.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : prosemirrorModel.Slice.empty;
     var parsed = view.someProp("clipboardTextParser", function (f) {
-      return f(text, $context, plainText);
+      return f(text, $context, plainText, view);
     });
 
     if (parsed) {
@@ -2973,7 +2988,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
     }
   } else {
     view.someProp("transformPastedHTML", function (f) {
-      html = f(html);
+      html = f(html, view);
     });
     dom = readHTML(html);
     if (webkit) restoreReplacedSpaces(dom);
@@ -2981,8 +2996,15 @@ function parseFromClipboard(view, text, html, plainText, $context) {
 
   var contextNode = dom && dom.querySelector("[data-pm-slice]");
   var sliceData = contextNode && /^(\d+) (\d+)(?: -(\d+))? (.*)/.exec(contextNode.getAttribute("data-pm-slice") || "");
-  if (sliceData && sliceData[3]) for (var i = +sliceData[3]; i > 0 && dom.firstChild; i--) {
-    dom = dom.firstChild;
+  if (sliceData && sliceData[3]) for (var i = +sliceData[3]; i > 0; i--) {
+    var child = dom.firstChild;
+
+    while (child && child.nodeType != 1) {
+      child = child.nextSibling;
+    }
+
+    if (!child) break;
+    dom = child;
   }
 
   if (!slice) {
@@ -3017,7 +3039,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
   }
 
   view.someProp("transformPasted", function (f) {
-    slice = f(slice);
+    slice = f(slice, view);
   });
   return slice;
 }
@@ -3639,14 +3661,14 @@ editHandlers.compositionstart = editHandlers.compositionupdate = function (view)
       endComposition(view);
 
       if (gecko && state.selection.empty && $pos.parentOffset && !$pos.textOffset && $pos.nodeBefore.marks.length) {
-        var sel = view.domSelection();
+        var sel = view.domSelectionRange();
 
         for (var node = sel.focusNode, offset = sel.focusOffset; node && node.nodeType == 1 && offset != 0;) {
           var before = offset < 0 ? node.lastChild : node.childNodes[offset - 1];
           if (!before) break;
 
           if (before.nodeType == 3) {
-            sel.collapse(before, before.nodeValue.length);
+            view.domSelection().collapse(before, before.nodeValue.length);
             break;
           } else {
             node = before;
@@ -3847,7 +3869,7 @@ editHandlers.drop = function (view, _event) {
 
   if (slice) {
     view.someProp("transformPasted", function (f) {
-      slice = f(slice);
+      slice = f(slice, view);
     });
   } else {
     slice = parseFromClipboard(view, event.dataTransfer.getData(brokenClipboardAPI ? "Text" : "text/plain"), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
@@ -3898,7 +3920,7 @@ handlers.focus = function (view) {
     view.domObserver.start();
     view.focused = true;
     setTimeout(function () {
-      if (view.docView && view.hasFocus() && !view.domObserver.currentSelection.eq(view.domSelection())) selectionToDOM(view);
+      if (view.docView && view.hasFocus() && !view.domObserver.currentSelection.eq(view.domSelectionRange())) selectionToDOM(view);
     }, 20);
   }
 };
@@ -4826,7 +4848,7 @@ var DOMObserver = function () {
       if (this.suppressingSelectionUpdates) return selectionToDOM(this.view);
 
       if (ie && ie_version <= 11 && !this.view.state.selection.empty) {
-        var sel = this.view.domSelection();
+        var sel = this.view.domSelectionRange();
         if (sel.focusNode && isEquivalentPosition(sel.focusNode, sel.focusOffset, sel.anchorNode, sel.anchorOffset)) return this.flushSoon();
       }
 
@@ -4835,14 +4857,27 @@ var DOMObserver = function () {
   }, {
     key: "setCurSelection",
     value: function setCurSelection() {
-      this.currentSelection.set(this.view.domSelection());
+      this.currentSelection.set(this.view.domSelectionRange());
     }
   }, {
     key: "ignoreSelectionChange",
     value: function ignoreSelectionChange(sel) {
-      if (sel.rangeCount == 0) return true;
-      var container = sel.getRangeAt(0).commonAncestorContainer;
-      var desc = this.view.docView.nearestDesc(container);
+      if (!sel.focusNode) return true;
+      var ancestors = new Set(),
+          container;
+
+      for (var scan = sel.focusNode; scan; scan = parentNode(scan)) {
+        ancestors.add(scan);
+      }
+
+      for (var _scan = sel.anchorNode; _scan; _scan = parentNode(_scan)) {
+        if (ancestors.has(_scan)) {
+          container = _scan;
+          break;
+        }
+      }
+
+      var desc = container && this.view.docView.nearestDesc(container);
 
       if (desc && desc.ignoreMutation({
         type: "selection",
@@ -4864,7 +4899,7 @@ var DOMObserver = function () {
         this.queue.length = 0;
       }
 
-      var sel = view.domSelection();
+      var sel = view.domSelectionRange();
       var newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
       var from = -1,
           to = -1,
@@ -4984,6 +5019,40 @@ function checkCSS(view) {
   }
 }
 
+function safariShadowSelectionRange(view) {
+  var found;
+
+  function read(event) {
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    found = event.getTargetRanges()[0];
+  }
+
+  view.dom.addEventListener("beforeinput", read, true);
+  document.execCommand("indent");
+  view.dom.removeEventListener("beforeinput", read, true);
+  var anchorNode = found.startContainer,
+      anchorOffset = found.startOffset;
+  var focusNode = found.endContainer,
+      focusOffset = found.endOffset;
+  var currentAnchor = view.domAtPos(view.state.selection.anchor);
+
+  if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode, focusOffset)) {
+    var _ref3 = [focusNode, focusOffset, anchorNode, anchorOffset];
+    anchorNode = _ref3[0];
+    anchorOffset = _ref3[1];
+    focusNode = _ref3[2];
+    focusOffset = _ref3[3];
+  }
+
+  return {
+    anchorNode: anchorNode,
+    anchorOffset: anchorOffset,
+    focusNode: focusNode,
+    focusOffset: focusOffset
+  };
+}
+
 function parseBetween(view, from_, to_) {
   var _view$docView$parseRa = view.docView.parseRange(from_, to_),
       parent = _view$docView$parseRa.node,
@@ -4992,7 +5061,7 @@ function parseBetween(view, from_, to_) {
       from = _view$docView$parseRa.from,
       to = _view$docView$parseRa.to;
 
-  var domSel = view.domSelection();
+  var domSel = view.domSelectionRange();
   var find;
   var anchor = domSel.anchorNode;
 
@@ -5118,7 +5187,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
   var change = findDiff(compare.content, parse.doc.content, parse.from, preferredPos, preferredSide);
 
   if ((ios && view.input.lastIOSEnter > Date.now() - 225 || android) && addedNodes.some(function (n) {
-    return n.nodeName == "DIV" || n.nodeName == "P";
+    return n.nodeName == "DIV" || n.nodeName == "P" || n.nodeName == "LI";
   }) && (!change || change.endA >= change.endB) && view.someProp("handleKeyDown", function (f) {
     return f(view, keyEvent(13, "Enter"));
   })) {
@@ -5502,7 +5571,7 @@ var EditorView = function () {
         var forceSelUpdate = updateDoc && (ie || chrome) && !this.composing && !prev.selection.empty && !state.selection.empty && selectionContextChanged(prev.selection, state.selection);
 
         if (updateDoc) {
-          var chromeKludge = chrome ? this.trackWrites = this.domSelection().focusNode : null;
+          var chromeKludge = chrome ? this.trackWrites = this.domSelectionRange().focusNode : null;
 
           if (redraw || !this.docView.update(state.doc, outerDeco, innerDeco, this)) {
             this.docView.updateOuterDeco([]);
@@ -5513,7 +5582,7 @@ var EditorView = function () {
           if (chromeKludge && !this.trackWrites) forceSelUpdate = true;
         }
 
-        if (forceSelUpdate || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelection()) && anchorInRightPlace(this))) {
+        if (forceSelUpdate || !(this.input.mouseDown && this.domObserver.currentSelection.eq(this.domSelectionRange()) && anchorInRightPlace(this))) {
           selectionToDOM(this, forceSelUpdate);
         } else {
           syncNodeSelection(this, state.selection);
@@ -5538,7 +5607,7 @@ var EditorView = function () {
     value: function scrollToSelection() {
       var _this16 = this;
 
-      var startDOM = this.domSelection().focusNode;
+      var startDOM = this.domSelectionRange().focusNode;
       if (this.someProp("handleScrollToSelection", function (f) {
         return f(_this16);
       })) ;else if (this.state.selection instanceof prosemirrorState.NodeSelection) {
@@ -5721,6 +5790,11 @@ var EditorView = function () {
       var dispatchTransaction = this._props.dispatchTransaction;
       if (dispatchTransaction) dispatchTransaction.call(this, tr);else this.updateState(this.state.apply(tr));
     }
+  }, {
+    key: "domSelectionRange",
+    value: function domSelectionRange() {
+      return safari && this.root.nodeType === 11 && deepActiveElement(this.dom.ownerDocument) == this.dom ? safariShadowSelectionRange(this) : this.domSelection();
+    }
   }, {
     key: "domSelection",
     value: function domSelection() {

package/dist/index.d.ts

@@ -673,7 +673,7 @@ interface EditorProps<P = any> {
     Can be used to transform pasted HTML text, _before_ it is parsed,
     for example to clean it up.
     */
-    transformPastedHTML?: (this: P, html: string) => string;
+    transformPastedHTML?: (this: P, html: string, view: EditorView) => string;
     /**
     The [parser](https://prosemirror.net/docs/ref/#model.DOMParser) to use when reading content from
     the clipboard. When not given, the value of the
@@ -684,7 +684,7 @@ interface EditorProps<P = any> {
     Transform pasted plain text. The `plain` flag will be true when
     the text is pasted as plain text.
     */
-    transformPastedText?: (this: P, text: string, plain: boolean) => string;
+    transformPastedText?: (this: P, text: string, plain: boolean, view: EditorView) => string;
     /**
     A function to parse text from the clipboard into a document
     slice. Called after
@@ -694,17 +694,17 @@ interface EditorProps<P = any> {
     [`clipboardParser`](https://prosemirror.net/docs/ref/#view.EditorProps.clipboardParser) on it.
     The `plain` flag will be true when the text is pasted as plain text.
     */
-    clipboardTextParser?: (this: P, text: string, $context: ResolvedPos, plain: boolean) => Slice;
+    clipboardTextParser?: (this: P, text: string, $context: ResolvedPos, plain: boolean, view: EditorView) => Slice;
     /**
     Can be used to transform pasted or dragged-and-dropped content
     before it is applied to the document.
     */
-    transformPasted?: (this: P, slice: Slice) => Slice;
+    transformPasted?: (this: P, slice: Slice, view: EditorView) => Slice;
     /**
     Can be used to transform copied or cut content before it is
     serialized to the clipboard.
     */
-    transformCopied?: (this: P, slice: Slice) => Slice;
+    transformCopied?: (this: P, slice: Slice, view: EditorView) => Slice;
     /**
     Allows you to pass custom rendering and behavior logic for
     nodes. Should map node names to constructor functions that
@@ -759,7 +759,7 @@ interface EditorProps<P = any> {
     editor will use [`textBetween`](https://prosemirror.net/docs/ref/#model.Node.textBetween) on the
     selected range.
     */
-    clipboardTextSerializer?: (this: P, content: Slice) => string;
+    clipboardTextSerializer?: (this: P, content: Slice, view: EditorView) => string;
     /**
     A set of [document decorations](https://prosemirror.net/docs/ref/#view.Decoration) to show in the
     view.