add basic floating menu

packages/extension-floating-menu/src/floating-menu.ts

@@ -0,0 +1,27 @@
+import { Extension } from '@tiptap/core'
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from './floating-menu-plugin'
+
+export type FloatingMenuOptions = Omit<FloatingMenuPluginProps, 'editor' | 'element'> & {
+  element: HTMLElement | null,
+}
+
+export const FloatingMenu = Extension.create<FloatingMenuOptions>({
+  name: 'bubbleMenu',
+
+  defaultOptions: {
+    element: null,
+  },
+
+  addProseMirrorPlugins() {
+    if (!this.options.element) {
+      return []
+    }
+
+    return [
+      FloatingMenuPlugin({
+        editor: this.editor,
+        element: this.options.element,
+      }),
+    ]
+  },
+})