@tiptap/vue-3 3.0.0 → 3.0.2

package/dist/packages/vue-3/src/FloatingMenu.d.ts

@@ -1,48 +0,0 @@
-import { FloatingMenuPluginProps } from '@tiptap/extension-floating-menu';
-import { PropType } from 'vue';
-export declare const FloatingMenu: import("vue").DefineComponent<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<FloatingMenuPluginProps["editor"]>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<FloatingMenuPluginProps["tippyOptions"]>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<Exclude<Required<FloatingMenuPluginProps>["shouldShow"], null>>;
-        default: null;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<FloatingMenuPluginProps["editor"]>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<FloatingMenuPluginProps["tippyOptions"]>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<Exclude<Required<FloatingMenuPluginProps>["shouldShow"], null>>;
-        default: null;
-    };
-}>>, {
-    tippyOptions: Partial<import("tippy.js").Props> | undefined;
-    shouldShow: (props: {
-        editor: import("@tiptap/core").Editor;
-        view: import("prosemirror-view").EditorView;
-        state: import("prosemirror-state").EditorState;
-        oldState?: import("prosemirror-state").EditorState;
-    }) => boolean;
-    pluginKey: any;
-}, {}>;

package/dist/packages/vue-3/src/NodeViewContent.d.ts

@@ -1,13 +0,0 @@
-export declare const NodeViewContent: import("vue").DefineComponent<{
-    as: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    as: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    as: string;
-}, {}>;

package/dist/packages/vue-3/src/NodeViewWrapper.d.ts

