@tiptap/core 2.2.6 → 2.3.0

package/dist/index.umd.js

@@ -659,6 +659,23 @@
                   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;
               },
           },
@@ -790,6 +807,14 @@
       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
@@ -802,6 +827,28 @@
       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
@@ -839,38 +886,39 @@
                   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;
               },
           });
       });
@@ -1237,6 +1285,11 @@
 
   const ClipboardTextSerializer = Extension.create({
       name: 'clipboardTextSerializer',
+      addOptions() {
+          return {
+              blockSeparator: undefined,
+          };
+      },
       addProseMirrorPlugins() {
           return [
               new state.Plugin({
@@ -1252,6 +1305,9 @@
                           const textSerializers = getTextSerializersFromSchema(schema);
                           const range = { from, to };
                           return getTextBetween(doc, range, {
+                              ...(this.options.blockSeparator !== undefined
+                                  ? { blockSeparator: this.options.blockSeparator }
+                                  : {}),
                               textSerializers,
                           });
                       },
@@ -1658,6 +1714,8 @@
           options = {
               parseOptions: {},
               updateSelection: true,
+              applyInputRules: false,
+              applyPasteRules: false,
               ...options,
           };
           const content = createNodeFromContent(value, editor.schema, {
@@ -1693,28 +1751,37 @@
                   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;
   };
@@ -3325,7 +3392,7 @@
       },
   });
 
-  var extensions = /*#__PURE__*/Object.freeze({
+  var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ClipboardTextSerializer: ClipboardTextSerializer,
     Commands: Commands,
@@ -3429,7 +3496,7 @@
           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;
@@ -3478,7 +3545,7 @@
       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 => {
@@ -3615,6 +3682,7 @@ img.ProseMirror-separator {
               editable: true,
               editorProps: {},
               parseOptions: {},
+              coreExtensionOptions: {},
               enableInputRules: true,
               enablePasteRules: true,
               enableCoreExtensions: true,
@@ -3760,7 +3828,17 @@ img.ProseMirror-separator {
        * 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);
           });
@@ -4631,7 +4709,7 @@ img.ProseMirror-separator {
   exports.deleteProps = deleteProps;
   exports.elementFromString = elementFromString;
   exports.escapeForRegEx = escapeForRegEx;
-  exports.extensions = extensions;
+  exports.extensions = index;
   exports.findChildren = findChildren;
   exports.findChildrenInRange = findChildrenInRange;
   exports.findDuplicates = findDuplicates;