@tiptap/core 2.7.3 → 2.8.0

package/dist/index.umd.js

@@ -777,6 +777,123 @@
       return plugin;
   }
 
+  // see: https://github.com/mesqueeb/is-what/blob/88d6e4ca92fb2baab6003c54e02eedf4e729e5ab/src/index.ts
+  function getType(value) {
+      return Object.prototype.toString.call(value).slice(8, -1);
+  }
+  function isPlainObject(value) {
+      if (getType(value) !== 'Object') {
+          return false;
+      }
+      return value.constructor === Object && Object.getPrototypeOf(value) === Object.prototype;
+  }
+
+  function mergeDeep(target, source) {
+      const output = { ...target };
+      if (isPlainObject(target) && isPlainObject(source)) {
+          Object.keys(source).forEach(key => {
+              if (isPlainObject(source[key]) && isPlainObject(target[key])) {
+                  output[key] = mergeDeep(target[key], source[key]);
+              }
+              else {
+                  output[key] = source[key];
+              }
+          });
+      }
+      return output;
+  }
+
+  /**
+   * The Mark class is used to create custom mark extensions.
+   * @see https://tiptap.dev/api/extensions#create-a-new-extension
+   */
+  class Mark {
+      constructor(config = {}) {
+          this.type = 'mark';
+          this.name = 'mark';
+          this.parent = null;
+          this.child = null;
+          this.config = {
+              name: this.name,
+              defaultOptions: {},
+          };
+          this.config = {
+              ...this.config,
+              ...config,
+          };
+          this.name = this.config.name;
+          if (config.defaultOptions && Object.keys(config.defaultOptions).length > 0) {
+              console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`);
+          }
+          // TODO: remove `addOptions` fallback
+          this.options = this.config.defaultOptions;
+          if (this.config.addOptions) {
+              this.options = callOrReturn(getExtensionField(this, 'addOptions', {
+                  name: this.name,
+              }));
+          }
+          this.storage = callOrReturn(getExtensionField(this, 'addStorage', {
+              name: this.name,
+              options: this.options,
+          })) || {};
+      }
+      static create(config = {}) {
+          return new Mark(config);
+      }
+      configure(options = {}) {
+          // return a new instance so we can use the same extension
+          // with different calls of `configure`
+          const extension = this.extend({
+              ...this.config,
+              addOptions: () => {
+                  return mergeDeep(this.options, options);
+              },
+          });
+          // Always preserve the current name
+          extension.name = this.name;
+          // Set the parent to be our parent
+          extension.parent = this.parent;
+          return extension;
+      }
+      extend(extendedConfig = {}) {
+          const extension = new Mark(extendedConfig);
+          extension.parent = this;
+          this.child = extension;
+          extension.name = extendedConfig.name ? extendedConfig.name : extension.parent.name;
+          if (extendedConfig.defaultOptions && Object.keys(extendedConfig.defaultOptions).length > 0) {
+              console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${extension.name}".`);
+          }
+          extension.options = callOrReturn(getExtensionField(extension, 'addOptions', {
+              name: extension.name,
+          }));
+          extension.storage = callOrReturn(getExtensionField(extension, 'addStorage', {
+              name: extension.name,
+              options: extension.options,
+          }));
+          return extension;
+      }
+      static handleExit({ editor, mark }) {
+          const { tr } = editor.state;
+          const currentPos = editor.state.selection.$from;
+          const isAtEnd = currentPos.pos === currentPos.end();
+          if (isAtEnd) {
+              const currentMarks = currentPos.marks();
+              const isInMark = !!currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+              if (!isInMark) {
+                  return false;
+              }
+              const removeMark = currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
+              if (removeMark) {
+                  tr.removeStoredMark(removeMark);
+              }
+              tr.insertText(' ', currentPos.pos);
+              editor.view.dispatch(tr);
+              return true;
+          }
+          return false;
+      }
+  }
+
   function isNumber(value) {
       return typeof value === 'number';
   }
@@ -1236,32 +1353,6 @@
       }
   }
 