@@ -1,13 +0,0 @@
-export declare const NodeViewWrapper: import("vue").DefineComponent<{
-    as: {
-        type: StringConstructor;
-        default: string;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    as: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    as: string;
-}, {}>;

package/dist/packages/vue-3/src/VueNodeViewRenderer.d.ts

@@ -1,48 +0,0 @@
-import { NodeViewProps, NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
-import { Node as ProseMirrorNode } from '@tiptap/pm/model';
-import { Decoration } from '@tiptap/pm/view';
-import { Component, PropType } from 'vue';
-export declare const nodeViewProps: {
-    editor: {
-        type: PropType<NodeViewProps["editor"]>;
-        required: true;
-    };
-    node: {
-        type: PropType<NodeViewProps["node"]>;
-        required: true;
-    };
-    decorations: {
-        type: PropType<NodeViewProps["decorations"]>;
-        required: true;
-    };
-    selected: {
-        type: PropType<NodeViewProps["selected"]>;
-        required: true;
-    };
-    extension: {
-        type: PropType<NodeViewProps["extension"]>;
-        required: true;
-    };
-    getPos: {
-        type: PropType<NodeViewProps["getPos"]>;
-        required: true;
-    };
-    updateAttributes: {
-        type: PropType<NodeViewProps["updateAttributes"]>;
-        required: true;
-    };
-    deleteNode: {
-        type: PropType<NodeViewProps["deleteNode"]>;
-        required: true;
-    };
-};
-export interface VueNodeViewRendererOptions extends NodeViewRendererOptions {
-    update: ((props: {
-        oldNode: ProseMirrorNode;
-        oldDecorations: Decoration[];
-        newNode: ProseMirrorNode;
-        newDecorations: Decoration[];
-        updateProps: () => void;
-    }) => boolean) | null;
-}
-export declare function VueNodeViewRenderer(component: Component, options?: Partial<VueNodeViewRendererOptions>): NodeViewRenderer;

package/dist/packages/vue-3/src/VueRenderer.d.ts

@@ -1,36 +0,0 @@
-import { Editor } from '@tiptap/core';
-import { Component, h } from 'vue';
-import { Editor as ExtendedEditor } from './Editor.js';
-export interface VueRendererOptions {
-    editor: Editor;
-    props?: Record<string, any>;
-}
-type ExtendedVNode = ReturnType<typeof h> | null;
-interface RenderedComponent {
-    vNode: ExtendedVNode;
-    destroy: () => void;
-    el: Element | null;
-}
-/**
- * This class is used to render Vue components inside the editor.
- */
-export declare class VueRenderer {
-    id: string;
-    renderedComponent: RenderedComponent;
-    editor: ExtendedEditor;
-    component: Component;
-    el: Element | null;
-    props: Record<string, any>;
-    constructor(component: Component, { props, editor }: VueRendererOptions);
-    get element(): Element | null;
-    renderComponent(): {
-        vNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>;
-        destroy: () => void;
-        el: Element | null;
-    };
-    updateProps(props?: Record<string, any>): void;
-    destroy(): void;
-}
-export {};

package/dist/packages/vue-3/src/index.d.ts

@@ -1,10 +0,0 @@
-export * from './BubbleMenu.js';
-export { Editor } from './Editor.js';
-export * from './EditorContent.js';
-export * from './FloatingMenu.js';
-export * from './NodeViewContent.js';
-export * from './NodeViewWrapper.js';
-export * from './useEditor.js';
-export * from './VueNodeViewRenderer.js';
-export * from './VueRenderer.js';
-export * from '@tiptap/core';

package/dist/packages/vue-3/src/useEditor.d.ts

@@ -1,3 +0,0 @@
-import { EditorOptions } from '@tiptap/core';
-import { Editor } from './Editor.js';
-export declare const useEditor: (options?: Partial<EditorOptions>) => import("vue").ShallowRef<Editor | undefined>;

package/src/BubbleMenu.ts

@@ -1,71 +0,0 @@
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
-import {
-  defineComponent,
-  h,
-  onBeforeUnmount,
-  onMounted,
-  PropType,
-  ref,
-} from 'vue'
-
-export const BubbleMenu = defineComponent({
-  name: 'BubbleMenu',
-
-  props: {
-    pluginKey: {
-      type: [String, Object] as PropType<BubbleMenuPluginProps['pluginKey']>,
-      default: 'bubbleMenu',
-    },
-
-    editor: {
-      type: Object as PropType<BubbleMenuPluginProps['editor']>,
-      required: true,
-    },
-
-    updateDelay: {
-      type: Number as PropType<BubbleMenuPluginProps['updateDelay']>,
-      default: undefined,
-    },
-
-    tippyOptions: {
-      type: Object as PropType<BubbleMenuPluginProps['tippyOptions']>,
-      default: () => ({}),
-    },
-
-    shouldShow: {
-      type: Function as PropType<Exclude<Required<BubbleMenuPluginProps>['shouldShow'], null>>,
-      default: null,
-    },
-  },
-
-  setup(props, { slots }) {
-    const root = ref<HTMLElement | null>(null)
-
-    onMounted(() => {
-      const {
-        updateDelay,
-        editor,
-        pluginKey,
-        shouldShow,
-        tippyOptions,
-      } = props
-
-      editor.registerPlugin(BubbleMenuPlugin({
-        updateDelay,
-        editor,
-        element: root.value as HTMLElement,
-        pluginKey,
-        shouldShow,
-        tippyOptions,
-      }))
-    })
-
-    onBeforeUnmount(() => {
-      const { pluginKey, editor } = props
-
-      editor.unregisterPlugin(pluginKey)
-    })
-
-    return () => h('div', { ref: root }, slots.default?.())
-  },
-})

package/src/FloatingMenu.ts

@@ -1,66 +0,0 @@
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
-import {
-  defineComponent,
-  h,
-  onBeforeUnmount,
-  onMounted,
-  PropType,
-  ref,
-} from 'vue'
-
-export const FloatingMenu = defineComponent({
-  name: 'FloatingMenu',
-
-  props: {
-    pluginKey: {
-      // TODO: TypeScript breaks :(
-      // type: [String, Object as PropType<Exclude<FloatingMenuPluginProps['pluginKey'], string>>],
-      type: null,
-      default: 'floatingMenu',
-    },
-
-    editor: {
-      type: Object as PropType<FloatingMenuPluginProps['editor']>,
-      required: true,
-    },
-
-    tippyOptions: {
-      type: Object as PropType<FloatingMenuPluginProps['tippyOptions']>,
-      default: () => ({}),
-    },
-
-    shouldShow: {
-      type: Function as PropType<Exclude<Required<FloatingMenuPluginProps>['shouldShow'], null>>,
-      default: null,
-    },
-  },
-
-  setup(props, { slots }) {
-    const root = ref<HTMLElement | null>(null)
-
-    onMounted(() => {
-      const {
-        pluginKey,
-        editor,
-        tippyOptions,
-        shouldShow,
-      } = props
-
-      editor.registerPlugin(FloatingMenuPlugin({
-        pluginKey,
-        editor,
-        element: root.value as HTMLElement,
-        tippyOptions,
-        shouldShow,
-      }))
-    })
-
-    onBeforeUnmount(() => {
-      const { pluginKey, editor } = props
-
-      editor.unregisterPlugin(pluginKey)
-    })
-
-    return () => h('div', { ref: root }, slots.default?.())
-  },
-})