Upgrade tiptap to version 2

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/package.json

@@ -15,6 +15,18 @@
     "@absinthe/socket": "^0.2.1",
     "@absinthe/socket-apollo-link": "^0.2.1",
     "@mdi/font": "^5.0.45",
+    "@tiptap/extension-blockquote": "^2.0.0-beta.6",
+    "@tiptap/extension-bubble-menu": "^2.0.0-beta.9",
+    "@tiptap/extension-character-count": "^2.0.0-beta.5",
+    "@tiptap/extension-history": "^2.0.0-beta.5",
+    "@tiptap/extension-image": "^2.0.0-beta.6",
+    "@tiptap/extension-link": "^2.0.0-beta.8",
+    "@tiptap/extension-list-item": "^2.0.0-beta.6",
+    "@tiptap/extension-mention": "^2.0.0-beta.42",
+    "@tiptap/extension-ordered-list": "^2.0.0-beta.6",
+    "@tiptap/extension-underline": "^2.0.0-beta.7",
+    "@tiptap/starter-kit": "^2.0.0-beta.37",
+    "@tiptap/vue-2": "^2.0.0-beta.21",
     "apollo-absinthe-upload-link": "^1.5.0",
     "apollo-cache": "^1.3.5",
     "apollo-cache-inmemory": "^1.6.6",
@@ -38,8 +50,6 @@
     "phoenix": "^1.4.11",
     "register-service-worker": "^1.7.1",
     "tippy.js": "^6.2.3",
-    "tiptap": "^1.32.0",
-    "tiptap-extensions": "^1.34.0",
     "unfetch": "^4.2.0",
     "v-tooltip": "^2.1.3",
     "vue": "^2.6.11",

js/src/components/Editor.vue

@@ -6,16 +6,12 @@
       id="tiptab-editor"
       :data-actor-id="currentActor && currentActor.id"
     >
-      <editor-menu-bar
+      <div v-if="isDescriptionMode" :editor="editor">
-        v-if="isDescriptionMode"
+        <div class="menubar bar-is-hidden">
-        :editor="editor"
-        v-slot="{ commands, isActive, focused }"
-      >
-        <div class="menubar bar-is-hidden" :class="{ 'is-focused': focused }">
           <button
             class="menubar__button"
-            :class="{ 'is-active': isActive.bold() }"
+            :class="{ 'is-active': editor.isActive('bold') }"
-            @click="commands.bold"
+            @click="editor.chain().focus().toggleBold().focus().run()"
             type="button"
           >
             <b-icon icon="format-bold" />
@@ -23,8 +19,8 @@
 
           <button
             class="menubar__button"
-            :class="{ 'is-active': isActive.italic() }"
+            :class="{ 'is-active': editor.isActive('italic') }"
-            @click="commands.italic"
+            @click="editor.chain().focus().toggleItalic().focus().run()"
             type="button"
           >
             <b-icon icon="format-italic" />
@@ -32,8 +28,8 @@
 
           <button
             class="menubar__button"
-            :class="{ 'is-active': isActive.underline() }"
+            :class="{ 'is-active': editor.isActive('underline') }"
-            @click="commands.underline"
+            @click="editor.chain().focus().toggleUnderline().focus().run()"
             type="button"
           >
             <b-icon icon="format-underline" />
@@ -42,8 +38,10 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            :class="{ 'is-active': isActive.heading({ level: 1 }) }"
+            :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }"
-            @click="commands.heading({ level: 1 })"
+            @click="
+              editor.chain().focus().toggleHeading({ level: 1 }).focus().run()
+            "
             type="button"
           >
             <b-icon icon="format-header-1" />
@@ -52,8 +50,10 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            :class="{ 'is-active': isActive.heading({ level: 2 }) }"
+            :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }"
-            @click="commands.heading({ level: 2 })"
+            @click="
+              editor.chain().focus().toggleHeading({ level: 2 }).focus().run()
+            "
             type="button"
           >
             <b-icon icon="format-header-2" />
@@ -62,8 +62,10 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            :class="{ 'is-active': isActive.heading({ level: 3 }) }"
+            :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }"
-            @click="commands.heading({ level: 3 })"
+            @click="
+              editor.chain().focus().toggleHeading({ level: 3 }).focus().run()
+            "
             type="button"
           >
             <b-icon icon="format-header-3" />
@@ -71,17 +73,26 @@
 
           <button
             class="menubar__button"
-            @click="showLinkMenu(commands.link, isActive.link())"
+            @click="showLinkMenu()"
-            :class="{ 'is-active': isActive.link() }"
+            :class="{ 'is-active': editor.isActive('link') }"
             type="button"
           >
             <b-icon icon="link" />
           </button>
 
+          <button
+            v-if="editor.isActive('link')"
+            class="menubar__button"
+            @click="editor.chain().focus().unsetLink().run()"
+            type="button"
+          >
+            <b-icon icon="link-off" />
+          </button>
+
           <button
             class="menubar__button"
             v-if="!isBasicMode"
-            @click="showImagePrompt(commands.image)"
+            @click="showImagePrompt()"
             type="button"
           >
             <b-icon icon="image" />
@@ -90,8 +101,8 @@
           <button
             class="menubar__button"
             v-if="!isBasicMode"
-            :class="{ 'is-active': isActive.bullet_list() }"
+            :class="{ 'is-active': editor.isActive('bulletList') }"
-            @click="commands.bullet_list"
+            @click="editor.chain().focus().toggleBulletList().focus().run()"
             type="button"
           >
             <b-icon icon="format-list-bulleted" />
@@ -100,8 +111,8 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            :class="{ 'is-active': isActive.ordered_list() }"
+            :class="{ 'is-active': editor.isActive('orderedList') }"
-            @click="commands.ordered_list"
+            @click="editor.chain().focus().toggleOrderedList().focus().run()"
             type="button"
           >
             <b-icon icon="format-list-numbered" />
@@ -110,8 +121,8 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            :class="{ 'is-active': isActive.blockquote() }"
+            :class="{ 'is-active': editor.isActive('blockquote') }"
-            @click="commands.blockquote"
+            @click="editor.chain().focus().toggleBlockquote().run()"
             type="button"
           >
             <b-icon icon="format-quote-close" />
@@ -120,7 +131,7 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            @click="commands.undo"
+            @click="editor.chain().focus().undo().run()"
             type="button"
           >
             <b-icon icon="undo" />
@@ -129,19 +140,19 @@
           <button
             v-if="!isBasicMode"
             class="menubar__button"
-            @click="commands.redo"
+            @click="editor.chain().focus().redo().run()"
             type="button"
           >
             <b-icon icon="redo" />
           </button>
         </div>
-      </editor-menu-bar>
+      </div>
 
-      <editor-menu-bubble
+      <bubble-menu
-        v-if="isCommentMode"
+        v-if="editor && isCommentMode"
         :editor="editor"
         :keep-in-bounds="true"
-        v-slot="{ commands, isActive, menu }"
+        v-slot="{ menu }"
       >
         <div
           class="menububble"
@@ -150,8 +161,8 @@
         >
           <button
             class="menububble__button"
-            :class="{ 'is-active': isActive.bold() }"
+            :class="{ 'is-active': editor.isActive('bold') }"
-            @click="commands.bold"
+            @click="editor.chain().focus().toggleBold().focus().run()"
             type="button"
           >
             <b-icon icon="format-bold" />
@@ -160,15 +171,15 @@
 
           <button
             class="menububble__button"
-            :class="{ 'is-active': isActive.italic() }"
+            :class="{ 'is-active': editor.isActive('italic') }"
-            @click="commands.italic"
+            @click="editor.chain().focus().toggleItalic().focus().run()"
             type="button"
           >
             <b-icon icon="format-italic" />
             <span class="visually-hidden">{{ $t("Italic") }}</span>
           </button>
         </div>
-      </editor-menu-bubble>
+      </bubble-menu>
 
       <editor-content class="editor__content" :editor="editor" />
     </div>
@@ -200,37 +211,29 @@
 
 <script lang="ts">
 import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import { Editor, EditorContent, EditorMenuBar, EditorMenuBubble } from "tiptap";
+import { Editor, EditorContent, BubbleMenu } from "@tiptap/vue-2";
-import {
+import { defaultExtensions } from "@tiptap/starter-kit";
-  Blockquote,
+import Document from "@tiptap/extension-document";
-  HardBreak,
+import Paragraph from "@tiptap/extension-paragraph";
-  Heading,
+import Text from "@tiptap/extension-text";
-  OrderedList,
-  BulletList,
-  ListItem,
-  TodoItem,
-  TodoList,
-  Bold,
-  Code,
-  Italic,
-  Link,
-  Underline,
-  History,
-  Placeholder,
-  Mention,
-} from "tiptap-extensions";
 import tippy, { Instance, sticky } from "tippy.js";
-import { SEARCH_PERSONS } from "../graphql/search";
+// import { SEARCH_PERSONS } from "../graphql/search";
 import { Actor, IActor, IPerson } from "../types/actor";
-import Image from "./Editor/Image";
+import CustomImage from "./Editor/Image";
-import MaxSize from "./Editor/MaxSize";
 import { UPLOAD_MEDIA } from "../graphql/upload";
 import { listenFileUpload } from "../utils/upload";
 import { CURRENT_ACTOR_CLIENT } from "../graphql/actor";
 import { IComment } from "../types/comment.model";
