@tiptap/vue-2 - npm Package Compare versions

Comparing version 2.0.0-beta.42 to 2.0.0-beta.43

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [2.0.0-beta.43](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-2@2.0.0-beta.42...@tiptap/vue-2@2.0.0-beta.43) (2021-08-11)
+
+
+### Features
+
+* add key option and shouldShow option to menus (fix [#1480](https://github.com/ueberdosis/tiptap/issues/1480), fix [#1043](https://github.com/ueberdosis/tiptap/issues/1043), fix [#1268](https://github.com/ueberdosis/tiptap/issues/1268), fix [#1503](https://github.com/ueberdosis/tiptap/issues/1503)) ([9ba61c1](https://github.com/ueberdosis/tiptap/commit/9ba61c1582cee838f2214d00285773ace2fb229e))
+
+
+
+
+
 # [2.0.0-beta.42](https://github.com/ueberdosis/tiptap/compare/@tiptap/vue-2@2.0.0-beta.41...@tiptap/vue-2@2.0.0-beta.42) (2021-07-28)
@@ -8,0 +19,0 @@

dist/packages/vue-2/src/BubbleMenu.d.ts

 import Vue, { Component } from 'vue';
 import { BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu';
 export interface BubbleMenuInterface extends Vue {
+    pluginKey: BubbleMenuPluginProps['key'];
+    editor: BubbleMenuPluginProps['editor'];
     tippyOptions: BubbleMenuPluginProps['tippyOptions'];
-    editor: BubbleMenuPluginProps['editor'];
+    shouldShow: BubbleMenuPluginProps['shouldShow'];
 }
 export declare const BubbleMenu: Component;

dist/packages/vue-2/src/FloatingMenu.d.ts

 import Vue, { Component } from 'vue';
 import { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu';
 export interface FloatingMenuInterface extends Vue {
+    pluginKey: FloatingMenuPluginProps['key'];
     tippyOptions: FloatingMenuPluginProps['tippyOptions'];
     editor: FloatingMenuPluginProps['editor'];
+    shouldShow: FloatingMenuPluginProps['shouldShow'];
 }
 export declare const FloatingMenu: Component;

dist/tiptap-vue-2.cjs.js

@@ -17,2 +17,6 @@ 'use strict';
     props: {
+        pluginKey: {
+            type: [String, Object],
+            default: 'bubbleMenu',
+        },
         editor: {
@@ -26,2 +30,6 @@ type: Object,
         },
+        shouldShow: {
+            type: Function,
+            default: null,
+        },
     },
@@ -37,5 +45,7 @@ watch: {
                     editor.registerPlugin(extensionBubbleMenu.BubbleMenuPlugin({
+                        key: this.pluginKey,
                         editor,
                         element: this.$el,
                         tippyOptions: this.tippyOptions,
+                        shouldShow: this.shouldShow,
                     }));
@@ -50,3 +60,3 @@ });
     beforeDestroy() {
-        this.editor.unregisterPlugin(extensionBubbleMenu.BubbleMenuPluginKey);
+        this.editor.unregisterPlugin(this.pluginKey);
     },
@@ -119,2 +129,6 @@ };
     props: {
+        pluginKey: {
+            type: [String, Object],
+            default: 'floatingMenu',
+        },
         editor: {
@@ -128,2 +142,6 @@ type: Object,
         },
+        shouldShow: {
+            type: Function,
+            default: null,
+        },
     },
@@ -139,5 +157,7 @@ watch: {
                     editor.registerPlugin(extensionFloatingMenu.FloatingMenuPlugin({
+                        key: this.pluginKey,
                         editor,
                         element: this.$el,
                         tippyOptions: this.tippyOptions,
+                        shouldShow: this.shouldShow,
                     }));
@@ -152,3 +172,3 @@ });
     beforeDestroy() {
-        this.editor.unregisterPlugin(extensionFloatingMenu.FloatingMenuPluginKey);
+        this.editor.unregisterPlugin(this.pluginKey);
     },
@@ -155,0 +175,0 @@ };

dist/tiptap-vue-2.esm.js

 import { Editor as Editor$1, NodeView } from '@tiptap/core';
 export * from '@tiptap/core';
