@tiptap/core 2.2.6 → 2.3.1

package/dist/index.cjs

@@ -665,6 +665,23 @@ function inputRulesPlugin(props) {
                 if (stored) {
                     return stored;
                 }
+                // if InputRule is triggered by insertContent()
+                const simulatedInputMeta = tr.getMeta('applyInputRules');
+                const isSimulatedInput = !!simulatedInputMeta;
+                if (isSimulatedInput) {
+                    setTimeout(() => {
+                        const { from, text } = simulatedInputMeta;
+                        const to = from + text.length;
+                        run$1({
+                            editor,
+                            from,
+                            to,
+                            text,
+                            rules,
+                            plugin,
+                        });
+                    });
+                }
                 return tr.selectionSet || tr.docChanged ? null : prev;
             },
         },
@@ -796,6 +813,14 @@ function run(config) {
     const success = handlers.every(handler => handler !== null);
     return success;
 }
+const createClipboardPasteEvent = (text) => {
+    var _a;
+    const event = new ClipboardEvent('paste', {
+        clipboardData: new DataTransfer(),
+    });
+    (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.setData('text/html', text);
+    return event;
+};
 /**
  * Create an paste rules plugin. When enabled, it will cause pasted
  * text that matches any of the given rules to trigger the rule’s
@@ -808,6 +833,28 @@ function pasteRulesPlugin(props) {
     let isDroppedFromProseMirror = false;
     let pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null;
     let dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+    const processEvent = ({ state, from, to, rule, pasteEvt, }) => {
+        const tr = state.tr;
+        const chainableState = createChainableState({
+            state,
+            transaction: tr,
+        });
+        const handler = run({
+            editor,
+            state: chainableState,
+            from: Math.max(from - 1, 0),
+            to: to.b - 1,
+            rule,
+            pasteEvent: pasteEvt,
+            dropEvent,
+        });
+        if (!handler || !tr.steps.length) {
+            return;
+        }
+        dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+        pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null;
+        return tr;
+    };
     const plugins = rules.map(rule => {
         return new state.Plugin({
             // we register a global drag handler to track the current drag source element
@@ -845,38 +892,39 @@ function pasteRulesPlugin(props) {
                 const transaction = transactions[0];
                 const isPaste = transaction.getMeta('uiEvent') === 'paste' && !isPastedFromProseMirror;
                 const isDrop = transaction.getMeta('uiEvent') === 'drop' && !isDroppedFromProseMirror;
-                if (!isPaste && !isDrop) {
+                // if PasteRule is triggered by insertContent()
+                const simulatedPasteMeta = transaction.getMeta('applyPasteRules');
+                const isSimulatedPaste = !!simulatedPasteMeta;
+                if (!isPaste && !isDrop && !isSimulatedPaste) {
                     return;
                 }
-                // stop if there is no changed range
+                // Handle simulated paste
+                if (isSimulatedPaste) {
+                    const { from, text } = simulatedPasteMeta;
+                    const to = from + text.length;
+                    const pasteEvt = createClipboardPasteEvent(text);
+                    return processEvent({
+                        rule,
+                        state,
+                        from,
+                        to: { b: to },
+                        pasteEvt,
+                    });
+                }
+                // handle actual paste/drop
                 const from = oldState.doc.content.findDiffStart(state.doc.content);
                 const to = oldState.doc.content.findDiffEnd(state.doc.content);
+                // stop if there is no changed range
                 if (!isNumber(from) || !to || from === to.b) {
                     return;
                 }
-                // build a chainable state
-                // so we can use a single transaction for all paste rules
-                const tr = state.tr;
-                const chainableState = createChainableState({
-                    state,
-                    transaction: tr,
-                });
-                const handler = run({
-                    editor,
-                    state: chainableState,
-                    from: Math.max(from - 1, 0),
-                    to: to.b - 1,
+                return processEvent({
                     rule,
-                    pasteEvent,
-                    dropEvent,
+                    state,
+                    from,
+                    to,
+                    pasteEvt: pasteEvent,
                 });
-                // stop if there are no changes
-                if (!handler || !tr.steps.length) {
-                    return;
-                }
-                dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
-                pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null;
-                return tr;
             },
         });
     });
@@ -1243,6 +1291,11 @@ function getTextSerializersFromSchema(schema) {
 
 const ClipboardTextSerializer = Extension.create({
     name: 'clipboardTextSerializer',
+    addOptions() {
+        return {
+            blockSeparator: undefined,
+        };
+    },
     addProseMirrorPlugins() {
         return [
             new state.Plugin({
@@ -1258,6 +1311,9 @@ const ClipboardTextSerializer = Extension.create({
                         const textSerializers = getTextSerializersFromSchema(schema);
                         const range = { from, to };
                         return getTextBetween(doc, range, {
+                            ...(this.options.blockSeparator !== undefined
+                                ? { blockSeparator: this.options.blockSeparator }
+                                : {}),
                             textSerializers,
                         });
                     },
@@ -1664,6 +1720,8 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
         options = {
             parseOptions: {},
             updateSelection: true,
+            applyInputRules: false,
+            applyPasteRules: false,
             ...options,
         };
         const content = createNodeFromContent(value, editor.schema, {
@@ -1699,28 +1757,37 @@ const insertContentAt = (position, value, options) => ({ tr, dispatch, editor })
                 to += 1;
             }
         }
+        let newContent;
         // if there is only plain text we have to use `insertText`
         // because this will keep the current marks
         if (isOnlyTextContent) {
             // if value is string, we can use it directly
             // otherwise if it is an array, we have to join it
             if (Array.isArray(value)) {
-                tr.insertText(value.map(v => v.text || '').join(''), from, to);
+                newContent = value.map(v => v.text || '').join('');
             }
             else if (typeof value === 'object' && !!value && !!value.text) {
-                tr.insertText(value.text, from, to);
+                newContent = value.text;
             }
             else {
-                tr.insertText(value, from, to);
+                newContent = value;
             }
+            tr.insertText(newContent, from, to);
         }
         else {
-            tr.replaceWith(from, to, content);
+            newContent = content;
+            tr.replaceWith(from, to, newContent);
         }
         // set cursor at end of inserted content
         if (options.updateSelection) {
             selectionToInsertionEnd(tr, tr.steps.length - 1, -1);
         }
+        if (options.applyInputRules) {
+            tr.setMeta('applyInputRules', { from, text: newContent });
+        }
+        if (options.applyPasteRules) {
+            tr.setMeta('applyPasteRules', { from, text: newContent });
+        }
     }
     return true;
 };
@@ -3331,7 +3398,7 @@ const Tabindex = Extension.create({
     },
 });
 
-var extensions = /*#__PURE__*/Object.freeze({
+var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   ClipboardTextSerializer: ClipboardTextSerializer,
   Commands: Commands,
@@ -3435,7 +3502,7 @@ class NodePos {
         const children = [];
         this.node.content.forEach((node, offset) => {
             const isBlock = node.isBlock && !node.isTextblock;
-            const targetPos = this.pos + offset + (isBlock ? 0 : 1);
+            const targetPos = this.pos + offset + 1;
             const $pos = this.resolvedPos.doc.resolve(targetPos);
             if (!isBlock && $pos.depth <= this.depth) {
                 return;
@@ -3484,7 +3551,7 @@ class NodePos {
     querySelectorAll(selector, attributes = {}, firstItemOnly = false) {
         let nodes = [];
         // iterate through children recursively finding all nodes which match the selector with the node name
-        if (this.isBlock || !this.children || this.children.length === 0) {
+        if (!this.children || this.children.length === 0) {
             return nodes;
         }
         this.children.forEach(childPos => {
@@ -3621,6 +3688,7 @@ class Editor extends EventEmitter {
             editable: true,
             editorProps: {},
             parseOptions: {},
+            coreExtensionOptions: {},
             enableInputRules: true,
             enablePasteRules: true,
             enableCoreExtensions: true,
@@ -3766,7 +3834,17 @@ class Editor extends EventEmitter {
      * Creates an extension manager.
      */
     createExtensionManager() {
-        const coreExtensions = this.options.enableCoreExtensions ? Object.values(extensions) : [];
+        var _a, _b;
+        const coreExtensions = this.options.enableCoreExtensions ? [
+            Editable,
+            ClipboardTextSerializer.configure({
+                blockSeparator: (_b = (_a = this.options.coreExtensionOptions) === null || _a === void 0 ? void 0 : _a.clipboardTextSerializer) === null || _b === void 0 ? void 0 : _b.blockSeparator,
+            }),
+            Commands,
+            FocusEvents,
+            Keymap,
+            Tabindex,
+        ] : [];
         const allExtensions = [...coreExtensions, ...this.options.extensions].filter(extension => {
             return ['extension', 'node', 'mark'].includes(extension === null || extension === void 0 ? void 0 : extension.type);
         });
@@ -4637,7 +4715,7 @@ exports.defaultBlockAt = defaultBlockAt;
 exports.deleteProps = deleteProps;
 exports.elementFromString = elementFromString;
 exports.escapeForRegEx = escapeForRegEx;
-exports.extensions = extensions;
+exports.extensions = index;
 exports.findChildren = findChildren;
 exports.findChildrenInRange = findChildrenInRange;
 exports.findDuplicates = findDuplicates;