+import Mention from "@tiptap/extension-mention";
+import MentionOptions from "./Editor/Mention";
+import OrderedList from "@tiptap/extension-ordered-list";
+import ListItem from "@tiptap/extension-list-item";
+import Underline from "@tiptap/extension-underline";
+import Link from "@tiptap/extension-link";
+import CharacterCount from "@tiptap/extension-character-count";
 
 @Component({
-  components: { EditorContent, EditorMenuBar, EditorMenuBubble },
+  components: { EditorContent, BubbleMenu },
   apollo: {
     currentActor: {
       query: CURRENT_ACTOR_CLIENT,
@@ -295,138 +298,37 @@ export default class EditorComponent extends Vue {
   mounted(): void {
     this.editor = new Editor({
       extensions: [
-        new Blockquote(),
+        Document,
-        new BulletList(),
+        Paragraph,
-        new HardBreak(),
+        Text,
-        new Heading({ levels: [1, 2, 3] }),
+        OrderedList,
-        new Mention({
+        ListItem,
-          items: () => [],
+        Mention.configure(MentionOptions),
-          onEnter: ({
+        CustomImage,
-            items,
+        Underline,
-            query,
+        Link,
-            range,
+        CharacterCount.configure({
-            command,
+          limit: this.maxSize,
-            virtualNode,
-          }: {
-            items: any;
-            query: any;
-            range: any;
-            command: any;
-            virtualNode: any;
-          }) => {
-            this.query = query;
-            this.filteredActors = items;
-            this.suggestionRange = range;
-            this.renderPopup(virtualNode);
-            // we save the command for inserting a selected mention
-            // this allows us to call it inside of our custom popup
-            // via keyboard navigation and on click
-            this.insertMention = command;
-          },
-          /**
-           * is called when a suggestion has changed
-           */
-          onChange: ({
-            items,
-            query,
-            range,
-            virtualNode,
-          }: {
-            items: any;
-            query: any;
-            range: any;
-            virtualNode: any;
-          }) => {
-            this.query = query;
-            this.filteredActors = items;
-            this.suggestionRange = range;
-            this.navigatedActorIndex = 0;
-            this.renderPopup(virtualNode);
-          },
-
-          /**
-           * is called when a suggestion is cancelled
-           */
-          onExit: () => {
-            // reset all saved values
-            this.query = null;
-            this.filteredActors = [];
-            this.suggestionRange = null;
-            this.navigatedActorIndex = 0;
-            this.destroyPopup();
-          },
-
-          /**
-           * is called on every keyDown event while a suggestion is active
-           */
-          onKeyDown: ({ event }: { event: KeyboardEvent }) => {
-            if (event.key === "ArrowUp") {
-              this.upHandler();
-              return true;
-            }
-            if (event.key === "ArrowDown") {
-              this.downHandler();
-              return true;
-            }
-            if (event.key === "Enter") {
-              this.enterHandler();
-              return true;
-            }
-            return false;
-          },
-          onFilter: async (items: any, query: string) => {
-            if (!query) {
-              return items;
-            }
-            const result = await this.$apollo.query({
-              query: SEARCH_PERSONS,
-              variables: {
-                searchText: query,
-              },
-            });
-            // TipTap doesn't handle async for onFilter, hence the following line.
-            this.filteredActors = result.data.searchPersons.elements;
-            return this.filteredActors;
-          },
         }),
-        new ListItem(),
+        ...defaultExtensions(),
-        new OrderedList(),
-        new TodoItem(),
-        new TodoList(),
-        new Link(),
-        new Bold(),
-        new Code(),
-        new Italic(),
-        new Underline(),
-        new History(),
-        new Placeholder({
-          emptyEditorClass: "is-empty",
-          emptyNodeText: this.$t("Write something…") as string,
-          showOnlyWhenEditable: false,
-        }),
-        new Image(),
-        new MaxSize({ maxSize: this.maxSize }),
       ],
-      // eslint-disable-next-line @typescript-eslint/ban-types
+      onUpdate: ({ editor }) => {
-      onUpdate: ({ getHTML }: { getHTML: Function }) => {
+        this.$emit("input", editor.getHTML());
-        this.$emit("input", getHTML());
       },
     });
-    this.editor.setContent(this.value);
+    this.editor.commands.setContent(this.value);
   }
 
   @Watch("value")
   onValueChanged(val: string): void {
     if (!this.editor) return;
     if (val !== this.editor.getHTML()) {
-      this.editor.setContent(val, false);
+      this.editor.commands.setContent(val, false);
     }
   }
 
   // eslint-disable-next-line @typescript-eslint/ban-types
-  showLinkMenu(command: Function, active: boolean): Function | undefined {
+  showLinkMenu(): Function | undefined {
-    if (!this.editor) return undefined;
-    if (active) return command({ href: null });
     this.$buefy.dialog.prompt({
       message: this.$t("Enter the link URL") as string,
       inputAttrs: {
@@ -434,9 +336,8 @@ export default class EditorComponent extends Vue {
       },
       trapFocus: true,
       onConfirm: (value) => {
-        command({ href: value });
+        if (!this.editor) return undefined;
-        if (!this.editor) return;
+        this.editor.chain().focus().setLink({ href: value }).run();
-        this.editor.focus();
       },
     });
     return undefined;
@@ -480,19 +381,19 @@ export default class EditorComponent extends Vue {
       },
     });
     if (!this.editor) return;
-    this.editor.focus();
+    this.editor.commands.focus();
   }
 
   /** We use this to programatically insert an actor mention when creating a reply to comment */
   replyToComment(comment: IComment): void {
     if (!comment.actor) return;
-    const actorModel = new Actor(comment.actor);
+    // const actorModel = new Actor(comment.actor);
     if (!this.editor) return;
-    this.editor.commands.mention({
+    // this.editor.commands.mention({
-      id: actorModel.id,
+    //   id: actorModel.id,
-      label: actorModel.usernameWithDomain().substring(1),
+    //   label: actorModel.usernameWithDomain().substring(1),
-    });
+    // });
-    this.editor.focus();
+    this.editor.commands.focus();
   }
 
   /**
@@ -539,7 +440,7 @@ export default class EditorComponent extends Vue {
    * @param command
    */
   // eslint-disable-next-line @typescript-eslint/ban-types
-  async showImagePrompt(command: Function): Promise<void> {
+  async showImagePrompt(): Promise<void> {
     const image = await listenFileUpload();
     try {
       const { data } = await this.$apollo.mutate({
@@ -549,11 +450,17 @@ export default class EditorComponent extends Vue {
           name: image.name,
         },
       });
-      if (data.uploadMedia && data.uploadMedia.url) {
+      if (data.uploadMedia && data.uploadMedia.url && this.editor) {
-        command({
+        this.editor
+          .chain()
+          .focus()
+          .setImage({
             src: data.uploadMedia.url,
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             "data-media-id": data.uploadMedia.id,
-        });
+          })
+          .run();
       }
     } catch (error) {
       console.error(error);

js/src/components/Editor/Image.ts

@@ -1,70 +1,32 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { Node } from "tiptap";
 import { UPLOAD_MEDIA } from "@/graphql/upload";
 import apolloProvider from "@/vue-apollo";
 import ApolloClient from "apollo-client";
 import { NormalizedCacheObject } from "apollo-cache-inmemory";
-import { NodeType, NodeSpec } from "prosemirror-model";
+import { Plugin } from "prosemirror-state";
-import { EditorState, Plugin, TextSelection } from "prosemirror-state";
-import { DispatchFn } from "tiptap-commands";
 import { EditorView } from "prosemirror-view";
+import Image from "@tiptap/extension-image";
 
 /* eslint-disable class-methods-use-this */
 
-export default class Image extends Node {
+const CustomImage = Image.extend({
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  name: "image",
-  get name() {
+  addAttributes() {
-    return "image";
-  }
-
-  get schema(): NodeSpec {
     return {
-      inline: true,
+      src: {
-      attrs: {
+        default: null,
-        src: {},
+      },
       alt: {
         default: null,
       },
       title: {
         default: null,
       },
-        "data-media-id": {},
+      "data-media-id": {
+        default: null,
       },
-      group: "inline",
+    };
-      draggable: true,
-      parseDOM: [
-        {
-          tag: "img",
-          getAttrs: (dom: any) => ({
-            src: dom.getAttribute("src"),
-            title: dom.getAttribute("title"),
-            alt: dom.getAttribute("alt"),
-            "data-media-id": dom.getAttribute("data-media-id"),
-          }),
   },
-      ],
+  addProseMirrorPlugins() {
-      toDOM: (node: any) => ["img", node.attrs],
-    };
-  }
-
-  commands({ type }: { type: NodeType }): any {
-    return (attrs: { [key: string]: string }) => (
-      state: EditorState,
-      dispatch: DispatchFn
-    ) => {
-      const { selection }: { selection: TextSelection } = state;
-      const position = selection.$cursor
-        ? selection.$cursor.pos
-        : selection.$to.pos;
-      const node = type.create(attrs);
-      const transaction = state.tr.insert(position, node);
-      dispatch(transaction);
-    };
-  }
-
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-  get plugins() {
     return [
       new Plugin({
         props: {
@@ -129,5 +91,7 @@ export default class Image extends Node {
         },
       }),
     ];
-  }
+  },
-}
+});
+
+export default CustomImage;

js/src/components/Editor/MaxSize.ts

@@ -1,39 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import { Extension, Plugin } from "tiptap";
-
-export default class MaxSize extends Extension {
-  // eslint-disable-next-line class-methods-use-this
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-  get name() {
-    return "maxSize";
-  }
-
-  // eslint-disable-next-line class-methods-use-this
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-  get defaultOptions() {
-    return {
-      maxSize: null,
-    };
-  }
-
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
-  get plugins() {
-    return [
-      new Plugin({
-        appendTransaction: (transactions, oldState, newState) => {
-          const max = this.options.maxSize;
-          const oldLength = oldState.doc.content.size;
-          const newLength = newState.doc.content.size;
-
-          if (newLength > max && newLength > oldLength) {
-            const newTr = newState.tr;
-            newTr.insertText("", max + 1, newLength);
-
-            return newTr;
-          }
-        },
-      }),
-    ];
-  }
-}

js/src/components/Editor/Mention.ts

@@ -0,0 +1,66 @@
+import { SEARCH_PERSONS } from "@/graphql/search";
+import { VueRenderer } from "@tiptap/vue-2";
+import tippy from "tippy.js";
+import MentionList from "./MentionList.vue";
+import ApolloClient from "apollo-client";
+import { NormalizedCacheObject } from "apollo-cache-inmemory";
+import apolloProvider from "@/vue-apollo";
+
+const client = apolloProvider.defaultClient as ApolloClient<NormalizedCacheObject>;
+
+const mentionOptions: Partial<any> = {
+  HTMLAttributes: {
+    class: "mention",
+  },
+  suggestion: {
+    items: async (query: string) => {
+      const result = await client.query({
+        query: SEARCH_PERSONS,
+        variables: {
+          searchText: query,
+        },
+      });
+      // TipTap doesn't handle async for onFilter, hence the following line.
+      return result.data.searchPersons.elements;
+    },
+    render: () => {
+      let component: VueRenderer;
+      let popup: any;
+
+      return {
+        onStart: (props: any) => {
+          component = new VueRenderer(MentionList, {
+            parent: this,
+            propsData: props,
+          });
+
+          popup = tippy("body", {
+            getReferenceClientRect: props.clientRect,
+            appendTo: () => document.body,
+            content: component.element,
+            showOnCreate: true,
+            interactive: true,
+            trigger: "manual",
+            placement: "bottom-start",
+          });
+        },
+        onUpdate(props: any) {
+          component.updateProps(props);
+
+          popup[0].setProps({
+            getReferenceClientRect: props.clientRect,
+          });
+        },
+        // onKeyDown(props: any) {
+        // return component.ref?.onKeyDown(props);
+        // },
+        onExit() {
+          popup[0].destroy();
+          component.destroy();
+        },
+      };
+    },
+  },
+};
+
+export default mentionOptions;

js/src/components/Editor/MentionList.vue

@@ -0,0 +1,97 @@
+<template>
+  <div class="items">
+    <button
+      class="item"
+      :class="{ 'is-selected': index === selectedIndex }"
+      v-for="(item, index) in items"
+      :key="index"
+      @click="selectItem(index)"
+    >
+      {{ item }}
+    </button>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Watch } from "vue-property-decorator";
+
+@Component
+export default class MentionList extends Vue {
+  @Prop({ type: Array, required: true }) items!: Array<any>;
+  @Prop({ type: Function, required: true }) command!: any;
+
+  selectedIndex = 0;
+
+  @Watch("items")
+  watchItems(): void {
+    this.selectedIndex = 0;
+  }
+
+  onKeyDown({ event }: { event: KeyboardEvent }): boolean {
+    if (event.key === "ArrowUp") {
+      this.upHandler();
+      return true;
+    }
+
+    if (event.key === "ArrowDown") {
+      this.downHandler();
+      return true;
+    }
+
+    if (event.key === "Enter") {
+      this.enterHandler();
+      return true;
+    }
+
+    return false;
+  }
+
+  upHandler(): void {
+    this.selectedIndex =
+      (this.selectedIndex + this.items.length - 1) % this.items.length;
+  }
+
+  downHandler(): void {
+    this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
+  }
+
+  enterHandler(): void {
+    this.selectItem(this.selectedIndex);
+  }
+
+  selectItem(index: number): void {
+    const item = this.items[index];
+
+    if (item) {
+      this.command({ id: item });
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.items {
+  position: relative;
+  border-radius: 0.25rem;
+  background: white;
+  color: rgba(black, 0.8);
+  overflow: hidden;
+  font-size: 0.9rem;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1);
+}
+
+.item {
+  display: block;
+  width: 100%;
+  text-align: left;
+  background: transparent;
+  border: none;
+  padding: 0.2rem 0.5rem;
+
+  &.is-selected,
+  &:hover {
+    color: #a975ff;
+    background: rgba(#a975ff, 0.1);
+  }
+}
+</style>

js/src/typings/tiptap-commands.d.ts

@@ -1,42 +0,0 @@
-declare module "tiptap-commands" {
-  import { EditorView } from "prosemirror-view";
-  import { Transaction, EditorState, Plugin } from "prosemirror-state";
-  import { InputRule } from "prosemirror-inputrules";
-  import { NodeType, MarkType } from "prosemirror-model";
-
-  export interface DispatchFn {
-    (tr: Transaction): boolean;
-  }
-
-  export interface Command {
-    (...params: any[]): CommandFunction;
-  }
-
-  export interface CommandFunction {
-    (
-      state: EditorState,
-      dispatch: DispatchFn | undefined,
-      view: EditorView
-    ): boolean;
-  }
-
-  export function toggleWrap(type: NodeType): Command;
-
-  export function wrappingInputRule(
-    regexp: RegExp,
-    nodeType: NodeType,
-    getAttrs?: (arg: {} | string[]) => object | undefined,
-    joinPredicate?: (strs: string[], node: Node) => boolean
-  ): InputRule;
-
-  export function toggleMark(
-    type: MarkType,
-    attrs?: { [key: string]: any }
-  ): Command;
-
-  export function pasteRule(
-    regexp: RegExp,
-    type: string,
-    getAttrs: (() => { [key: string]: any }) | { [key: string]: any }
-  ): Plugin;
-}

js/src/typings/tiptap-extensions.d.ts

@@ -1,62 +0,0 @@
-declare module "tiptap-extensions" {
-  import { Extension, Node, Mark } from "tiptap";
-
-  export interface PlaceholderOptions {
-    emptyNodeClass?: string;
-    emptyNodeText?: string;
-    showOnlyWhenEditable?: boolean;
-    showOnlyCurrent?: boolean;
-    emptyEditorClass: string;
-  }
-  export class Placeholder extends Extension {
-    constructor(options?: PlaceholderOptions);
-  }
-
-  export interface TrailingNodeOptions {
-    /**
-     * Node to be at the end of the document
-     *
-     * defaults to 'paragraph'
-     */
-    node: string;
-    /**
-     * The trailing node will not be displayed after these specified nodes.
-     */
-    notAfter: string[];
-  }
-  export class TrailingNode extends Extension {
-    constructor(options?: TrailingNodeOptions);
-  }
-
-  export interface HeadingOptions {
-    levels?: number[];
-  }
-
-  export class History extends Extension {}
-  export class Underline extends Mark {}
-  export class Strike extends Mark {}
-  export class Italic extends Mark {}
-  export class Bold extends Mark {}
-  export class BulletList extends Node {}
-  export class ListItem extends Node {}
-  export class OrderedList extends Node {}
-  export class HardBreak extends Node {}
-  export class Blockquote extends Node {}
-  export class CodeBlock extends Node {}
-  export class TodoItem extends Node {}
-  export class Code extends Node {}
-  export class HorizontalRule extends Node {}
-  export class Link extends Node {}
-  export class TodoList extends Node {}
-
-  export class Heading extends Node {
-    constructor(options?: HeadingOptions);
-  }
-
-  export class Table extends Node {}
-  export class TableCell extends Node {}
-  export class TableRow extends Node {}
-  export class TableHeader extends Node {}
-
-  export class Mention extends Node {}
-}

js/src/typings/tiptap.d.ts

@@ -1,331 +0,0 @@
-declare module "tiptap" {
-  import {
-    MarkSpec,
-    MarkType,
-    Node as ProsemirrorNode,
-    NodeSpec,
-    NodeType,
-    ParseOptions,
-    Schema,
-  } from "prosemirror-model";
-  import { EditorState, Plugin, Transaction } from "prosemirror-state";
-  import { Command, CommandFunction } from "tiptap-commands";
-  import { EditorProps, EditorView } from "prosemirror-view";
-  import { VueConstructor } from "vue";
-
-  export const EditorContent: VueConstructor;
-  export const EditorMenuBubble: VueConstructor;
-  export const EditorMenuBar: VueConstructor;
-  export type ExtensionOption = Extension | Node | Mark;
-
-  // there are some props available
-  // `node` is a Prosemirror Node Object
-  // `updateAttrs` is a function to update attributes defined in `schema`
-  // `view` is the ProseMirror view instance
-  // `options` is an array of your extension options
-  // `selected`
-  export interface NodeView {
-    /** A Prosemirror Node Object */
-    node?: ProsemirrorNode;
-    /** A function to update attributes defined in `schema` */
-    updateAttrs?: (attrs: { [key: string]: any }) => any;
-    /** The ProseMirror view instance */
-    view?: EditorView;
-    /** An array of your extension options */
-    options?: { [key: string]: any };
-    /** Whether the node view is selected */
-    selected?: boolean;
-  }
-
-  export type CommandGetter =
-    | { [key: string]: (() => Command) | Command }
-    | (() => Command)
-    | Command
-    | (() => Command)[];
-
-  export interface EditorUpdateEvent {
-    state: EditorState;
-    getHTML: () => string;
-    getJSON: () => object;
-    transaction: Transaction;
-  }
-
-  export interface EditorOptions {
-    editorProps?: EditorProps;
-    /** defaults to true */
-    editable?: boolean;
-    /** defaults to false */
-    autoFocus?: boolean;
-    extensions?: ExtensionOption[];
-    content?: Object | string;
-    emptyDocument?: {
-      type: "doc";
-      content: [
-        {
-          type: "paragraph";
-        }
-      ];
-    };
-    /** defaults to false */
-    useBuiltInExtensions?: boolean;
-    /** defaults to false */
-    disableInputRules?: boolean;
-    /** defaults to false */
-    disablePasteRules?: boolean;
-    dropCursor?: {};
-    parseOptions?: ParseOptions;
-    /** defaults to true */
-    injectCSS?: boolean;
-    onInit?: ({
-      view,
-      state,
-    }: {
-      view: EditorView;
-      state: EditorState;
-    }) => void;
-    onTransaction?: (event: EditorUpdateEvent) => void;
-    onUpdate?: (event: EditorUpdateEvent) => void;
-    onFocus?: ({
-      event,
-      state,
-      view,
-    }: {
-      event: FocusEvent;
-      state: EditorState;
-      view: EditorView;
-    }) => void;
-    onBlur?: ({
-      event,
-      state,
-      view,
-    }: {
-      event: FocusEvent;
-      state: EditorState;
-      view: EditorView;
-    }) => void;
-    onPaste?: (...args: any) => void;
-    onDrop?: (...args: any) => void;
-  }
-
-  export class Editor {
-    commands: { [key: string]: Command };
-    defaultOptions: { [key: string]: any };
-    element: Element;
-    extensions: Extension[];
-    inputRules: any[];
-    keymaps: any[];
-    marks: Mark[];
-    nodes: Node[];
-    pasteRules: any[];
-    plugins: Plugin[];
-    schema: Schema;
-    state: EditorState;
-    view: EditorView;
-    activeMarks: { [markName: string]: () => boolean };
-    activeNodes: { [nodeName: string]: () => boolean };
-    activeMarkAttrs: { [markName: string]: { [attr: string]: any } };
-
-    /**
-     * Creates an [Editor]
-     * @param options - An object of Editor options.
-     */
-    constructor(options?: EditorOptions);
-
-    /**
-     * Replace the current content. You can pass an HTML string or a JSON document that matches the editor's schema.
-     * @param content Defaults to {}.
-     * @param emitUpdate Defaults to false.
-     */
-    setContent(content?: string | object, emitUpdate?: boolean): void;
-
-    /**
-     * Clears the current editor content.
-     *
-     * @param emitUpdate Whether or not the change should trigger the onUpdate callback.
-     */
-    clearContent(emitUpdate?: boolean): void;
-
-    /**
-     * Overwrites the current editor options.
-     * @param options Options an object of Editor options
-     */
-    setOptions(options: EditorOptions): void;
-
-    /**
-     * Register a ProseMirror plugin.
-     * @param plugin
-     */
-    registerPlugin(plugin: Plugin): void;
-
-    /** Get the current content as JSON. */
-    getJSON(): {};
-
-    /** Get the current content as HTML. */
-    getHTML(): string;
-
-    /** Focus the editor */
-    focus(): void;
-
-    /** Removes the focus from the editor. */
-    blur(): void;
-
-    /** Destroy the editor and free all Prosemirror-related objects from memory.
-     * You should always call this method on beforeDestroy() lifecycle hook of the Vue component wrapping the editor.
-     */
-    destroy(): void;
-
-    on(event: string, callbackFn: (params: any) => void): void;
-
-    off(event: string, callbackFn: (params: any) => void): void;
-
-    getMarkAttrs(markName: string): { [attributeName: string]: any };
-  }
-
-  export class Extension<Options = any> {
-    /** Define a name for your extension */
-    name?: string | null;
-    /** Define some default options.The options are available as this.$options. */
-    defaultOptions?: Options;
-    /** Define a list of Prosemirror plugins. */
-    plugins?: Plugin[];
-    /** Called when options of extension are changed via editor.extensions.options */
-    update?: (view: EditorView) => any;
-    /** Options for that are either passed in from the extension constructor or set by defaultOptions() */
-    options?: Options;
-
-    constructor(options?: Options);
-
-    /** Define some keybindings. */
-    keys?({
-      schema,
-    }: {
-      schema: Schema | NodeSpec | MarkSpec;
-    }): { [keyCombo: string]: CommandFunction };
-
-    /** Define commands. */
-    commands?({
-      schema,
-      attrs,
-    }: {
-      schema: Schema | NodeSpec | MarkSpec;
-      attrs: { [key: string]: string };
-    }): CommandGetter;
-
-    inputRules?({ schema }: { schema: Schema }): any[];
-
-    pasteRules?({ schema }: { schema: Schema }): Plugin[];
-  }
-
-  export class Node<V extends NodeView = any> extends Extension {
-    schema?: NodeSpec;
-    /** Reference to a view component constructor
-     *  See https://stackoverflow.com/questions/38311672/generic-and-typeof-t-in-the-parameters
-     */
-    view?: { new (): V };
-
-    commands?({
-      type,
-      schema,
-      attrs,
-    }: {
-      type: NodeType;
-      schema: NodeSpec;
-      attrs: { [key: string]: string };
-    }): CommandGetter;
-
-    keys?({
-      type,
-      schema,
-    }: {
-      type: NodeType;
-      schema: NodeSpec;
-    }): { [keyCombo: string]: CommandFunction };
-
-    inputRules?({ type, schema }: { type: NodeType; schema: Schema }): any[];
-
-    pasteRules?({ type, schema }: { type: NodeType; schema: Schema }): Plugin[];
-  }
-
-  export class Mark<V extends NodeView = any> extends Extension {
-    schema?: MarkSpec;
-    /** Reference to a view component constructor
-     *  See https://stackoverflow.com/questions/38311672/generic-and-typeof-t-in-the-parameters
-     */
-    view?: { new (): V };
-
-    commands?({
-      type,
-      schema,
-      attrs,
-    }: {
-      type: MarkType;
-      schema: MarkSpec;
-      attrs: { [key: string]: string };
-    }): CommandGetter;
-
-    keys?({
-      type,
-      schema,
-    }: {
-      type: MarkType;
-      schema: MarkSpec;
-    }): { [keyCombo: string]: CommandFunction };
-
-    inputRules?({ type, schema }: { type: MarkType; schema: Schema }): any[];
-
-    pasteRules?({ type, schema }: { type: MarkType; schema: Schema }): Plugin[];
-  }
-
-  export class Text extends Node {}
-
-  export class Paragraph extends Node {}
-
-  export class Doc extends Node {}
-
-  /** A set of commands registered to the editor. */
-  export interface EditorCommandSet {
-    [key: string]: Command;
-  }
-
-  /**
-   * The properties passed into <editor-menu-bar /> component
-   */
-  export interface MenuData {
-    /** Whether the editor has focus. */
-    focused: boolean;
-    /** Function to focus the editor. */
-    focus: () => void;
-    /** A set of commands registered. */
-    commands: EditorCommandSet;
-    /** Check whether a node or mark is currently active. */
-    isActive: IsActiveChecker;
-    /** A function to get all mark attributes of the current selection.  */
-    getMarkAttrs: (markName: string) => { [attributeName: string]: any };
-  }
-
-  export interface FloatingMenuData extends MenuData {
-    /** An object for positioning the menu. */
-    menu: MenuDisplayData;
-  }
-
-  /**
-   * A data object passed to a menu bubble to help it determine its position
-   * and visibility.
-   */
-  export interface MenuDisplayData {
-    /** Left position of the cursor. */
-    left: number;
-    /** Bottom position of the cursor. */
-    bottom: number;
-    /** Whether or not there is an active selection. */
-    isActive: boolean;
-  }
-
-  /**
-   * A map containing functions to check if a node/mark is currently selected.
-   * The name of the node/mark is used as the key.
-   */
-  export interface IsActiveChecker {
-    [name: string]: () => boolean;
-  }
-}

js/yarn.lock

@@ -1294,6 +1294,230 @@
     ejs "^2.6.1"
     magic-string "^0.25.0"
 
+"@tiptap/core@^2.0.0-beta.41":
+  version "2.0.0-beta.41"
+  resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.0.0-beta.41.tgz#007199818fb158bbc40ef353b59f6740500e1b72"
+  integrity sha512-TkopvbzEfYMztcAiWpPMvYM9X8jFrzOA29wqCk894bSsiaQQHfs3EESCMEFjxYfXF6wyAZLz0Br4p6SuWKIHrQ==
+  dependencies:
+    "@types/prosemirror-commands" "^1.0.4"
+    "@types/prosemirror-inputrules" "^1.0.4"
+    "@types/prosemirror-keymap" "^1.0.4"
+    "@types/prosemirror-model" "^1.13.0"
+    "@types/prosemirror-schema-list" "^1.0.3"
+    "@types/prosemirror-state" "^1.2.6"
+    "@types/prosemirror-transform" "^1.1.2"
+    "@types/prosemirror-view" "^1.17.1"
+    prosemirror-commands "^1.1.7"
+    prosemirror-inputrules "^1.1.3"
+    prosemirror-keymap "^1.1.3"
+    prosemirror-model "^1.14.1"
+    prosemirror-schema-list "^1.1.4"
+    prosemirror-state "^1.3.4"
+    prosemirror-transform "^1.3.2"
+    prosemirror-view "^1.18.2"
+
+"@tiptap/extension-blockquote@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-blockquote/-/extension-blockquote-2.0.0-beta.6.tgz#7670998307e88a0d0edf59558355a9328a6acec7"
+  integrity sha512-DOtr1Iy+wdyX2lrSX9KF6BaHvi0Sxg5tWfrAVHxPU7tCfxt33Xp6Ym97fyuZLlwUIbrzsy/DqBkdTYQ5v+CPMA==
+  dependencies:
+    prosemirror-inputrules "^1.1.3"
+
+"@tiptap/extension-bold@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bold/-/extension-bold-2.0.0-beta.6.tgz#347ddb7ad726d369337299b3800367815106de7f"
+  integrity sha512-hFxVQZcXWBCaCTCG3PJONhvTwoVGq/fJAQuPrYlI18z124Rhx6DeBkPG0FSwQgBeuJyezi4Jz61onkc48jwmSA==
+
+"@tiptap/extension-bubble-menu@^2.0.0-beta.9":
+  version "2.0.0-beta.9"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.0.0-beta.9.tgz#bbf6b819c7edd78f1dbc347f3d102f316928c385"
+  integrity sha512-GGxHwurQ6PediGy2b6q5at73CRznD6M6f1OSSuFVoIm2Q+FQMOECXKqLHpIOuHke6zYJpaAp1SfdX87/Zs5qaQ==
+  dependencies:
+    prosemirror-state "^1.3.4"
+    prosemirror-view "^1.18.2"
+    tippy.js "^6.3.1"
+
+"@tiptap/extension-bullet-list@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.0-beta.6.tgz#3830f4a6355f84061929085603f5423ae448d346"
+  integrity sha512-uO2t1CUc2Puq23c06xJvK9Imh895j1fsTJKJfEiSPDVMGrS3+tGOnQ2f9Fc5IOJITZZzFOpKnxRHC9AS5DySmg==
+  dependencies:
+    prosemirror-inputrules "^1.1.3"
+
+"@tiptap/extension-character-count@^2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-character-count/-/extension-character-count-2.0.0-beta.5.tgz#a1ad655af90fc0f9770d7bdcf72be57a04dac205"
+  integrity sha512-zD+K0YrmQL34nIDklMfTDG/cR2sHcj6Pog4EYRPfudBCJTC/lXEEZO6IMoKvbzdh86+UDo1qdwaH1pfoJ91LCw==
+
+"@tiptap/extension-code-block@^2.0.0-beta.8":
+  version "2.0.0-beta.8"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block/-/extension-code-block-2.0.0-beta.8.tgz#f26d8992be6ea78f34a7db52b0a706293d19922d"
+  integrity sha512-lSeC98qJ8szMUgp/hFZFMqDfV/boGpMN3kek98BR6dCI8QSHvZWpHrQ8n9dyc8NEGAuvBhP/lu0PSD1TzYwkig==
+  dependencies:
+    prosemirror-inputrules "^1.1.3"
+
+"@tiptap/extension-code@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-code/-/extension-code-2.0.0-beta.6.tgz#c35f0a8b1f3fe05b5ec9ced5aea6c9b093073d09"
+  integrity sha512-i0s3yTSdONUOp0fM/VrdSQfdj0SsqTPyP2ev2Ji1KgzGQ49Rw8gewT6RorHMwvMdv+F5+wE47wI2rcdUjpNwMQ==
+
+"@tiptap/extension-document@^2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-document/-/extension-document-2.0.0-beta.5.tgz#595c25879eb39f26cdb58e9b01ff5e48d65b2e4b"
+  integrity sha512-6GAZ7gA3vzStkASe+Qsd/OqqQ9QnDTjBKpXVxMZZnqutUmWjPau9e0kLEFYoU57f5bJa2w/TCWICSp+o4ka3jg==
+
+"@tiptap/extension-dropcursor@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.0-beta.6.tgz#9a7569c970010c47424e93f67f907ce7f0c3c429"
+  integrity sha512-EUmagYkamxuxZprKCXcSrwqUZkOW6edxIb7iyL0RQLYAcJ2jwCe9hJU0G6a8ILDr027W7fXd6LDbrzPMcVK/ug==
+  dependencies:
+    "@types/prosemirror-dropcursor" "^1.0.1"
+    prosemirror-dropcursor "^1.3.4"
+
+"@tiptap/extension-floating-menu@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-floating-menu/-/extension-floating-menu-2.0.0-beta.6.tgz#617290bd0533412e40c09dde7ecadc4a8c3cf960"
+  integrity sha512-2j73cDaN+flG8mF/PHd8OrZjaG62r3Kbskzpdsa2Oa6fV3laNg0jMhFzcuBJwFKFa0l8RHB/zMXNpacxCHa9vw==
+  dependencies:
+    prosemirror-state "^1.3.4"
+    prosemirror-view "^1.18.2"
+    tippy.js "^6.3.1"
+
+"@tiptap/extension-gapcursor@^2.0.0-beta.10":
+  version "2.0.0-beta.10"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.0-beta.10.tgz#f045d90def63559797576a299f904f539c304fe9"
+  integrity sha512-q5S3AjDTBi5WHwl1V7iYSk32t3mk/Z/ZYAViLDsqffzurx6KIxq9Yw6Ad1L+h04wXq/rJiFeaMeCnGs4DmWa3w==
+  dependencies:
+    "@types/prosemirror-gapcursor" "^1.0.3"
+    prosemirror-gapcursor "^1.1.5"
+
+"@tiptap/extension-hard-break@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-hard-break/-/extension-hard-break-2.0.0-beta.6.tgz#37bee563b06a528d6b72ea875de7645f97a43656"
+  integrity sha512-FZ/wpC9YQY50rt85DuPl+Dxe157LtHAhKW08BRAds/o6zrwcBpbg7zzVPxnu1wH1L0ObhyxCjNFXUyKalLnk8g==
+
+"@tiptap/extension-heading@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-heading/-/extension-heading-2.0.0-beta.6.tgz#077919803ed4d8c729a72cc122cfca851bfaeff3"
+  integrity sha512-zM5zaWGbJDYDmuHZ+YHTZK2nncDs+tlhfYKTKPK+0iIFCO4iTkvs7ERUO9qdbuQKjHGp28Q3RhS7YORss2bOhA==
+  dependencies:
+    prosemirror-inputrules "^1.1.3"
+
+"@tiptap/extension-history@^2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-history/-/extension-history-2.0.0-beta.5.tgz#bb9b257c110b0ad324407443972a623efa71816d"
+  integrity sha512-ej0QtStZVm8QInWHEtyduK9WQcYpfPN2EtIkwtPL9HFm9u7xgouBVdj1TqIABV3vJVGL28KKpGVVg8ZuBF4h7g==
+  dependencies:
+    "@types/prosemirror-history" "^1.0.2"
+    prosemirror-history "^1.1.3"
+
+"@tiptap/extension-horizontal-rule@^2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.0-beta.7.tgz#6e75336a0316bef1a359de7d1888c8fb97d5e659"
+  integrity sha512-TOxoVyKL3qF0e+VCQ5B7BpdtspvvY0TdU6/AJVIatPK9rXXXcJTM68k0O4koXgeuu33CSPXWVNwgm3QcxMi3Dg==
+  dependencies:
+    prosemirror-state "^1.3.4"
+
+"@tiptap/extension-image@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-image/-/extension-image-2.0.0-beta.6.tgz#fa1201b1fcf2c4a1f8a035b7cc511da6f88fb8f0"
+  integrity sha512-p1AYHPmcSV0WhKNk7Dqj17qYcuVxDsXz1ivPo2xD7R5vFnPphQZ9Bu1Y8BA2BJmn0eheQi11sz/ZUflnNfX7ew==
+
+"@tiptap/extension-italic@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-italic/-/extension-italic-2.0.0-beta.6.tgz#497cc5aac4077b27d6c548896601dd240771401a"
+  integrity sha512-HjB6YCm4oQ04peQ9M2zi4101JSgNfOLTkyfbDhpQv+B61sZtuweJx27SxYDOB34dA+i513orCVZdI6AgSSCEHA==
+
+"@tiptap/extension-link@^2.0.0-beta.8":
+  version "2.0.0-beta.8"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-link/-/extension-link-2.0.0-beta.8.tgz#7d0aba9c12335f43ba94b18034d458c4656c4dcd"
+  integrity sha512-rBLISgGiQg/mZ0rvFS1/8ylXqqO0kuam20KBc3tnmu6clakwk93MpZ63owNmlJPGQsJVfmPQFRkJypsdRIML3w==
+  dependencies:
+    prosemirror-state "^1.3.4"
+
+"@tiptap/extension-list-item@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-list-item/-/extension-list-item-2.0.0-beta.6.tgz#69850d2d9242e213a24a7e10baecb0f0933f3cbe"
+  integrity sha512-zhssny5W2Q7CvB9qZT1Wc7k0V+R7IqCbNBmoijwF9a+uehBpJcxdN1DFB1v0qdmIEdDLU9dnBUfIpWPnLwiAXw==
+
+"@tiptap/extension-mention@^2.0.0-beta.42":
+  version "2.0.0-beta.42"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-mention/-/extension-mention-2.0.0-beta.42.tgz#3cca0edd04d5416d02dc744e7d23669676c16e90"
+  integrity sha512-NMg7mT6aWcTasvUDErWqLVoDpWLpe7+R7+MoD9B1TYBCcQhnhOOteKMJ4tz43dTbwEUUSAif/BIZdRfMBUJdnA==
+  dependencies:
+    "@tiptap/suggestion" "^2.0.0-beta.42"
+
+"@tiptap/extension-ordered-list@^2.0.0-beta.6":
+  version "2.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.0-beta.6.tgz#ce214854946284c7ff2d458c7f4b3ac6ae33a9b8"
+  integrity sha512-dUiTO9bV3cuxWedp164KVufW3BzIwY/beQ64aQjnRyA3TPyiPrhp4qvHrxQujm31XPJy4zUY0PO/VafJ+69cGw==
+  dependencies:
+    prosemirror-inputrules "^1.1.3"
+
+"@tiptap/extension-paragraph@^2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-paragraph/-/extension-paragraph-2.0.0-beta.7.tgz#5dca1524247a57e98a60eb394ae66cd30072b9f4"
+  integrity sha512-bk9/KNbJ4wAvaAwrPLwp89QtEyef9VxbbaPd2+Q21EArTP2SGPNTWrjARq1Flc41fERo+2A23K5AcbNDBID9DA==
+
+"@tiptap/extension-strike@^2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-strike/-/extension-strike-2.0.0-beta.7.tgz#cee0f3c087d2914f8435dc2cc4580c9aec0a42bb"
+  integrity sha512-GBctBeHSkDW4ivXAUaEBtOgQXJgT2q2iqWuI8kTHCO1z7c/mns4J19U24dx8bPFhJBw++sDDd8yBkLQH2lP/Pw==
+
+"@tiptap/extension-text@^2.0.0-beta.5":
+  version "2.0.0-beta.5"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-text/-/extension-text-2.0.0-beta.5.tgz#cce1f9b22a5e0ad35b081774059b8c2ec6c92ae3"
+  integrity sha512-WCavPVqi+tndW8tAQ4KBq98ZnkLgKW9nc/T8wE3oKQ+df9YBauIl3OxxMA6At/oK+vlcFfubBpzFRAg9iygRAA==
+
+"@tiptap/extension-underline@^2.0.0-beta.7":
+  version "2.0.0-beta.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-underline/-/extension-underline-2.0.0-beta.7.tgz#789a109fedea41d5dc136fdcde32395c0646fd65"
+  integrity sha512-p5y7WFKohnRy/+te7M+EBB9hLOBfbxtWsqPXwFEm3Puq8bj2RNdGVfOruPqlmHpBoCFJgG73RKi0lmqplo1XZg==
+
+"@tiptap/starter-kit@^2.0.0-beta.37":
+  version "2.0.0-beta.37"
+  resolved "https://registry.yarnpkg.com/@tiptap/starter-kit/-/starter-kit-2.0.0-beta.37.tgz#7653c412c32895c84a26bc017ba23d2955e3ba5d"
+  integrity sha512-RFT6xLIph1xAbqnQJRG7q9fVTrIhaiqUFocPsuW/HHes2wvreR6ODgKzLRCcTM19YMpsmP8wC6f++itd9JwJFg==
+  dependencies:
+    "@tiptap/core" "^2.0.0-beta.41"
+    "@tiptap/extension-blockquote" "^2.0.0-beta.6"
+    "@tiptap/extension-bold" "^2.0.0-beta.6"
+    "@tiptap/extension-bullet-list" "^2.0.0-beta.6"
+    "@tiptap/extension-code" "^2.0.0-beta.6"
+    "@tiptap/extension-code-block" "^2.0.0-beta.8"
+    "@tiptap/extension-document" "^2.0.0-beta.5"
+    "@tiptap/extension-dropcursor" "^2.0.0-beta.6"
+    "@tiptap/extension-gapcursor" "^2.0.0-beta.10"
+    "@tiptap/extension-hard-break" "^2.0.0-beta.6"
+    "@tiptap/extension-heading" "^2.0.0-beta.6"
+    "@tiptap/extension-history" "^2.0.0-beta.5"
+    "@tiptap/extension-horizontal-rule" "^2.0.0-beta.7"
+    "@tiptap/extension-italic" "^2.0.0-beta.6"
+    "@tiptap/extension-list-item" "^2.0.0-beta.6"
+    "@tiptap/extension-ordered-list" "^2.0.0-beta.6"
+    "@tiptap/extension-paragraph" "^2.0.0-beta.7"
+    "@tiptap/extension-strike" "^2.0.0-beta.7"
+    "@tiptap/extension-text" "^2.0.0-beta.5"
+
+"@tiptap/suggestion@^2.0.0-beta.42":
+  version "2.0.0-beta.42"
+  resolved "https://registry.yarnpkg.com/@tiptap/suggestion/-/suggestion-2.0.0-beta.42.tgz#a2ddf87cf046ac0acd83bffbd26b3d989995fa92"
+  integrity sha512-+XgZL7HrBT50q792Mc3omA+yDaBjEwRFQE/T2BDKzlAZVqMzFg8Co+LNaNfR94kcDDvfvTLdsSyOg7e+m6FqPA==
+  dependencies:
+    "@tiptap/core" "^2.0.0-beta.41"
+    prosemirror-model "^1.14.1"
+    prosemirror-state "^1.3.4"
+    prosemirror-view "^1.18.2"
+
+"@tiptap/vue-2@^2.0.0-beta.21":
+  version "2.0.0-beta.21"
+  resolved "https://registry.yarnpkg.com/@tiptap/vue-2/-/vue-2-2.0.0-beta.21.tgz#838257ef91bbd54995aa7d34e4682fc9c69cec6a"
+  integrity sha512-WTL6iw6cgMkQQ2b++kClQOxsByAUKYLcjO1UsjmrrWnaSDmfMO1ZpkmKKSp1SsuQAk7W0t9aybeyWrDzjxfU3g==
+  dependencies:
+    "@tiptap/extension-bubble-menu" "^2.0.0-beta.9"
+    "@tiptap/extension-floating-menu" "^2.0.0-beta.6"
+    prosemirror-view "^1.18.2"
+
 "@types/anymatch@*":
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/@types/anymatch/-/anymatch-1.3.1.tgz#336badc1beecb9dacc38bea2cf32adf627a8421a"
@@ -1525,7 +1749,39 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/prosemirror-inputrules@^1.0.2":
+"@types/prosemirror-commands@*", "@types/prosemirror-commands@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-commands/-/prosemirror-commands-1.0.4.tgz#d08551415127d93ae62e7239d30db0b5e7208e22"
+  integrity sha512-utDNYB3EXLjAfYIcRWJe6pn3kcQ5kG4RijbT/0Y/TFOm6yhvYS/D9eJVnijdg9LDjykapcezchxGRqFD5LcyaQ==
+  dependencies:
+    "@types/prosemirror-model" "*"
+    "@types/prosemirror-state" "*"
+    "@types/prosemirror-view" "*"
+
+"@types/prosemirror-dropcursor@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-dropcursor/-/prosemirror-dropcursor-1.0.1.tgz#3ba98dd861ff2a62559e70f453f996a1ef5ec55d"
+  integrity sha512-nHokhFypOZjknolZBm2XShlR7fx1IUcCiA3S2fBwmAraWu6zv3gboDSwwFpoS9UB2xKc4ismAmBxh2bpL3YNkg==
+  dependencies:
+    "@types/prosemirror-state" "*"
+
+"@types/prosemirror-gapcursor@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-gapcursor/-/prosemirror-gapcursor-1.0.3.tgz#989e98c734e01e2ed4cab39992e60a1b0646cab6"
+  integrity sha512-kBVjjbMmUk7ZsgpI1NOyY15makulu1skEGr+V9GgY7GQnT9vqjo8/XiNSgSj9s9vRTsTb/KAaTI9KJwWlhbhxQ==
+  dependencies:
+    "@types/prosemirror-model" "*"
+    "@types/prosemirror-state" "*"
+
+"@types/prosemirror-history@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-history/-/prosemirror-history-1.0.2.tgz#f90a009a0dcd71393faa69ce705593dec76347a1"
+  integrity sha512-AcfpWo+HkIuvq/H2zYjIMi2jxa2GWfYaTNiFTB2sigjkpWNM93CIlb7Cimy/4vNH8lVPp0GwLBjYIMRX6zOUyA==
+  dependencies:
+    "@types/prosemirror-model" "*"
+    "@types/prosemirror-state" "*"
+
+"@types/prosemirror-inputrules@^1.0.2", "@types/prosemirror-inputrules@^1.0.4":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@types/prosemirror-inputrules/-/prosemirror-inputrules-1.0.4.tgz#4cb75054d954aa0f6f42099be05eb6c0e6958bae"
   integrity sha512-lJIMpOjO47SYozQybUkpV6QmfuQt7GZKHtVrvS+mR5UekA8NMC5HRIVMyaIauJLWhKU6oaNjpVaXdw41kh165g==
@@ -1533,14 +1789,33 @@
     "@types/prosemirror-model" "*"
     "@types/prosemirror-state" "*"
 
-"@types/prosemirror-model@*", "@types/prosemirror-model@^1.7.2":
+"@types/prosemirror-keymap@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-keymap/-/prosemirror-keymap-1.0.4.tgz#f73c79810e8d0e0a20d153d84f998f02e5afbc0c"
+  integrity sha512-ycevwkqUh+jEQtPwqO7sWGcm+Sybmhu8MpBsM8DlO3+YTKnXbKA6SDz/+q14q1wK3UA8lHJyfR+v+GPxfUSemg==
+  dependencies:
+    "@types/prosemirror-commands" "*"
+    "@types/prosemirror-model" "*"
+    "@types/prosemirror-state" "*"
+    "@types/prosemirror-view" "*"
+
+"@types/prosemirror-model@*", "@types/prosemirror-model@^1.13.0", "@types/prosemirror-model@^1.7.2":
   version "1.13.0"
   resolved "https://registry.yarnpkg.com/@types/prosemirror-model/-/prosemirror-model-1.13.0.tgz#d05937e918c3cac2cf49630ccab04a65fc5fffd6"
   integrity sha512-EIUr2R38Zh9n1eA8BQ1C3NX/XLV9U44DhNVk8x3Sth2RW+wa7jNA82XHMPOoapsOTfmpnh32xaHBOzREiBqdPQ==
   dependencies:
     "@types/orderedmap" "*"
 
-"@types/prosemirror-state@*", "@types/prosemirror-state@^1.2.4":
+"@types/prosemirror-schema-list@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@types/prosemirror-schema-list/-/prosemirror-schema-list-1.0.3.tgz#bdf1893a7915fbdc5c49b3cac9368e96213d70de"
+  integrity sha512-uWybOf+M2Ea7rlbs0yLsS4YJYNGXYtn4N+w8HCw3Vvfl6wBAROzlMt0gV/D/VW/7J/LlAjwMezuGe8xi24HzXA==
+  dependencies:
+    "@types/orderedmap" "*"
+    "@types/prosemirror-model" "*"
+    "@types/prosemirror-state" "*"
+
+"@types/prosemirror-state@*", "@types/prosemirror-state@^1.2.4", "@types/prosemirror-state@^1.2.6":
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/@types/prosemirror-state/-/prosemirror-state-1.2.6.tgz#bb0169084239a8393b354c6fda5420fc347d6bab"
   integrity sha512-tJo0wC+/cQvbrPDVx01Fnng9Fs41bAMVxgJY1KLOyIsUPN0otUN1KdoQurLMmHNHTvIna9ZXxjZD//xJKLYfJw==
@@ -1549,14 +1824,14 @@
     "@types/prosemirror-transform" "*"
     "@types/prosemirror-view" "*"
 
-"@types/prosemirror-transform@*":
+"@types/prosemirror-transform@*", "@types/prosemirror-transform@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@types/prosemirror-transform/-/prosemirror-transform-1.1.2.tgz#fe883c19a5a9f1882346a294efd09d55c6764c7a"
   integrity sha512-Ozyvs5Dquc49gaFysmC4gNhv6E65r569HSzw4RXdZgIljZ5Y9K4kHFlDvsWBBDH19+1178X9LMmM9J620O6Bug==
   dependencies:
     "@types/prosemirror-model" "*"
 
-"@types/prosemirror-view@*", "@types/prosemirror-view@^1.11.4":
+"@types/prosemirror-view@*", "@types/prosemirror-view@^1.11.4", "@types/prosemirror-view@^1.17.1":
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/@types/prosemirror-view/-/prosemirror-view-1.17.1.tgz#0895df5a57ae6e68d4f3f8020d9be4ef52192980"
   integrity sha512-PNiGGc6BffxHQzMR09UUilsBR8xFPDsKiPIXb4K/g56voPIvqq1pqySnWFfSR50Vo4ZL0tss3VBLWiiiKzVahQ==
@@ -5608,13 +5883,6 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
-fault@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/fault/-/fault-1.0.4.tgz#eafcfc0a6d214fc94601e170df29954a4f842f13"
-  integrity sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==
-  dependencies:
-    format "^0.2.0"
-
 faye-websocket@^0.11.3:
   version "0.11.3"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
@@ -5912,11 +6180,6 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
-format@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
-  integrity sha1-1hcBB+nv3E7TDJ3DkBbflCtctYs=
-
 forwarded@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
@@ -6411,7 +6674,7 @@ hex-color-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
   integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
 
-highlight.js@^10.7.1, highlight.js@~10.7.0:
+highlight.js@^10.7.1:
   version "10.7.2"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.7.2.tgz#89319b861edc66c48854ed1e6da21ea89f847360"
   integrity sha512-oFLl873u4usRM9K63j4ME9u3etNF0PLiJhSQ8rdfuL51Wn3zkD6drf9ZW0dOzjnZI22YYG24z30JcmfCZjMgYg==
@@ -8294,14 +8557,6 @@ lower-case@^1.1.1:
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
 
-lowlight@^1.17.0:
-  version "1.20.0"
-  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.20.0.tgz#ddb197d33462ad0d93bf19d17b6c301aa3941888"
-  integrity sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==
-  dependencies:
-    fault "^1.0.0"
-    highlight.js "~10.7.0"
-
 lru-cache@^4.0.1, lru-cache@^4.1.2, lru-cache@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -10114,14 +10369,7 @@ prop-types@^15.7.2:
     object-assign "^4.1.1"
     react-is "^16.8.1"
 
-prosemirror-collab@^1.2.2:
+prosemirror-commands@^1.1.7:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-collab/-/prosemirror-collab-1.2.2.tgz#8d2c0e82779cfef5d051154bd0836428bd6d9c4a"
-  integrity sha512-tBnHKMLgy5Qmx9MYVcLfs3pAyjtcqYYDd9kp3y+LSiQzkhMQDfZSV3NXWe4Gsly32adSef173BvObwfoSQL5MA==
-  dependencies:
-    prosemirror-state "^1.0.0"
-
-prosemirror-commands@^1.1.4:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/prosemirror-commands/-/prosemirror-commands-1.1.7.tgz#5b31ae0fe82835d36d22c780641c0b651f27dd03"
   integrity sha512-tuQr8q5euDjE+WAHWmu1JMLYWsPfUDH80QLLpnQrPYOPysO26FZyyHwEvA0+hUzvF8fOt1oMj0+/YM9UsPkZiA==
@@ -10130,7 +10378,7 @@ prosemirror-commands@^1.1.4:
     prosemirror-state "^1.0.0"
     prosemirror-transform "^1.0.0"
 
-prosemirror-dropcursor@^1.3.2:
+prosemirror-dropcursor@^1.3.4:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/prosemirror-dropcursor/-/prosemirror-dropcursor-1.3.4.tgz#a7f799ff9ecb520d3e1dbb3cb39d27ce41066618"
   integrity sha512-eVmpMG5+fmvANT3xDzRirmG240rB/piI31ExIfW0Mkvo5/cYC/lm1fFMAOzjO22uc5OQXiodRqOnyE05+g3UqA==
@@ -10158,7 +10406,7 @@ prosemirror-history@^1.1.3:
     prosemirror-transform "^1.0.0"
     rope-sequence "^1.3.0"
 
-prosemirror-inputrules@^1.1.2, prosemirror-inputrules@^1.1.3:
+prosemirror-inputrules@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/prosemirror-inputrules/-/prosemirror-inputrules-1.1.3.tgz#93f9199ca02473259c30d7e352e4c14022d54638"
   integrity sha512-ZaHCLyBtvbyIHv0f5p6boQTIJjlD6o2NPZiEaZWT2DA+j591zS29QQEMT4lBqwcLW3qRSf7ZvoKNbf05YrsStw==
@@ -10166,7 +10414,7 @@ prosemirror-inputrules@^1.1.2, prosemirror-inputrules@^1.1.3:
     prosemirror-state "^1.0.0"
     prosemirror-transform "^1.0.0"
 
-prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.1.2, prosemirror-keymap@^1.1.4:
+prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.1.3:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/prosemirror-keymap/-/prosemirror-keymap-1.1.4.tgz#8b481bf8389a5ac40d38dbd67ec3da2c7eac6a6d"
   integrity sha512-Al8cVUOnDFL4gcI5IDlG6xbZ0aOD/i3B17VT+1JbHWDguCgt/lBHVTHUBcKvvbSg6+q/W4Nj1Fu6bwZSca3xjg==
@@ -10174,10 +10422,10 @@ prosemirror-keymap@^1.0.0, prosemirror-keymap@^1.1.2, prosemirror-keymap@^1.1.4:
     prosemirror-state "^1.0.0"
     w3c-keyname "^2.2.0"
 
-prosemirror-model@^1.0.0, prosemirror-model@^1.1.0, prosemirror-model@^1.13.1, prosemirror-model@^1.8.1:
+prosemirror-model@^1.0.0, prosemirror-model@^1.1.0, prosemirror-model@^1.14.1:
-  version "1.14.0"
+  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.14.0.tgz#44042a16942dfc5dcd79daf6ec37b0efcfef53c8"
+  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.14.1.tgz#d784c67f95a5d66b853e82ff9a87a50353ef9cd5"
-  integrity sha512-+9J7YE2qD2lsRgaI5aF7u6LynBoHxb/8sW1gaMKRAhK+yeQ+motBIaxb2GxRWSadDWMOq5haAImSTBo6jDkv2A==
+  integrity sha512-vZcbI+24VloFefKZkDnMaEpipL/vSKKPdFiik4KOnTzq3e6AO7+CAOixZ2G/SsfRaYC965XvnOIEbhIQdgki7w==
   dependencies:
     orderedmap "^1.1.0"
 
@@ -10189,7 +10437,7 @@ prosemirror-schema-list@^1.1.4:
     prosemirror-model "^1.0.0"
     prosemirror-transform "^1.0.0"
 
-prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, prosemirror-state@^1.3.1, prosemirror-state@^1.3.3:
+prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, prosemirror-state@^1.3.4:
   version "1.3.4"
   resolved "https://registry.yarnpkg.com/prosemirror-state/-/prosemirror-state-1.3.4.tgz#4c6b52628216e753fc901c6d2bfd84ce109e8952"
   integrity sha512-Xkkrpd1y/TQ6HKzN3agsQIGRcLckUMA9u3j207L04mt8ToRgpGeyhbVv0HI7omDORIBHjR29b7AwlATFFf2GLA==
@@ -10197,28 +10445,17 @@ prosemirror-state@^1.0.0, prosemirror-state@^1.2.2, prosemirror-state@^1.3.1, pr
     prosemirror-model "^1.0.0"
     prosemirror-transform "^1.0.0"
 
-prosemirror-tables@^1.1.1:
+prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.3.2:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-tables/-/prosemirror-tables-1.1.1.tgz#ad66300cc49500455cf1243bb129c9e7d883321e"
-  integrity sha512-LmCz4jrlqQZRsYRDzCRYf/pQ5CUcSOyqZlAj5kv67ZWBH1SVLP2U9WJEvQfimWgeRlIz0y0PQVqO1arRm1+woA==
-  dependencies:
-    prosemirror-keymap "^1.1.2"
-    prosemirror-model "^1.8.1"
-    prosemirror-state "^1.3.1"
-    prosemirror-transform "^1.2.1"
-    prosemirror-view "^1.13.3"
-
-prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.2.1, prosemirror-transform@^1.2.8:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.3.2.tgz#5620ebe7379e6fae4f34ecc881886cb22ce96579"
   integrity sha512-/G6d/u9Mf6Bv3H1XR8VxhpjmUO75LYmnvj+s3ZfZpakU1hnQbsvCEybml1B3f2IWUAAQRFkbO1PnsbFhLZsYsw==
   dependencies:
     prosemirror-model "^1.0.0"
 
-prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.13.3, prosemirror-view@^1.16.5:
+prosemirror-view@^1.0.0, prosemirror-view@^1.1.0, prosemirror-view@^1.18.2:
-  version "1.18.3"
+  version "1.18.4"
-  resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.18.3.tgz#cfc70169cb300e9503d97362463ea870efffd3ef"
+  resolved "https://registry.yarnpkg.com/prosemirror-view/-/prosemirror-view-1.18.4.tgz#179141df117cf414434ade08115f2e233d135f6d"
-  integrity sha512-B0zlzjBI0cHadpghyvAA+JgqLGbkNU9Vxywqkfaa+AdmOZUZImBKH6ufhpK+AEZn97WWgSIkr/MT9RmGpaboAA==
+  integrity sha512-6oi62XRK5WxhMX1Amjk5uMsWILUEcFbFF75i09BzpAdI+5glhs7heCaRvKOj4v3YRJ7LJVkOXS9xvjetlE3+pA==
   dependencies:
     prosemirror-model "^1.1.0"
     prosemirror-state "^1.0.0"
@@ -11973,68 +12210,13 @@ timsort@^0.3.0:
   resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
   integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
 
-tippy.js@^6.2.3:
+tippy.js@^6.2.3, tippy.js@^6.3.1:
   version "6.3.1"
   resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-6.3.1.tgz#3788a007be7015eee0fd589a66b98fb3f8f10181"
   integrity sha512-JnFncCq+rF1dTURupoJ4yPie5Cof978inW6/4S6kmWV7LL9YOSEVMifED3KdrVPEG+Z/TFH2CDNJcQEfaeuQww==
   dependencies:
     "@popperjs/core" "^2.8.3"
 
-tiptap-commands@^1.17.1:
-  version "1.17.1"
-  resolved "https://registry.yarnpkg.com/tiptap-commands/-/tiptap-commands-1.17.1.tgz#a8974a26d87db57b2fd4fc56a552520c69e43a4a"
-  integrity sha512-CyGvMD/c6fNer5LThWGtrVMXHAqHn93ivGQpqJ58x3HNZFuoIiF9QTWXAiWbY/4QrG0ANYHKCSe9n5afickTqw==
-  dependencies:
-    prosemirror-commands "^1.1.4"
-    prosemirror-inputrules "^1.1.2"
-    prosemirror-model "^1.13.1"
-    prosemirror-schema-list "^1.1.4"
-    prosemirror-state "^1.3.3"
-    prosemirror-tables "^1.1.1"
-    tiptap-utils "^1.13.1"
-
-tiptap-extensions@^1.34.0:
-  version "1.35.2"
-  resolved "https://registry.yarnpkg.com/tiptap-extensions/-/tiptap-extensions-1.35.2.tgz#83dd6ee703ae8c83b58c7608f97253fcc4f1a94c"
-  integrity sha512-TIMbHVJe0/3aVeTeCmqGbatDkfxduPYFOffNCmuKR+h6oQNzTu6rLVhRzoNqktfxIoi/b44SiDPorTjSN72dCw==
-  dependencies:
-    lowlight "^1.17.0"
-    prosemirror-collab "^1.2.2"
-    prosemirror-history "^1.1.3"
-    prosemirror-model "^1.13.1"
-    prosemirror-state "^1.3.3"
-    prosemirror-tables "^1.1.1"
-    prosemirror-transform "^1.2.8"
-    prosemirror-view "^1.16.5"
-    tiptap "^1.32.2"
-    tiptap-commands "^1.17.1"
-    tiptap-utils "^1.13.1"
-
-tiptap-utils@^1.13.1:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/tiptap-utils/-/tiptap-utils-1.13.1.tgz#f2150ded432465d66aa03a5ab333803415cddd20"
-  integrity sha512-RoCvMfkdu7fp9u7nsRr1OgsYU8RFjoHKHEKpx075rJ9X0t+j5Vxah9n6QzTTr4yjvcavq22WO2flFacm36zYtA==
-  dependencies:
-    prosemirror-model "^1.13.1"
-    prosemirror-state "^1.3.3"
-    prosemirror-tables "^1.1.1"
-
-tiptap@^1.32.0, tiptap@^1.32.2:
-  version "1.32.2"
-  resolved "https://registry.yarnpkg.com/tiptap/-/tiptap-1.32.2.tgz#cd6259e853652bfc6860758ff44ebb695d5edd1c"
-  integrity sha512-5IwVj8nGo8y5V3jbdtoEd7xNUsi8Q0N6WV2Nfs70olqz3fldXkiImBrDhZJ4Anx8vhyP6PIBttrg0prFVmwIvw==
-  dependencies:
-    prosemirror-commands "^1.1.4"
-    prosemirror-dropcursor "^1.3.2"
-    prosemirror-gapcursor "^1.1.5"
-    prosemirror-inputrules "^1.1.3"
-    prosemirror-keymap "^1.1.4"
-    prosemirror-model "^1.13.1"
-    prosemirror-state "^1.3.3"
-    prosemirror-view "^1.16.5"
-    tiptap-commands "^1.17.1"
-    tiptap-utils "^1.13.1"
-
 tmp@0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.1.0.tgz#ee434a4e22543082e294ba6201dcc6eafefa2877"