-import { BubbleMenuPlugin, BubbleMenuPluginKey } from '@tiptap/extension-bubble-menu';
-import { FloatingMenuPlugin, FloatingMenuPluginKey } from '@tiptap/extension-floating-menu';
+import { BubbleMenuPlugin } from '@tiptap/extension-bubble-menu';
+import { FloatingMenuPlugin } from '@tiptap/extension-floating-menu';
 import Vue from 'vue';
@@ -10,2 +10,6 @@
     props: {
+        pluginKey: {
+            type: [String, Object],
+            default: 'bubbleMenu',
+        },
         editor: {
@@ -19,2 +23,6 @@ type: Object,
         },
+        shouldShow: {
+            type: Function,
+            default: null,
+        },
     },
@@ -30,5 +38,7 @@ watch: {
                     editor.registerPlugin(BubbleMenuPlugin({
+                        key: this.pluginKey,
                         editor,
                         element: this.$el,
                         tippyOptions: this.tippyOptions,
+                        shouldShow: this.shouldShow,
                     }));
@@ -43,3 +53,3 @@ });
     beforeDestroy() {
-        this.editor.unregisterPlugin(BubbleMenuPluginKey);
+        this.editor.unregisterPlugin(this.pluginKey);
     },
@@ -112,2 +122,6 @@ };
     props: {
+        pluginKey: {
+            type: [String, Object],
+            default: 'floatingMenu',
+        },
         editor: {
@@ -121,2 +135,6 @@ type: Object,
         },
+        shouldShow: {
+            type: Function,
+            default: null,
+        },
     },
@@ -132,5 +150,7 @@ watch: {
                     editor.registerPlugin(FloatingMenuPlugin({
+                        key: this.pluginKey,
                         editor,
                         element: this.$el,
                         tippyOptions: this.tippyOptions,
+                        shouldShow: this.shouldShow,
                     }));
@@ -145,3 +165,3 @@ });
     beforeDestroy() {
-        this.editor.unregisterPlugin(FloatingMenuPluginKey);
+        this.editor.unregisterPlugin(this.pluginKey);
     },
@@ -148,0 +168,0 @@ };

dist/tiptap-vue-2.umd.js

@@ -14,2 +14,6 @@ (function (global, factory) {
       props: {
+          pluginKey: {
+              type: [String, Object],
+              default: 'bubbleMenu',
+          },
           editor: {
@@ -23,2 +27,6 @@ type: Object,
           },
+          shouldShow: {
+              type: Function,
+              default: null,
+          },
       },
@@ -34,5 +42,7 @@ watch: {
                       editor.registerPlugin(extensionBubbleMenu.BubbleMenuPlugin({
+                          key: this.pluginKey,
                           editor,
                           element: this.$el,
                           tippyOptions: this.tippyOptions,
+                          shouldShow: this.shouldShow,
                       }));
@@ -47,3 +57,3 @@ });
       beforeDestroy() {
-          this.editor.unregisterPlugin(extensionBubbleMenu.BubbleMenuPluginKey);
+          this.editor.unregisterPlugin(this.pluginKey);
       },
@@ -116,2 +126,6 @@ };
       props: {
+          pluginKey: {
+              type: [String, Object],
+              default: 'floatingMenu',
+          },
           editor: {
@@ -125,2 +139,6 @@ type: Object,
           },
+          shouldShow: {
+              type: Function,
+              default: null,
+          },
       },
@@ -136,5 +154,7 @@ watch: {
                       editor.registerPlugin(extensionFloatingMenu.FloatingMenuPlugin({
+                          key: this.pluginKey,
                           editor,
                           element: this.$el,
                           tippyOptions: this.tippyOptions,
+                          shouldShow: this.shouldShow,
                       }));
@@ -149,3 +169,3 @@ });
       beforeDestroy() {
-          this.editor.unregisterPlugin(extensionFloatingMenu.FloatingMenuPluginKey);
+          this.editor.unregisterPlugin(this.pluginKey);
       },
@@ -152,0 +172,0 @@ };