-  // see: https://github.com/mesqueeb/is-what/blob/88d6e4ca92fb2baab6003c54e02eedf4e729e5ab/src/index.ts
-  function getType(value) {
-      return Object.prototype.toString.call(value).slice(8, -1);
-  }
-  function isPlainObject(value) {
-      if (getType(value) !== 'Object') {
-          return false;
-      }
-      return value.constructor === Object && Object.getPrototypeOf(value) === Object.prototype;
-  }
-
-  function mergeDeep(target, source) {
-      const output = { ...target };
-      if (isPlainObject(target) && isPlainObject(source)) {
-          Object.keys(source).forEach(key => {
-              if (isPlainObject(source[key]) && isPlainObject(target[key])) {
-                  output[key] = mergeDeep(target[key], source[key]);
-              }
-              else {
-                  output[key] = source[key];
-              }
-          });
-      }
-      return output;
-  }
-
   /**
    * The Extension class is the base class for all extensions.
    * @see https://tiptap.dev/api/extensions#create-a-new-extension
@@ -3545,6 +3636,27 @@
       },
   });
 
+  const Drop = Extension.create({
+      name: 'drop',
+      addProseMirrorPlugins() {
+          return [
+              new state.Plugin({
+                  key: new state.PluginKey('tiptapDrop'),
+                  props: {
+                      handleDrop: (_, e, slice, moved) => {
+                          this.editor.emit('drop', {
+                              editor: this.editor,
+                              event: e,
+                              slice,
+                              moved,
+                          });
+                      },
+                  },
+              }),
+          ];
+      },
+  });
+
   const Editable = Extension.create({
       name: 'editable',
       addProseMirrorPlugins() {
@@ -3709,6 +3821,26 @@
       },
   });
 
+  const Paste = Extension.create({
+      name: 'paste',
+      addProseMirrorPlugins() {
+          return [
+              new state.Plugin({
+                  key: new state.PluginKey('tiptapPaste'),
+                  props: {
+                      handlePaste: (_view, e, slice) => {
+                          this.editor.emit('paste', {
+                              editor: this.editor,
+                              event: e,
+                              slice,
+                          });
+                      },
+                  },
+              }),
+          ];
+      },
+  });
+
   const Tabindex = Extension.create({
       name: 'tabindex',
       addProseMirrorPlugins() {
@@ -3727,9 +3859,11 @@
     __proto__: null,
     ClipboardTextSerializer: ClipboardTextSerializer,
     Commands: Commands,
+    Drop: Drop,
     Editable: Editable,
     FocusEvents: FocusEvents,
     Keymap: Keymap,
+    Paste: Paste,
     Tabindex: Tabindex
   });
 
@@ -3909,28 +4043,6 @@
       }
   }
 
-  const DropPlugin = (onDrop) => {
-      return new state.Plugin({
-          key: new state.PluginKey('tiptapDrop'),
-          props: {
-              handleDrop: (_, e, slice, moved) => {
-                  onDrop(e, slice, moved);
-              },
-          },
-      });
-  };
-
-  const PastePlugin = (onPaste) => {
-      return new state.Plugin({
-          key: new state.PluginKey('tiptapPaste'),
-          props: {
-              handlePaste: (_view, e, slice) => {
-                  onPaste(e, slice);
-              },
-          },
-      });
-  };
-
   const style = `.ProseMirror {
   position: relative;
 }
@@ -4076,12 +4188,8 @@ img.ProseMirror-separator {
           this.on('focus', this.options.onFocus);
           this.on('blur', this.options.onBlur);
           this.on('destroy', this.options.onDestroy);
-          if (this.options.onPaste) {
-              this.registerPlugin(PastePlugin(this.options.onPaste));
-          }
-          if (this.options.onDrop) {
-              this.registerPlugin(DropPlugin(this.options.onDrop));
-          }
+          this.on('drop', ({ event, slice, moved }) => this.options.onDrop(event, slice, moved));
+          this.on('paste', ({ event, slice }) => this.options.onPaste(event, slice));
           window.setTimeout(() => {
               if (this.isDestroyed) {
                   return;
@@ -4213,6 +4321,8 @@ img.ProseMirror-separator {
               FocusEvents,
               Keymap,
               Tabindex,
+              Drop,
+              Paste,
           ].filter(ext => {
               if (typeof this.options.enableCoreExtensions === 'object') {
                   return this.options.enableCoreExtensions[ext.name] !== false;
@@ -4430,6 +4540,12 @@ img.ProseMirror-separator {
       destroy() {
           this.emit('destroy');
           if (this.view) {
+              // Cleanup our reference to prevent circular references which caused memory leaks
+              // @ts-ignore
+              const dom = this.view.dom;
+              if (dom && dom.editor) {
+                  delete dom.editor;
+              }
               this.view.destroy();
           }
           this.removeAllListeners();
@@ -4644,97 +4760,6 @@ img.ProseMirror-separator {
       });
   }
 
-  /**
-   * The Mark class is used to create custom mark extensions.
-   * @see https://tiptap.dev/api/extensions#create-a-new-extension
-   */
-  class Mark {
-      constructor(config = {}) {
-          this.type = 'mark';
-          this.name = 'mark';
-          this.parent = null;
-          this.child = null;
-          this.config = {
-              name: this.name,
-              defaultOptions: {},
-          };
-          this.config = {
-              ...this.config,
-              ...config,
-          };
-          this.name = this.config.name;
-          if (config.defaultOptions && Object.keys(config.defaultOptions).length > 0) {
-              console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`);
-          }
-          // TODO: remove `addOptions` fallback
-          this.options = this.config.defaultOptions;
-          if (this.config.addOptions) {
-              this.options = callOrReturn(getExtensionField(this, 'addOptions', {
-                  name: this.name,
-              }));
-          }
-          this.storage = callOrReturn(getExtensionField(this, 'addStorage', {
-              name: this.name,
-              options: this.options,
-          })) || {};
-      }
-      static create(config = {}) {
-          return new Mark(config);
-      }
-      configure(options = {}) {
-          // return a new instance so we can use the same extension
-          // with different calls of `configure`
-          const extension = this.extend({
-              ...this.config,
-              addOptions: () => {
-                  return mergeDeep(this.options, options);
-              },
-          });
-          // Always preserve the current name
-          extension.name = this.name;
-          // Set the parent to be our parent
-          extension.parent = this.parent;
-          return extension;
-      }
-      extend(extendedConfig = {}) {
-          const extension = new Mark(extendedConfig);
-          extension.parent = this;
-          this.child = extension;
-          extension.name = extendedConfig.name ? extendedConfig.name : extension.parent.name;
-          if (extendedConfig.defaultOptions && Object.keys(extendedConfig.defaultOptions).length > 0) {
-              console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${extension.name}".`);
-          }
-          extension.options = callOrReturn(getExtensionField(extension, 'addOptions', {
-              name: extension.name,
-          }));
-          extension.storage = callOrReturn(getExtensionField(extension, 'addStorage', {
-              name: extension.name,
-              options: extension.options,
-          }));
-          return extension;
-      }
-      static handleExit({ editor, mark }) {
-          const { tr } = editor.state;
-          const currentPos = editor.state.selection.$from;
-          const isAtEnd = currentPos.pos === currentPos.end();
-          if (isAtEnd) {
-              const currentMarks = currentPos.marks();
-              const isInMark = !!currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
-              if (!isInMark) {
-                  return false;
-              }
-              const removeMark = currentMarks.find(m => (m === null || m === void 0 ? void 0 : m.type.name) === mark.name);
-              if (removeMark) {
-                  tr.removeStoredMark(removeMark);
-              }
-              tr.insertText(' ', currentPos.pos);
-              editor.view.dispatch(tr);
-              return true;
-          }
-          return false;
-      }
-  }
-
   /**
    * The Node class is used to create custom node extensions.
    * @see https://tiptap.dev/api/extensions#create-a-new-extension
@@ -5155,7 +5180,6 @@ img.ProseMirror-separator {
   }
 
   exports.CommandManager = CommandManager;
-  exports.DropPlugin = DropPlugin;
   exports.Editor = Editor;
   exports.Extension = Extension;
   exports.InputRule = InputRule;
@@ -5163,7 +5187,6 @@ img.ProseMirror-separator {
   exports.Node = Node;
   exports.NodePos = NodePos;
   exports.NodeView = NodeView;
-  exports.PastePlugin = PastePlugin;
   exports.PasteRule = PasteRule;
   exports.Tracker = Tracker;
   exports.callOrReturn = callOrReturn;