@tiptap/core 2.0.0-beta.175 → 2.0.0-beta.176

package/dist/tiptap-core.esm.js

@@ -157,6 +157,7 @@ function getTextBetween(startNode, range, options) {
                 pos,
                 parent,
                 index,
+                range,
             });
         }
         else if (node.isText) {
@@ -171,7 +172,7 @@ function getTextBetween(startNode, range, options) {
     return text;
 }
 
-function getTextSeralizersFromSchema(schema) {
+function getTextSerializersFromSchema(schema) {
     return Object.fromEntries(Object
         .entries(schema.nodes)
         .filter(([, node]) => node.spec.toText)
@@ -192,7 +193,7 @@ const ClipboardTextSerializer = Extension.create({
                         const { ranges } = selection;
                         const from = Math.min(...ranges.map(range => range.$from.pos));
                         const to = Math.max(...ranges.map(range => range.$to.pos));
-                        const textSerializers = getTextSeralizersFromSchema(schema);
+                        const textSerializers = getTextSerializersFromSchema(schema);
                         const range = { from, to };
                         return getTextBetween(doc, range, {
                             textSerializers,
@@ -404,7 +405,10 @@ function getMarkRange($pos, type, attributes = {}) {
     if (!$pos || !type) {
         return;
     }
-    const start = $pos.parent.childAfter($pos.parentOffset);
+    let start = $pos.parent.childAfter($pos.parentOffset);
+    if ($pos.parentOffset === start.offset && start.offset !== 0) {
+        start = $pos.parent.childBefore($pos.parentOffset);
+    }
     if (!start.node) {
         return;
     }
@@ -412,7 +416,7 @@ function getMarkRange($pos, type, attributes = {}) {
     if (!mark) {
         return;
     }
-    let startIndex = $pos.index();
+    let startIndex = start.index;
     let startPos = $pos.start() + start.offset;
     let endIndex = startIndex + 1;
     let endPos = startPos + start.node.nodeSize;
@@ -2256,12 +2260,15 @@ function isNodeEmpty(node) {
     return JSON.stringify(defaultContent) === JSON.stringify(content);
 }
 
-function createStyleTag(style) {
+function createStyleTag(style, nonce) {
     const tipTapStyleTag = document.querySelector('style[data-tiptap-style]');
     if (tipTapStyleTag !== null) {
         return tipTapStyleTag;
     }
     const styleNode = document.createElement('style');
+    if (nonce) {
+        styleNode.setAttribute('nonce', nonce);
+    }
     styleNode.setAttribute('data-tiptap-style', '');
     styleNode.innerHTML = style;
     document.getElementsByTagName('head')[0].appendChild(styleNode);
@@ -3217,6 +3224,7 @@ class Editor extends EventEmitter {
             element: document.createElement('div'),
             content: '',
             injectCSS: true,
+            injectNonce: undefined,
             extensions: [],
             autofocus: false,
             editable: true,
@@ -3288,7 +3296,7 @@ class Editor extends EventEmitter {
      */
     injectCSS() {
         if (this.options.injectCSS && document) {
-            this.css = createStyleTag(style);
+            this.css = createStyleTag(style, this.options.injectNonce);
         }
     }
     /**
@@ -3519,7 +3527,7 @@ class Editor extends EventEmitter {
             blockSeparator,
             textSerializers: {
                 ...textSerializers,
-                ...getTextSeralizersFromSchema(this.schema),
+                ...getTextSerializersFromSchema(this.schema),
             },
         });
     }
@@ -3715,7 +3723,7 @@ class NodeView {
         return null;
     }
     onDragStart(event) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g;
         const { view } = this.editor;
         const target = event.target;
         // get the drag handle element
@@ -3734,10 +3742,13 @@ class NodeView {
         if (this.dom !== dragHandle) {
             const domBox = this.dom.getBoundingClientRect();
             const handleBox = dragHandle.getBoundingClientRect();
-            x = handleBox.x - domBox.x + event.offsetX;
-            y = handleBox.y - domBox.y + event.offsetY;
+            // In React, we have to go through nativeEvent to reach offsetX/offsetY.
+            const offsetX = (_c = event.offsetX) !== null && _c !== void 0 ? _c : (_d = event.nativeEvent) === null || _d === void 0 ? void 0 : _d.offsetX;
+            const offsetY = (_e = event.offsetY) !== null && _e !== void 0 ? _e : (_f = event.nativeEvent) === null || _f === void 0 ? void 0 : _f.offsetY;
+            x = handleBox.x - domBox.x + offsetX;
+            y = handleBox.y - domBox.y + offsetY;
         }
-        (_c = event.dataTransfer) === null || _c === void 0 ? void 0 : _c.setDragImage(this.dom, x, y);
+        (_g = event.dataTransfer) === null || _g === void 0 ? void 0 : _g.setDragImage(this.dom, x, y);
         // we need to tell ProseMirror that we want to move the whole node
         // so we create a NodeSelection
         const selection = NodeSelection.create(view.state.doc, this.getPos());
@@ -4255,7 +4266,7 @@ function generateText(doc, extensions, options) {
         blockSeparator,
         textSerializers: {
             ...textSerializers,
-            ...getTextSeralizersFromSchema(schema),
+            ...getTextSerializersFromSchema(schema),
         },
     });
 }
@@ -4410,5 +4421,5 @@ function posToDOMRect(view, from, to) {
     };
 }
 
-export { CommandManager, Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, combineTransactionSteps, defaultBlockAt, escapeForRegEx, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
+export { CommandManager, Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, combineTransactionSteps, defaultBlockAt, escapeForRegEx, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getChangedRanges, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, getTextSerializersFromSchema, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule };
 //# sourceMappingURL=tiptap-core.esm.js.map