@tiptap/vue-2 3.0.0-next.5 → 3.0.0-next.6

package/dist/menus/index.cjs

@@ -20,14 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/menus/index.ts
 var index_exports = {};
 __export(index_exports, {
-  BubbleMenu: () => BubbleMenu2,
-  FloatingMenu: () => FloatingMenu2
+  BubbleMenu: () => BubbleMenu,
+  FloatingMenu: () => FloatingMenu
 });
 module.exports = __toCommonJS(index_exports);
 
-// ../extension-bubble-menu/dist/index.js
-var import_core2 = require("@tiptap/core");
-
 // ../../node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
 var alignments = ["start", "end"];
@@ -1611,8 +1608,8 @@ var computePosition2 = (reference, floating, options) => {
   });
 };
 
-// ../extension-bubble-menu/dist/index.js
-var import_core3 = require("@tiptap/core");
+// ../extension-bubble-menu/src/bubble-menu-plugin.ts
+var import_core2 = require("@tiptap/core");
 var import_state = require("@tiptap/pm/state");
 var BubbleMenuView = class {
   constructor({
@@ -1637,12 +1634,12 @@ var BubbleMenuView = class {
       hide: false,
       inline: false
     };
-    this.shouldShow = ({ view: view2, state, from, to }) => {
+    this.shouldShow = ({ view, state, from, to }) => {
       const { doc, selection } = state;
       const { empty } = selection;
-      const isEmptyTextBlock = !doc.textBetween(from, to).length && (0, import_core3.isTextSelection)(state.selection);
+      const isEmptyTextBlock = !doc.textBetween(from, to).length && (0, import_core2.isTextSelection)(state.selection);
       const isChildOfMenu = this.element.contains(document.activeElement);
-      const hasEditorFocus = view2.hasFocus() || isChildOfMenu;
+      const hasEditorFocus = view.hasFocus() || isChildOfMenu;
       if (!hasEditorFocus || empty || isEmptyTextBlock || !this.editor.isEditable) {
         return false;
       }
@@ -1671,9 +1668,9 @@ var BubbleMenuView = class {
       }
       this.hide();
     };
-    this.handleDebouncedUpdate = (view2, oldState) => {
-      const selectionChanged = !(oldState == null ? void 0 : oldState.selection.eq(view2.state.selection));
-      const docChanged = !(oldState == null ? void 0 : oldState.doc.eq(view2.state.doc));
+    this.handleDebouncedUpdate = (view, oldState) => {
+      const selectionChanged = !(oldState == null ? void 0 : oldState.selection.eq(view.state.selection));
+      const docChanged = !(oldState == null ? void 0 : oldState.doc.eq(view.state.doc));
       if (!selectionChanged && !docChanged) {
         return;
       }
@@ -1681,17 +1678,17 @@ var BubbleMenuView = class {
         clearTimeout(this.updateDebounceTimer);
       }
       this.updateDebounceTimer = window.setTimeout(() => {
-        this.updateHandler(view2, selectionChanged, docChanged, oldState);
+        this.updateHandler(view, selectionChanged, docChanged, oldState);
       }, this.updateDelay);
     };
-    this.updateHandler = (view2, selectionChanged, docChanged, oldState) => {
-      const { composing } = view2;
+    this.updateHandler = (view, selectionChanged, docChanged, oldState) => {
+      const { composing } = view;
       const isSame = !selectionChanged && !docChanged;
       if (composing || isSame) {
         return;
       }
-      const shouldShow2 = this.getShouldShow(oldState);
-      if (!shouldShow2) {
+      const shouldShow = this.getShouldShow(oldState);
+      if (!shouldShow) {
         this.hide();
         return;
       }
@@ -1768,7 +1765,7 @@ var BubbleMenuView = class {
   updatePosition() {
     const { selection } = this.editor.state;
     const virtualElement = {
-      getBoundingClientRect: () => (0, import_core3.posToDOMRect)(this.view, selection.from, selection.to)
+      getBoundingClientRect: () => (0, import_core2.posToDOMRect)(this.view, selection.from, selection.to)
     };
     computePosition2(virtualElement, this.element, {
       placement: this.floatingUIOptions.placement,
@@ -1835,34 +1832,9 @@ var BubbleMenuPlugin = (options) => {
     view: (view) => new BubbleMenuView({ view, ...options })
   });
 };
-var BubbleMenu = import_core2.Extension.create({
-  name: "bubbleMenu",
-  addOptions() {
-    return {
-      element: null,
-      pluginKey: "bubbleMenu",
-      updateDelay: void 0,
-      shouldShow: null
-    };
-  },
-  addProseMirrorPlugins() {
-    if (!this.options.element) {
-      return [];
-    }
-    return [
-      BubbleMenuPlugin({
-        pluginKey: this.options.pluginKey,
-        editor: this.editor,
-        element: this.options.element,
-        updateDelay: this.options.updateDelay,
-        shouldShow: this.options.shouldShow
-      })
-    ];
-  }
-});
 
 // src/menus/BubbleMenu.ts
-var BubbleMenu2 = {
+var BubbleMenu = {
   name: "BubbleMenu",
   props: {
     pluginKey: {
@@ -1923,19 +1895,18 @@ var BubbleMenu2 = {
   }
 };
 
-// ../extension-floating-menu/dist/index.js
-var import_core4 = require("@tiptap/core");
-var import_core5 = require("@tiptap/core");
+// ../extension-floating-menu/src/floating-menu-plugin.ts
+var import_core3 = require("@tiptap/core");
 var import_state2 = require("@tiptap/pm/state");
 var FloatingMenuView = class {
   constructor({ editor, element, view, options, shouldShow }) {
     this.preventHide = false;
-    this.shouldShow = ({ view: view2, state }) => {
+    this.shouldShow = ({ view, state }) => {
       const { selection } = state;
       const { $anchor, empty } = selection;
       const isRootDepth = $anchor.depth === 1;
       const isEmptyTextBlock = $anchor.parent.isTextblock && !$anchor.parent.type.spec.code && !$anchor.parent.textContent && $anchor.parent.childCount === 0 && !this.getTextContent($anchor.parent);
-      if (!view2.hasFocus() || !empty || !isRootDepth || !isEmptyTextBlock || !this.editor.isEditable) {
+      if (!view.hasFocus() || !empty || !isRootDepth || !isEmptyTextBlock || !this.editor.isEditable) {
         return false;
       }
       return true;
@@ -1952,14 +1923,14 @@ var FloatingMenuView = class {
       hide: false,
       inline: false
     };
-    this.updateHandler = (view2, selectionChanged, docChanged, oldState) => {
-      const { composing } = view2;
+    this.updateHandler = (view, selectionChanged, docChanged, oldState) => {
+      const { composing } = view;
       const isSame = !selectionChanged && !docChanged;
       if (composing || isSame) {
         return;
       }
-      const shouldShow2 = this.getShouldShow(oldState);
-      if (!shouldShow2) {
+      const shouldShow = this.getShouldShow(oldState);
+      if (!shouldShow) {
         this.hide();
         return;
       }
@@ -2005,7 +1976,7 @@ var FloatingMenuView = class {
     }
   }
   getTextContent(node) {
-    return (0, import_core5.getText)(node, { textSerializers: (0, import_core5.getTextSerializersFromSchema)(this.editor.schema) });
+    return (0, import_core3.getText)(node, { textSerializers: (0, import_core3.getTextSerializersFromSchema)(this.editor.schema) });
   }
   get middlewares() {
     const middlewares = [];
@@ -2065,7 +2036,7 @@ var FloatingMenuView = class {
   updatePosition() {
     const { selection } = this.editor.state;
     const virtualElement = {
-      getBoundingClientRect: () => (0, import_core5.posToDOMRect)(this.view, selection.from, selection.to)
+      getBoundingClientRect: () => (0, import_core3.posToDOMRect)(this.view, selection.from, selection.to)
     };
     computePosition2(virtualElement, this.element, {
       placement: this.floatingUIOptions.placement,
@@ -2107,34 +2078,9 @@ var FloatingMenuPlugin = (options) => {
     view: (view) => new FloatingMenuView({ view, ...options })
   });
 };
-var FloatingMenu = import_core4.Extension.create({
-  name: "floatingMenu",
-  addOptions() {
-    return {
-      element: null,
-      options: {},
-      pluginKey: "floatingMenu",
-      shouldShow: null
-    };
-  },
-  addProseMirrorPlugins() {
-    if (!this.options.element) {
-      return [];
-    }
-    return [
-      FloatingMenuPlugin({
-        pluginKey: this.options.pluginKey,
-        editor: this.editor,
-        element: this.options.element,
-        options: this.options.options,
-        shouldShow: this.options.shouldShow
-      })
-    ];
-  }
-});
 
 // src/menus/FloatingMenu.ts
-var FloatingMenu2 = {
+var FloatingMenu = {
   name: "FloatingMenu",
   props: {
     pluginKey: {