package.json

 {
   "name": "@tiptap/vue-2",
   "description": "Vue components for tiptap",
-  "version": "2.0.0-beta.42",
+  "version": "2.0.0-beta.43",
   "homepage": "https://tiptap.dev",
@@ -28,4 +28,4 @@ "keywords": [
   "dependencies": {
-    "@tiptap/extension-bubble-menu": "^2.0.0-beta.25",
-    "@tiptap/extension-floating-menu": "^2.0.0-beta.19",
+    "@tiptap/extension-bubble-menu": "^2.0.0-beta.26",
+    "@tiptap/extension-floating-menu": "^2.0.0-beta.20",
     "prosemirror-view": "^1.18.11"
@@ -38,3 +38,3 @@ },
   },
-  "gitHead": "eb27b1fbb1ba0cd20bde7ae4b414f64a97aebf6f"
+  "gitHead": "f57466ccd009985bda4c928aedbc50e2b8be0c79"
 }

src/BubbleMenu.ts

 import Vue, { Component, PropType } from 'vue'
-import { BubbleMenuPlugin, BubbleMenuPluginKey, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 
 export interface BubbleMenuInterface extends Vue {
+  pluginKey: BubbleMenuPluginProps['key'],
+  editor: BubbleMenuPluginProps['editor'],
   tippyOptions: BubbleMenuPluginProps['tippyOptions'],
-  editor: BubbleMenuPluginProps['editor'],
+  shouldShow: BubbleMenuPluginProps['shouldShow'],
 }
@@ -13,2 +15,7 @@
   props: {
+    pluginKey: {
+      type: [String, Object as PropType<Exclude<BubbleMenuPluginProps['key'], string>>],
+      default: 'bubbleMenu',
+    },
+
     editor: {
@@ -23,2 +30,7 @@ type: Object as PropType<BubbleMenuPluginProps['editor']>,
     },
+
+    shouldShow: {
+      type: Function as PropType<Exclude<BubbleMenuPluginProps['shouldShow'], null>>,
+      default: null,
+    },
   },
@@ -36,5 +48,7 @@
           editor.registerPlugin(BubbleMenuPlugin({
+            key: this.pluginKey,
             editor,
             element: this.$el as HTMLElement,
             tippyOptions: this.tippyOptions,
+            shouldShow: this.shouldShow,
           }))
@@ -51,4 +65,4 @@ })
   beforeDestroy(this: BubbleMenuInterface) {
-    this.editor.unregisterPlugin(BubbleMenuPluginKey)
+    this.editor.unregisterPlugin(this.pluginKey)
   },
 }

src/FloatingMenu.ts

 import Vue, { Component, PropType } from 'vue'
-import { FloatingMenuPlugin, FloatingMenuPluginKey, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 
 export interface FloatingMenuInterface extends Vue {
+  pluginKey: FloatingMenuPluginProps['key'],
   tippyOptions: FloatingMenuPluginProps['tippyOptions'],
   editor: FloatingMenuPluginProps['editor'],
+  shouldShow: FloatingMenuPluginProps['shouldShow'],
 }
@@ -13,2 +15,7 @@
   props: {
+    pluginKey: {
+      type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['key'], string>>],
+      default: 'floatingMenu',
+    },
+
     editor: {
@@ -23,2 +30,7 @@ type: Object as PropType<FloatingMenuPluginProps['editor']>,
     },
+
+    shouldShow: {
+      type: Function as PropType<Exclude<FloatingMenuPluginProps['shouldShow'], null>>,
+      default: null,
+    },
   },
@@ -36,5 +48,7 @@
           editor.registerPlugin(FloatingMenuPlugin({
+            key: this.pluginKey,
             editor,
             element: this.$el as HTMLElement,
             tippyOptions: this.tippyOptions,
+            shouldShow: this.shouldShow,
           }))
@@ -51,4 +65,4 @@ })
   beforeDestroy(this: FloatingMenuInterface) {
-    this.editor.unregisterPlugin(FloatingMenuPluginKey)
+    this.editor.unregisterPlugin(this.pluginKey)
   },
 }

No alert changes

Improved metrics

Total package byte prevSize

126068

increased by5.96%

Lines of code

1679

increased by5.53%

Dependency changes

• Updated@tiptap/extension-bubble-menu@^2.0.0-beta.26

• Updated@tiptap/extension-floating-menu@^2.0.0-beta.20