@tiptap/vue-3 2.0.0-beta.91 → 2.0.0-beta.94

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/vue-3",
   "description": "Vue components for tiptap",
-  "version": "2.0.0-beta.91",
+  "version": "2.0.0-beta.94",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -28,8 +28,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@tiptap/extension-bubble-menu": "^2.0.0-beta.56",
-    "@tiptap/extension-floating-menu": "^2.0.0-beta.51",
+    "@tiptap/extension-bubble-menu": "^2.0.0-beta.59",
+    "@tiptap/extension-floating-menu": "^2.0.0-beta.54",
     "prosemirror-state": "^1.3.4",
     "prosemirror-view": "^1.23.6"
   },
@@ -39,5 +39,5 @@
     "directory": "packages/vue-3"
   },
   "sideEffects": false,
-  "gitHead": "90e719c711dbccae6a7333956d543fb93789f3d3"
+  "gitHead": "591c0807a2ab5c34b4b7fe12c12511fe4f493ebd"
 }

package/src/BubbleMenu.ts

@@ -1,12 +1,12 @@
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 import {
+  defineComponent,
   h,
-  ref,
-  PropType,
-  onMounted,
   onBeforeUnmount,
-  defineComponent,
+  onMounted,
+  PropType,
+  ref,
 } from 'vue'
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 
 export const BubbleMenu = defineComponent({
   name: 'BubbleMenu',

package/src/Editor.ts

@@ -1,13 +1,14 @@
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import { Editor as CoreEditor, EditorOptions } from '@tiptap/core'
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import {
-  markRaw,
-  Ref,
-  customRef,
   ComponentInternalInstance,
   ComponentPublicInstance,
+  customRef,
+  markRaw,
   reactive,
+  Ref,
 } from 'vue'
+
 import { VueRenderer } from './VueRenderer'
 
 function useDebouncedRef<T>(value: T) {
@@ -56,7 +57,7 @@ export class Editor extends CoreEditor {
       this.reactiveExtensionStorage.value = this.extensionStorage
     })
 
-    return markRaw(this)
+    return markRaw(this) // eslint-disable-line
   }
 
   get state() {

package/src/EditorContent.ts

@@ -1,17 +1,18 @@
 import {
+  DefineComponent,
+  defineComponent,
+  getCurrentInstance,
   h,
-  ref,
+  nextTick,
+  onBeforeUnmount,
+  PropType,
   Ref,
-  unref,
+  ref,
   Teleport,
-  PropType,
-  defineComponent,
-  DefineComponent,
+  unref,
   watchEffect,
-  nextTick,
-  onBeforeUnmount,
-  getCurrentInstance,
 } from 'vue'
+
 import { Editor } from './Editor'
 
 export const EditorContent = defineComponent({

package/src/FloatingMenu.ts

@@ -1,12 +1,12 @@
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 import {
+  defineComponent,
   h,
-  ref,
-  PropType,
-  onMounted,
   onBeforeUnmount,
-  defineComponent,
+  onMounted,
+  PropType,
+  ref,
 } from 'vue'
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 
 export const FloatingMenu = defineComponent({
   name: 'FloatingMenu',

package/src/NodeViewContent.ts

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent, h } from 'vue'
 
 export const NodeViewContent = defineComponent({
   props: {
@@ -9,13 +9,11 @@ export const NodeViewContent = defineComponent({
   },
 
   render() {
-    return h(
-      this.as, {
-        style: {
-          whiteSpace: 'pre-wrap',
-        },
-        'data-node-view-content': '',
+    return h(this.as, {
+      style: {
+        whiteSpace: 'pre-wrap',
       },
-    )
+      'data-node-view-content': '',
+    })
   },
 })

package/src/NodeViewWrapper.ts

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent, h } from 'vue'
 
 export const NodeViewWrapper = defineComponent({
   props: {
@@ -12,7 +12,8 @@ export const NodeViewWrapper = defineComponent({
 
   render() {
     return h(
-      this.as, {
+      this.as,
+      {
         // @ts-ignore
         class: this.decorationClasses.value,
         style: {

package/src/VueNodeViewRenderer.ts

@@ -2,19 +2,20 @@ import {
   NodeView,
   NodeViewProps,
   NodeViewRenderer,
-  NodeViewRendererProps,
   NodeViewRendererOptions,
+  NodeViewRendererProps,
 } from '@tiptap/core'
+import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
 import {
-  ref,
-  Ref,
-  provide,
-  PropType,
   Component,
   defineComponent,
+  PropType,
+  provide,
+  Ref,
+  ref,
 } from 'vue'
-import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
-import { Node as ProseMirrorNode } from 'prosemirror-model'
+
 import { Editor } from './Editor'
 import { VueRenderer } from './VueRenderer'
 

package/src/VueRenderer.ts

@@ -1,5 +1,6 @@
-import { reactive, markRaw, Component } from 'vue'
 import { Editor } from '@tiptap/core'
+import { Component, markRaw, reactive } from 'vue'
+
 import { Editor as ExtendedEditor } from './Editor'
 
 export interface VueRendererOptions {

package/src/index.ts

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

package/src/useEditor.ts

@@ -1,5 +1,6 @@
-import { onMounted, onBeforeUnmount, shallowRef } from 'vue'
 import { EditorOptions } from '@tiptap/core'
+import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
+
 import { Editor } from './Editor'
 
 export const useEditor = (options: Partial<EditorOptions> = {}) => {

package/LICENSE.md

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021, überdosis GbR
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

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

@@ -1,63 +0,0 @@
-import { PropType } from 'vue';
-export declare const BubbleMenu: import("vue").DefineComponent<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<import("@tiptap/core").Editor>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<Partial<import("tippy.js").Props> | undefined>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<(props: {
-            editor: import("@tiptap/core").Editor;
-            view: import("prosemirror-view").EditorView<any>;
-            state: import("prosemirror-state").EditorState<any>;
-            oldState?: import("prosemirror-state").EditorState<any> | undefined;
-            from: number;
-            to: number;
-        }) => boolean>;
-        default: null;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<import("@tiptap/core").Editor>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<Partial<import("tippy.js").Props> | undefined>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<(props: {
-            editor: import("@tiptap/core").Editor;
-            view: import("prosemirror-view").EditorView<any>;
-            state: import("prosemirror-state").EditorState<any>;
-            oldState?: import("prosemirror-state").EditorState<any> | undefined;
-            from: number;
-            to: number;
-        }) => boolean>;
-        default: null;
-    };
-}>>, {
-    tippyOptions: Partial<import("tippy.js").Props> | undefined;
-    shouldShow: (props: {
-        editor: import("@tiptap/core").Editor;
-        view: import("prosemirror-view").EditorView<any>;
-        state: import("prosemirror-state").EditorState<any>;
-        oldState?: import("prosemirror-state").EditorState<any> | undefined;
-        from: number;
-        to: number;
-    }) => boolean;
-    pluginKey: any;
-}>;

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

@@ -1,24 +0,0 @@
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state';
-import { Editor as CoreEditor, EditorOptions } from '@tiptap/core';
-import { ComponentInternalInstance, ComponentPublicInstance } from 'vue';
-import { VueRenderer } from './VueRenderer';
-export declare type ContentComponent = ComponentInternalInstance & {
-    ctx: ComponentPublicInstance;
-};
-export declare class Editor extends CoreEditor {
-    private reactiveState;
-    private reactiveExtensionStorage;
-    vueRenderers: Map<string, VueRenderer>;
-    contentComponent: ContentComponent | null;
-    constructor(options?: Partial<EditorOptions>);
-    get state(): EditorState<any>;
-    get storage(): Record<string, any>;
-    /**
-     * Register a ProseMirror plugin.
-     */
-    registerPlugin(plugin: Plugin, handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[]): void;
-    /**
-     * Unregister a ProseMirror plugin.
-     */
-    unregisterPlugin(nameOrPluginKey: string | PluginKey): void;
-}

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

@@ -1,17 +0,0 @@
-import { Ref, PropType, DefineComponent } from 'vue';
-import { Editor } from './Editor';
-export declare const EditorContent: DefineComponent<{
-    editor: {
-        default: null;
-        type: PropType<Editor>;
-    };
-}, {
-    rootEl: Ref<Element | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    editor: {
-        default: null;
-        type: PropType<Editor>;
-    };
-}>>, {
-    editor: Editor;
-}>;

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

@@ -1,57 +0,0 @@
-import { PropType } from 'vue';
-export declare const FloatingMenu: import("vue").DefineComponent<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<import("@tiptap/core").Editor>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<Partial<import("tippy.js").Props> | undefined>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<(props: {
-            editor: import("@tiptap/core").Editor;
-            view: import("prosemirror-view").EditorView<any>;
-            state: import("prosemirror-state").EditorState<any>;
-            oldState?: import("prosemirror-state").EditorState<any> | undefined;
-        }) => boolean>;
-        default: null;
-    };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    pluginKey: {
-        type: null;
-        default: string;
-    };
-    editor: {
-        type: PropType<import("@tiptap/core").Editor>;
-        required: true;
-    };
-    tippyOptions: {
-        type: PropType<Partial<import("tippy.js").Props> | undefined>;
-        default: () => {};
-    };
-    shouldShow: {
-        type: PropType<(props: {
-            editor: import("@tiptap/core").Editor;
-            view: import("prosemirror-view").EditorView<any>;
-            state: import("prosemirror-state").EditorState<any>;
-            oldState?: import("prosemirror-state").EditorState<any> | undefined;
-        }) => boolean>;
-        default: null;
-    };
-}>>, {
-    tippyOptions: Partial<import("tippy.js").Props> | undefined;
-    shouldShow: (props: {
-        editor: import("@tiptap/core").Editor;
-        view: import("prosemirror-view").EditorView<any>;
-        state: import("prosemirror-state").EditorState<any>;
-        oldState?: import("prosemirror-state").EditorState<any> | undefined;
-    }) => 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, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    as: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    as: string;
-}>;

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

@@ -1,50 +0,0 @@
-import { NodeViewRenderer, NodeViewRendererOptions } from '@tiptap/core';
-import { PropType, Component } from 'vue';
-import { Decoration } from 'prosemirror-view';
-import { Node as ProseMirrorNode } from 'prosemirror-model';
-export declare const nodeViewProps: {
-    editor: {
-        type: PropType<import("@tiptap/core").Editor>;
-        required: true;
-    };
-    node: {
-        type: PropType<ProseMirrorNode<any>>;
-        required: true;
-    };
-    decorations: {
-        type: PropType<Decoration<{
-            [key: string]: any;
-        }>[]>;
-        required: true;
-    };
-    selected: {
-        type: PropType<boolean>;
-        required: true;
-    };
-    extension: {
-        type: PropType<import("@tiptap/core").Node<any, any>>;
-        required: true;
-    };
-    getPos: {
-        type: PropType<() => number>;
-        required: true;
-    };
-    updateAttributes: {
-        type: PropType<(attributes: Record<string, any>) => void>;
-        required: true;
-    };
-    deleteNode: {
-        type: PropType<() => void>;
-        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,19 +0,0 @@
-import { Component } from 'vue';
-import { Editor } from '@tiptap/core';
-import { Editor as ExtendedEditor } from './Editor';
-export interface VueRendererOptions {
-    editor: Editor;
-    props?: Record<string, any>;
-}
-export declare class VueRenderer {
-    id: string;
-    editor: ExtendedEditor;
-    component: Component;
-    teleportElement: Element;
-    element: Element;
-    props: Record<string, any>;
-    constructor(component: Component, { props, editor }: VueRendererOptions);
-    get ref(): any;
-    updateProps(props?: Record<string, any>): void;
-    destroy(): void;
-}

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

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

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

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