@tiptap/vue-2 3.29.2 → 3.30.0

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(index_exports, {
   NodeViewWrapper: () => NodeViewWrapper,
   VueNodeViewRenderer: () => VueNodeViewRenderer,
   VueRenderer: () => VueRenderer,
+  VueWidgetRenderer: () => VueWidgetRenderer,
   nodeViewProps: () => nodeViewProps
 });
 module.exports = __toCommonJS(index_exports);
@@ -426,6 +427,78 @@ function VueNodeViewRenderer(component, options) {
   };
 }
 
+// src/VueWidgetRenderer.ts
+var import_core3 = require("@tiptap/core");
+
+// src/utils/createWidgetConstructor.ts
+function createWidgetConstructor(base, component, props) {
+  const VueBase = base != null ? base : Vue;
+  const Extended = VueBase.extend(component);
+  const declaredProps = {
+    ...Extended.options.props
+  };
+  for (const name of Object.keys(props)) {
+    if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) {
+      declaredProps[name] = null;
+    }
+  }
+  return Extended.extend({ props: declaredProps });
+}
+
+// src/VueWidgetRenderer.ts
+var WIDGET_CACHE = /* @__PURE__ */ Symbol("tiptapVue2WidgetCache");
+var isDev = process.env.NODE_ENV !== "production";
+function warnUndeclaredProps(renderer, props, key) {
+  var _a;
+  if (!isDev) {
+    return;
+  }
+  const declared = (_a = renderer.ref.$props) != null ? _a : {};
+  for (const name of Object.keys(props)) {
+    if (!(name in declared)) {
+      console.warn(
+        `[tiptap warn]: VueWidgetRenderer prop "${name}" was not passed on first mount for widget "${key}".`,
+        "Vue 2 cannot declare new props after mount, so this value is ignored."
+      );
+    }
+  }
+}
+function withPropWarnings(renderer, key) {
+  return {
+    renderer,
+    updateProps: (props) => {
+      warnUndeclaredProps(renderer, props, key);
+      renderer.updateProps(props);
+    },
+    destroy: () => renderer.destroy()
+  };
+}
+function VueWidgetRenderer(component, options) {
+  const { editor, key, props = {} } = options;
+  return (0, import_core3.createWidgetDecoration)({
+    // Forwards editor, pos, key and the ProseMirror widget options unchanged.
+    ...options,
+    props,
+    cacheKey: WIDGET_CACHE,
+    // `view` is not passed on purpose: Vue 2 deeply observes props and
+    // observing a ProseMirror view corrupts its internals.
+    context: (getPos) => ({ editor, getPos }),
+    create: (renderProps) => {
+      var _a, _b;
+      const base = (_b = (_a = editor.contentComponent) == null ? void 0 : _a.$options) == null ? void 0 : _b._base;
+      const Constructor = createWidgetConstructor(base, component, renderProps);
+      return withPropWarnings(
+        new VueRenderer(Constructor, {
+          parent: editor.contentComponent,
+          propsData: renderProps
+        }),
+        key
+      );
+    },
+    materialize: (entry) => entry.renderer.element
+  });
+}
+
 // src/index.ts
 __reExport(index_exports, require("@tiptap/core"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
@@ -436,6 +509,7 @@ __reExport(index_exports, require("@tiptap/core"), module.exports);
   NodeViewWrapper,
   VueNodeViewRenderer,
   VueRenderer,
+  VueWidgetRenderer,
   nodeViewProps,
   ...require("@tiptap/core")
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Editor.ts","../src/EditorContent.ts","../src/NodeViewContent.ts","../src/NodeViewWrapper.ts","../src/VueNodeViewRenderer.ts","../src/Vue.ts","../src/VueRenderer.ts"],"sourcesContent":["export { Editor } from './Editor.js'\nexport * from './EditorContent.js'\nexport * from './NodeViewContent.js'\nexport * from './NodeViewWrapper.js'\nexport * from './VueNodeViewRenderer.js'\nexport * from './VueRenderer.js'\nexport * from '@tiptap/core'\n","import { Editor as CoreEditor } from '@tiptap/core'\nimport type Vue from 'vue'\n\nexport class Editor extends CoreEditor {\n  public contentComponent: Vue | null = null\n}\n","import type { Component, CreateElement, PropType } from 'vue'\nimport type Vue from 'vue'\n\nimport type { Editor } from './Editor.js'\n\nexport interface EditorContentInterface extends Vue {\n  editor: Editor\n}\n\nexport const EditorContent: Component = {\n  name: 'EditorContent',\n\n  props: {\n    editor: {\n      default: null,\n      type: Object as PropType<Editor>,\n    },\n  },\n\n  watch: {\n    editor: {\n      immediate: true,\n      handler(this: EditorContentInterface, editor: Editor) {\n        if (editor && editor.options.element) {\n          this.$nextTick(() => {\n            const element = this.$el\n\n            if (!element || !editor.view.dom?.parentNode) {\n              return\n            }\n\n            element.append(...editor.view.dom.parentNode.childNodes)\n            editor.contentComponent = this\n\n            editor.setOptions({\n              element,\n            })\n\n            editor.createNodeViews()\n          })\n        }\n      },\n    },\n  },\n\n  render(createElement: CreateElement) {\n    return createElement('div')\n  },\n\n  beforeDestroy(this: EditorContentInterface) {\n    const { editor } = this\n\n    if (!editor) {\n      return\n    }\n\n    if (!editor.isDestroyed) {\n      editor.view.setProps({\n        nodeViews: {},\n      })\n    }\n\n    editor.contentComponent = null\n\n    if (!editor.view.dom?.parentNode) {\n      return\n    }\n\n    // TODO using the new editor.mount method might allow us to remove this\n    const newElement = document.createElement('div')\n\n    newElement.append(...editor.view.dom.parentNode.childNodes)\n\n    editor.setOptions({\n      element: newElement,\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewContentInterface extends Vue {\n  as: string\n}\n\nexport const NodeViewContent: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: {\n    nodeViewContentRef: { default: undefined },\n  },\n\n  mounted(this: any) {\n    if (this.nodeViewContentRef && this.$el) {\n      this.nodeViewContentRef(this.$el)\n    }\n  },\n\n  beforeDestroy(this: any) {\n    if (this.nodeViewContentRef) {\n      this.nodeViewContentRef(null)\n    }\n  },\n\n  render(this: NodeViewContentInterface, createElement: CreateElement) {\n    return createElement(this.as, {\n      style: {\n        whiteSpace: 'pre-wrap',\n      },\n      attrs: {\n        'data-node-view-content': '',\n      },\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewWrapperInterface extends Vue {\n  as: string\n  decorationClasses: {\n    value: string\n  }\n  onDragStart: () => void\n}\n\nexport const NodeViewWrapper: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: ['onDragStart', 'decorationClasses'],\n\n  render(this: NodeViewWrapperInterface, createElement: CreateElement) {\n    return createElement(\n      this.as,\n      {\n        class: this.decorationClasses.value,\n        style: {\n          whiteSpace: 'normal',\n        },\n        attrs: {\n          'data-node-view-wrapper': '',\n        },\n        on: {\n          dragstart: this.onDragStart,\n        },\n      },\n      this.$slots.default,\n    )\n  },\n}\n","import type {\n  DecorationWithType,\n  NodeViewProps,\n  NodeViewRenderer,\n  NodeViewRendererOptions,\n  NodeViewRendererProps,\n} from '@tiptap/core'\nimport { isNodeViewSelected, NodeView } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'\nimport type { VueConstructor } from 'vue'\nimport { booleanProp, functionProp, objectProp } from 'vue-ts-types'\n\nimport type { Editor } from './Editor.js'\nimport { Vue } from './Vue.js'\nimport { VueRenderer } from './VueRenderer.js'\n\nexport const nodeViewProps = {\n  editor: objectProp<NodeViewProps['editor']>().required,\n  node: objectProp<NodeViewProps['node']>().required,\n  decorations: objectProp<NodeViewProps['decorations']>().required,\n  selected: booleanProp().required,\n  extension: objectProp<NodeViewProps['extension']>().required,\n  getPos: functionProp<NodeViewProps['getPos']>().required,\n  updateAttributes: functionProp<NodeViewProps['updateAttributes']>().required,\n  deleteNode: functionProp<NodeViewProps['deleteNode']>().required,\n}\n\nexport interface VueNodeViewRendererOptions extends NodeViewRendererOptions {\n  update:\n    | ((props: {\n        oldNode: ProseMirrorNode\n        oldDecorations: readonly Decoration[]\n        oldInnerDecorations: DecorationSource\n        newNode: ProseMirrorNode\n        newDecorations: readonly Decoration[]\n        innerDecorations: DecorationSource\n        updateProps: () => void\n      }) => boolean)\n    | null\n}\n\nclass VueNodeView extends NodeView<Vue | VueConstructor, Editor, VueNodeViewRendererOptions> {\n  renderer!: VueRenderer\n\n  decorationClasses!: {\n    value: string\n  }\n\n  /**\n   * The element that holds the rich-text content of the node.\n   * Always created for non-leaf nodes to guarantee a valid contentDOM,\n   * even when the user's component does not include a NodeViewContent.\n   * Must NOT have an initializer because class field initializers run\n   * after super() and would overwrite the value set by mount().\n   */\n  contentDOMElement!: HTMLElement | null\n\n  private currentPos: number | undefined\n\n  constructor(\n    component: Vue | VueConstructor,\n    props: NodeViewRendererProps,\n    options?: Partial<VueNodeViewRendererOptions>,\n  ) {\n    super(component, props, options)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.on('update', this.handlePositionUpdate)\n    }\n  }\n\n  private handlePositionUpdate = () => {\n    const newPos = this.getPos()\n    if (typeof newPos !== 'number' || newPos === this.currentPos) {\n      return\n    }\n    this.currentPos = newPos\n    this.renderer.updateProps({ getPos: () => this.getPos() })\n  }\n\n  /**\n   * Called when the node view is mounted.\n   */\n  mount() {\n    const props: Record<string, any> = {\n      editor: this.editor,\n      node: this.node,\n      decorations: this.decorations as DecorationWithType[],\n      innerDecorations: this.innerDecorations,\n      view: this.view,\n      selected: false,\n      extension: this.extension,\n      HTMLAttributes: this.HTMLAttributes,\n      getPos: () => this.getPos(),\n      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),\n      deleteNode: () => this.deleteNode(),\n    }\n\n    const mountProps = props as NodeViewProps\n\n    const onDragStart = this.onDragStart.bind(this)\n\n    this.decorationClasses = Vue.observable({\n      value: this.getDecorationClasses(),\n    })\n\n    // @ts-ignore\n    const vue = this.editor.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n\n    const Component = vue.extend(this.component).extend({\n      props: Object.keys(props),\n      provide: () => {\n        return {\n          onDragStart,\n          decorationClasses: this.decorationClasses,\n          nodeViewContentRef: (el: HTMLElement | null) => {\n            if (!this.contentDOMElement) return\n\n            if (el && el.firstChild !== this.contentDOMElement) {\n              // NodeViewContent mounted: move the contentDOMElement inside it\n              el.appendChild(this.contentDOMElement)\n            }\n          },\n        }\n      },\n    })\n\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this)\n    this.editor.on('selectionUpdate', this.handleSelectionUpdate)\n\n    this.currentPos = this.getPos()\n\n    if (!this.node.isLeaf) {\n      if (this.options.contentDOMElementTag) {\n        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)\n      } else {\n        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')\n      }\n      this.contentDOMElement.style.whiteSpace = 'inherit'\n      // Use a distinct attribute to avoid clashing with the user's\n      // <node-view-content> element (which carries data-node-view-content).\n      // Matches React's data-node-view-content-react convention.\n      this.contentDOMElement.dataset.nodeViewContentVue = ''\n    }\n\n    this.renderer = new VueRenderer(Component, {\n      parent: this.editor.contentComponent,\n      propsData: mountProps,\n    })\n  }\n\n  /**\n   * Return the DOM element.\n   * This is the element that will be used to display the node view.\n   */\n  get dom() {\n    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {\n      throw Error('Please use the NodeViewWrapper component for your node view.')\n    }\n\n    return this.renderer.element as HTMLElement\n  }\n\n  /**\n   * Return the content DOM element.\n   * This is the element that will be used to display the rich-text content of the node.\n   */\n  get contentDOM() {\n    if (this.node.isLeaf) {\n      return null\n    }\n\n    return this.contentDOMElement\n  }\n\n  /**\n   * On editor selection update, check if the node is selected.\n   * If it is, call `selectNode`, otherwise call `deselectNode`.\n   */\n  handleSelectionUpdate() {\n    const pos = this.getPos()\n\n    if (typeof pos !== 'number') {\n      return\n    }\n\n    const isSelected = isNodeViewSelected({\n      selection: this.editor.state.selection,\n      pos,\n      nodeSize: this.node.nodeSize,\n      selectedOnTextSelection: this.options.selectedOnTextSelection,\n    })\n\n    if (isSelected) {\n      if (this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.selectNode()\n    } else {\n      if (!this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.deselectNode()\n    }\n  }\n\n  /**\n   * On update, update the React component.\n   * To prevent unnecessary updates, the `update` option can be used.\n   */\n  update(\n    node: ProseMirrorNode,\n    decorations: readonly Decoration[],\n    innerDecorations: DecorationSource,\n  ): boolean {\n    const rerenderComponent = (props?: Record<string, any>) => {\n      this.decorationClasses.value = this.getDecorationClasses()\n      this.renderer.updateProps(props)\n    }\n\n    if (typeof this.options.update === 'function') {\n      const oldNode = this.node\n      const oldDecorations = this.decorations\n      const oldInnerDecorations = this.innerDecorations\n\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n\n      return this.options.update({\n        oldNode,\n        oldDecorations,\n        newNode: node,\n        newDecorations: decorations,\n        oldInnerDecorations,\n        innerDecorations,\n        updateProps: () => rerenderComponent({ node, decorations, innerDecorations }),\n      })\n    }\n\n    if (node.type !== this.node.type) {\n      return false\n    }\n\n    const nodeChanged = node !== this.node\n\n    // Node reference unchanged — only decorations may have changed.\n    // ProseMirror renders decorations independently on the contentDOM,\n    // and the getPos closure (bound in mount()) calls through to\n    // ProseMirror's position function at call time, so it is always\n    // current. Update internal refs, refresh decoration classes for\n    // the wrapper component, and skip the Vue re-render.\n    if (!nodeChanged) {\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n      this.decorationClasses.value = this.getDecorationClasses()\n      return true\n    }\n\n    this.node = node\n    this.decorations = decorations\n    this.innerDecorations = innerDecorations\n    this.currentPos = this.getPos()\n\n    const extraProps: Record<string, any> = {\n      node,\n      decorations,\n      innerDecorations,\n    }\n\n    if (this.options.trackNodeViewPosition) {\n      extraProps.getPos = () => this.getPos()\n    }\n\n    rerenderComponent(extraProps)\n\n    return true\n  }\n\n  /**\n   * Select the node.\n   * Add the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  selectNode() {\n    this.renderer.updateProps({\n      selected: true,\n    })\n    this.renderer.element.classList.add('ProseMirror-selectednode')\n  }\n\n  /**\n   * Deselect the node.\n   * Remove the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  deselectNode() {\n    this.renderer.updateProps({\n      selected: false,\n    })\n    this.renderer.element.classList.remove('ProseMirror-selectednode')\n  }\n\n  getDecorationClasses() {\n    return (\n      this.decorations\n        // @ts-ignore\n        .flatMap(item => item.type.attrs.class)\n        .join(' ')\n    )\n  }\n\n  destroy() {\n    this.renderer.destroy()\n    this.editor.off('selectionUpdate', this.handleSelectionUpdate)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.off('update', this.handlePositionUpdate)\n    }\n\n    this.contentDOMElement = null\n  }\n}\n\nexport function VueNodeViewRenderer(\n  component: Vue | VueConstructor,\n  options?: Partial<VueNodeViewRendererOptions>,\n): NodeViewRenderer {\n  return props => {\n    // try to get the parent component\n    // this is important for vue devtools to show the component hierarchy correctly\n    // maybe it’s `undefined` because <editor-content> isn’t rendered yet\n    if (!(props.editor as Editor).contentComponent) {\n      return {} as unknown as ProseMirrorNodeView\n    }\n\n    return new VueNodeView(component, props, options)\n  }\n}\n","import type { VueConstructor } from 'vue'\nimport VueDefault from 'vue'\n\n// With nodenext module resolution, TypeScript treats the default import as the module type.\n// We need to explicitly type it as VueConstructor to access static methods like extend and observable.\n// This is necessary because Vue 2's type definitions export Vue as VueConstructor, but nodenext\n// doesn't correctly infer the default export type.\nexport const Vue: VueConstructor = VueDefault as unknown as VueConstructor\n","import type { VueConstructor } from 'vue'\n\nimport { Vue } from './Vue.js'\n\n/**\n * The VueRenderer class is responsible for rendering a Vue component as a ProseMirror node view.\n */\nexport class VueRenderer {\n  ref!: Vue\n\n  constructor(component: Vue | VueConstructor, props: any) {\n    const Component = typeof component === 'function' ? component : Vue.extend(component)\n\n    this.ref = new Component(props).$mount()\n  }\n\n  get element(): Element {\n    return this.ref.$el\n  }\n\n  updateProps(props: Record<string, any> = {}): void {\n    if (!this.ref.$props) {\n      return\n    }\n\n    // prevents `Avoid mutating a prop directly` error message\n    // Fix: `VueNodeViewRenderer` change vue Constructor `config.silent` not working\n    const currentVueConstructor = this.ref.$props.editor?.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n    const originalSilent = currentVueConstructor.config.silent\n\n    currentVueConstructor.config.silent = true\n\n    Object.entries(props).forEach(([key, value]) => {\n      this.ref.$props[key] = value\n    })\n\n    currentVueConstructor.config.silent = originalSilent\n  }\n\n  destroy(): void {\n    this.ref.$destroy()\n  }\n}\n"],"mappings":"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","names":["CoreEditor","import_core","VueDefault"]}
+{"version":3,"sources":["../src/index.ts","../src/Editor.ts","../src/EditorContent.ts","../src/NodeViewContent.ts","../src/NodeViewWrapper.ts","../src/VueNodeViewRenderer.ts","../src/Vue.ts","../src/VueRenderer.ts","../src/VueWidgetRenderer.ts","../src/utils/createWidgetConstructor.ts"],"sourcesContent":["export { Editor } from './Editor.js'\nexport * from './EditorContent.js'\nexport * from './NodeViewContent.js'\nexport * from './NodeViewWrapper.js'\nexport * from './VueNodeViewRenderer.js'\nexport * from './VueRenderer.js'\nexport * from './VueWidgetRenderer.js'\nexport * from '@tiptap/core'\n","import { Editor as CoreEditor } from '@tiptap/core'\nimport type Vue from 'vue'\n\nexport class Editor extends CoreEditor {\n  public contentComponent: Vue | null = null\n}\n","import type { Component, CreateElement, PropType } from 'vue'\nimport type Vue from 'vue'\n\nimport type { Editor } from './Editor.js'\n\nexport interface EditorContentInterface extends Vue {\n  editor: Editor\n}\n\nexport const EditorContent: Component = {\n  name: 'EditorContent',\n\n  props: {\n    editor: {\n      default: null,\n      type: Object as PropType<Editor>,\n    },\n  },\n\n  watch: {\n    editor: {\n      immediate: true,\n      handler(this: EditorContentInterface, editor: Editor) {\n        if (editor && editor.options.element) {\n          this.$nextTick(() => {\n            const element = this.$el\n\n            if (!element || !editor.view.dom?.parentNode) {\n              return\n            }\n\n            element.append(...editor.view.dom.parentNode.childNodes)\n            editor.contentComponent = this\n\n            editor.setOptions({\n              element,\n            })\n\n            editor.createNodeViews()\n          })\n        }\n      },\n    },\n  },\n\n  render(createElement: CreateElement) {\n    return createElement('div')\n  },\n\n  beforeDestroy(this: EditorContentInterface) {\n    const { editor } = this\n\n    if (!editor) {\n      return\n    }\n\n    if (!editor.isDestroyed) {\n      editor.view.setProps({\n        nodeViews: {},\n      })\n    }\n\n    editor.contentComponent = null\n\n    if (!editor.view.dom?.parentNode) {\n      return\n    }\n\n    // TODO using the new editor.mount method might allow us to remove this\n    const newElement = document.createElement('div')\n\n    newElement.append(...editor.view.dom.parentNode.childNodes)\n\n    editor.setOptions({\n      element: newElement,\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewContentInterface extends Vue {\n  as: string\n}\n\nexport const NodeViewContent: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: {\n    nodeViewContentRef: { default: undefined },\n  },\n\n  mounted(this: any) {\n    if (this.nodeViewContentRef && this.$el) {\n      this.nodeViewContentRef(this.$el)\n    }\n  },\n\n  beforeDestroy(this: any) {\n    if (this.nodeViewContentRef) {\n      this.nodeViewContentRef(null)\n    }\n  },\n\n  render(this: NodeViewContentInterface, createElement: CreateElement) {\n    return createElement(this.as, {\n      style: {\n        whiteSpace: 'pre-wrap',\n      },\n      attrs: {\n        'data-node-view-content': '',\n      },\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewWrapperInterface extends Vue {\n  as: string\n  decorationClasses: {\n    value: string\n  }\n  onDragStart: () => void\n}\n\nexport const NodeViewWrapper: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: ['onDragStart', 'decorationClasses'],\n\n  render(this: NodeViewWrapperInterface, createElement: CreateElement) {\n    return createElement(\n      this.as,\n      {\n        class: this.decorationClasses.value,\n        style: {\n          whiteSpace: 'normal',\n        },\n        attrs: {\n          'data-node-view-wrapper': '',\n        },\n        on: {\n          dragstart: this.onDragStart,\n        },\n      },\n      this.$slots.default,\n    )\n  },\n}\n","import type {\n  DecorationWithType,\n  NodeViewProps,\n  NodeViewRenderer,\n  NodeViewRendererOptions,\n  NodeViewRendererProps,\n} from '@tiptap/core'\nimport { isNodeViewSelected, NodeView } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'\nimport type { VueConstructor } from 'vue'\nimport { booleanProp, functionProp, objectProp } from 'vue-ts-types'\n\nimport type { Editor } from './Editor.js'\nimport { Vue } from './Vue.js'\nimport { VueRenderer } from './VueRenderer.js'\n\nexport const nodeViewProps = {\n  editor: objectProp<NodeViewProps['editor']>().required,\n  node: objectProp<NodeViewProps['node']>().required,\n  decorations: objectProp<NodeViewProps['decorations']>().required,\n  selected: booleanProp().required,\n  extension: objectProp<NodeViewProps['extension']>().required,\n  getPos: functionProp<NodeViewProps['getPos']>().required,\n  updateAttributes: functionProp<NodeViewProps['updateAttributes']>().required,\n  deleteNode: functionProp<NodeViewProps['deleteNode']>().required,\n}\n\nexport interface VueNodeViewRendererOptions extends NodeViewRendererOptions {\n  update:\n    | ((props: {\n        oldNode: ProseMirrorNode\n        oldDecorations: readonly Decoration[]\n        oldInnerDecorations: DecorationSource\n        newNode: ProseMirrorNode\n        newDecorations: readonly Decoration[]\n        innerDecorations: DecorationSource\n        updateProps: () => void\n      }) => boolean)\n    | null\n}\n\nclass VueNodeView extends NodeView<Vue | VueConstructor, Editor, VueNodeViewRendererOptions> {\n  renderer!: VueRenderer\n\n  decorationClasses!: {\n    value: string\n  }\n\n  /**\n   * The element that holds the rich-text content of the node.\n   * Always created for non-leaf nodes to guarantee a valid contentDOM,\n   * even when the user's component does not include a NodeViewContent.\n   * Must NOT have an initializer because class field initializers run\n   * after super() and would overwrite the value set by mount().\n   */\n  contentDOMElement!: HTMLElement | null\n\n  private currentPos: number | undefined\n\n  constructor(\n    component: Vue | VueConstructor,\n    props: NodeViewRendererProps,\n    options?: Partial<VueNodeViewRendererOptions>,\n  ) {\n    super(component, props, options)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.on('update', this.handlePositionUpdate)\n    }\n  }\n\n  private handlePositionUpdate = () => {\n    const newPos = this.getPos()\n    if (typeof newPos !== 'number' || newPos === this.currentPos) {\n      return\n    }\n    this.currentPos = newPos\n    this.renderer.updateProps({ getPos: () => this.getPos() })\n  }\n\n  /**\n   * Called when the node view is mounted.\n   */\n  mount() {\n    const props: Record<string, any> = {\n      editor: this.editor,\n      node: this.node,\n      decorations: this.decorations as DecorationWithType[],\n      innerDecorations: this.innerDecorations,\n      view: this.view,\n      selected: false,\n      extension: this.extension,\n      HTMLAttributes: this.HTMLAttributes,\n      getPos: () => this.getPos(),\n      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),\n      deleteNode: () => this.deleteNode(),\n    }\n\n    const mountProps = props as NodeViewProps\n\n    const onDragStart = this.onDragStart.bind(this)\n\n    this.decorationClasses = Vue.observable({\n      value: this.getDecorationClasses(),\n    })\n\n    // @ts-ignore\n    const vue = this.editor.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n\n    const Component = vue.extend(this.component).extend({\n      props: Object.keys(props),\n      provide: () => {\n        return {\n          onDragStart,\n          decorationClasses: this.decorationClasses,\n          nodeViewContentRef: (el: HTMLElement | null) => {\n            if (!this.contentDOMElement) return\n\n            if (el && el.firstChild !== this.contentDOMElement) {\n              // NodeViewContent mounted: move the contentDOMElement inside it\n              el.appendChild(this.contentDOMElement)\n            }\n          },\n        }\n      },\n    })\n\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this)\n    this.editor.on('selectionUpdate', this.handleSelectionUpdate)\n\n    this.currentPos = this.getPos()\n\n    if (!this.node.isLeaf) {\n      if (this.options.contentDOMElementTag) {\n        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)\n      } else {\n        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')\n      }\n      this.contentDOMElement.style.whiteSpace = 'inherit'\n      // Use a distinct attribute to avoid clashing with the user's\n      // <node-view-content> element (which carries data-node-view-content).\n      // Matches React's data-node-view-content-react convention.\n      this.contentDOMElement.dataset.nodeViewContentVue = ''\n    }\n\n    this.renderer = new VueRenderer(Component, {\n      parent: this.editor.contentComponent,\n      propsData: mountProps,\n    })\n  }\n\n  /**\n   * Return the DOM element.\n   * This is the element that will be used to display the node view.\n   */\n  get dom() {\n    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {\n      throw Error('Please use the NodeViewWrapper component for your node view.')\n    }\n\n    return this.renderer.element as HTMLElement\n  }\n\n  /**\n   * Return the content DOM element.\n   * This is the element that will be used to display the rich-text content of the node.\n   */\n  get contentDOM() {\n    if (this.node.isLeaf) {\n      return null\n    }\n\n    return this.contentDOMElement\n  }\n\n  /**\n   * On editor selection update, check if the node is selected.\n   * If it is, call `selectNode`, otherwise call `deselectNode`.\n   */\n  handleSelectionUpdate() {\n    const pos = this.getPos()\n\n    if (typeof pos !== 'number') {\n      return\n    }\n\n    const isSelected = isNodeViewSelected({\n      selection: this.editor.state.selection,\n      pos,\n      nodeSize: this.node.nodeSize,\n      selectedOnTextSelection: this.options.selectedOnTextSelection,\n    })\n\n    if (isSelected) {\n      if (this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.selectNode()\n    } else {\n      if (!this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.deselectNode()\n    }\n  }\n\n  /**\n   * On update, update the React component.\n   * To prevent unnecessary updates, the `update` option can be used.\n   */\n  update(\n    node: ProseMirrorNode,\n    decorations: readonly Decoration[],\n    innerDecorations: DecorationSource,\n  ): boolean {\n    const rerenderComponent = (props?: Record<string, any>) => {\n      this.decorationClasses.value = this.getDecorationClasses()\n      this.renderer.updateProps(props)\n    }\n\n    if (typeof this.options.update === 'function') {\n      const oldNode = this.node\n      const oldDecorations = this.decorations\n      const oldInnerDecorations = this.innerDecorations\n\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n\n      return this.options.update({\n        oldNode,\n        oldDecorations,\n        newNode: node,\n        newDecorations: decorations,\n        oldInnerDecorations,\n        innerDecorations,\n        updateProps: () => rerenderComponent({ node, decorations, innerDecorations }),\n      })\n    }\n\n    if (node.type !== this.node.type) {\n      return false\n    }\n\n    const nodeChanged = node !== this.node\n\n    // Node reference unchanged — only decorations may have changed.\n    // ProseMirror renders decorations independently on the contentDOM,\n    // and the getPos closure (bound in mount()) calls through to\n    // ProseMirror's position function at call time, so it is always\n    // current. Update internal refs, refresh decoration classes for\n    // the wrapper component, and skip the Vue re-render.\n    if (!nodeChanged) {\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n      this.decorationClasses.value = this.getDecorationClasses()\n      return true\n    }\n\n    this.node = node\n    this.decorations = decorations\n    this.innerDecorations = innerDecorations\n    this.currentPos = this.getPos()\n\n    const extraProps: Record<string, any> = {\n      node,\n      decorations,\n      innerDecorations,\n    }\n\n    if (this.options.trackNodeViewPosition) {\n      extraProps.getPos = () => this.getPos()\n    }\n\n    rerenderComponent(extraProps)\n\n    return true\n  }\n\n  /**\n   * Select the node.\n   * Add the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  selectNode() {\n    this.renderer.updateProps({\n      selected: true,\n    })\n    this.renderer.element.classList.add('ProseMirror-selectednode')\n  }\n\n  /**\n   * Deselect the node.\n   * Remove the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  deselectNode() {\n    this.renderer.updateProps({\n      selected: false,\n    })\n    this.renderer.element.classList.remove('ProseMirror-selectednode')\n  }\n\n  getDecorationClasses() {\n    return (\n      this.decorations\n        // @ts-ignore\n        .flatMap(item => item.type.attrs.class)\n        .join(' ')\n    )\n  }\n\n  destroy() {\n    this.renderer.destroy()\n    this.editor.off('selectionUpdate', this.handleSelectionUpdate)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.off('update', this.handlePositionUpdate)\n    }\n\n    this.contentDOMElement = null\n  }\n}\n\nexport function VueNodeViewRenderer(\n  component: Vue | VueConstructor,\n  options?: Partial<VueNodeViewRendererOptions>,\n): NodeViewRenderer {\n  return props => {\n    // try to get the parent component\n    // this is important for vue devtools to show the component hierarchy correctly\n    // maybe it’s `undefined` because <editor-content> isn’t rendered yet\n    if (!(props.editor as Editor).contentComponent) {\n      return {} as unknown as ProseMirrorNodeView\n    }\n\n    return new VueNodeView(component, props, options)\n  }\n}\n","import type { VueConstructor } from 'vue'\nimport VueDefault from 'vue'\n\n// With nodenext module resolution, TypeScript treats the default import as the module type.\n// We need to explicitly type it as VueConstructor to access static methods like extend and observable.\n// This is necessary because Vue 2's type definitions export Vue as VueConstructor, but nodenext\n// doesn't correctly infer the default export type.\nexport const Vue: VueConstructor = VueDefault as unknown as VueConstructor\n","import type { VueConstructor } from 'vue'\n\nimport { Vue } from './Vue.js'\n\n/**\n * The VueRenderer class is responsible for rendering a Vue component as a ProseMirror node view.\n */\nexport class VueRenderer {\n  ref!: Vue\n\n  constructor(component: Vue | VueConstructor, props: any) {\n    const Component = typeof component === 'function' ? component : Vue.extend(component)\n\n    this.ref = new Component(props).$mount()\n  }\n\n  get element(): Element {\n    return this.ref.$el\n  }\n\n  updateProps(props: Record<string, any> = {}): void {\n    if (!this.ref.$props) {\n      return\n    }\n\n    // prevents `Avoid mutating a prop directly` error message\n    // Fix: `VueNodeViewRenderer` change vue Constructor `config.silent` not working\n    const currentVueConstructor = this.ref.$props.editor?.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n    const originalSilent = currentVueConstructor.config.silent\n\n    currentVueConstructor.config.silent = true\n\n    Object.entries(props).forEach(([key, value]) => {\n      this.ref.$props[key] = value\n    })\n\n    currentVueConstructor.config.silent = originalSilent\n  }\n\n  destroy(): void {\n    this.ref.$destroy()\n  }\n}\n","import { createWidgetDecoration } from '@tiptap/core'\nimport type {\n  Editor as CoreEditor,\n  WidgetDecoration,\n  WidgetDecorationOptions,\n  WidgetRenderer,\n} from '@tiptap/core'\nimport type { Component, VueConstructor } from 'vue'\n\nimport type { Editor } from './Editor.js'\nimport { createWidgetConstructor } from './utils/createWidgetConstructor.js'\nimport { VueRenderer } from './VueRenderer.js'\n\n/**\n * Props every widget-decoration component receives in addition to the props you\n * pass through `VueWidgetRenderer`. Declare the ones you use on your component.\n */\nexport interface VueWidgetDecorationProps {\n  editor: CoreEditor\n  getPos: () => number | undefined\n}\n\nexport interface VueWidgetRendererOptions<\n  P extends Record<string, any> = object,\n> extends WidgetDecorationOptions {\n  /**\n   * The editor instance.\n   */\n  editor: Editor\n  /**\n   * The document position the widget is rendered at.\n   */\n  pos: number\n  /**\n   * A stable, position-independent identifier for the widget.\n   * Reusing the same key keeps the component mounted across re-renders.\n   * Good: `comment-${id}`. Bad: paragraph index or document position.\n   */\n  key: string\n  /**\n   * Props passed to the component (merged with {@link VueWidgetDecorationProps}).\n   * The component must render a single root element.\n   */\n  props?: P\n}\n\nconst WIDGET_CACHE = Symbol('tiptapVue2WidgetCache')\n\n// @ts-ignore\nconst isDev = process.env.NODE_ENV !== 'production'\n\n/** The `VueRenderer` plus the warning wrapper the widget cache drives. */\ninterface WidgetRendererEntry extends WidgetRenderer {\n  renderer: VueRenderer\n}\n\n// Vue 2 fixes the prop list at construction. Keys absent on first mount are\n// never declared, so updateProps silently drops them on later updates.\nfunction warnUndeclaredProps(renderer: VueRenderer, props: Record<string, any>, key: string): void {\n  if (!isDev) {\n    return\n  }\n\n  const declared = renderer.ref.$props ?? {}\n\n  for (const name of Object.keys(props)) {\n    if (!(name in declared)) {\n      console.warn(\n        `[tiptap warn]: VueWidgetRenderer prop \"${name}\" was not passed on first mount for widget \"${key}\".`,\n        'Vue 2 cannot declare new props after mount, so this value is ignored.',\n      )\n    }\n  }\n}\n\n// Wrap the renderer so every prop push warns, whether it comes from the first\n// render or from the deferred flush.\nfunction withPropWarnings(renderer: VueRenderer, key: string): WidgetRendererEntry {\n  return {\n    renderer,\n    updateProps: props => {\n      warnUndeclaredProps(renderer, props, key)\n      renderer.updateProps(props)\n    },\n    destroy: () => renderer.destroy(),\n  }\n}\n\n/**\n * Renders a Vue 2 component into a ProseMirror widget decoration.\n * Reuses Tiptap's `VueRenderer` so the component is mounted under the editor's\n * content component (inject/provide works as usual). Use a stable `key` for\n * stateful widgets. The component must render a single root element.\n * @example\n * addDecorations() {\n *   return {\n *     create: ({ editor, state }) =>\n *       findMatches(state.doc).map(match =>\n *         VueWidgetRenderer(MyWidget, {\n *           editor, pos: match.pos, key: `match-${match.id}`,\n *           props: { label: match.label },\n *         }),\n *       ),\n *   }\n * }\n */\nexport function VueWidgetRenderer<P extends Record<string, any> = object>(\n  component: Component,\n  options: VueWidgetRendererOptions<P>,\n): WidgetDecoration {\n  const { editor, key, props = {} as P } = options\n\n  return createWidgetDecoration<WidgetRendererEntry>({\n    // Forwards editor, pos, key and the ProseMirror widget options unchanged.\n    ...options,\n    props,\n    cacheKey: WIDGET_CACHE,\n    // `view` is not passed on purpose: Vue 2 deeply observes props and\n    // observing a ProseMirror view corrupts its internals.\n    context: getPos => ({ editor, getPos }),\n    create: renderProps => {\n      const base = (editor.contentComponent?.$options as any)?._base as VueConstructor | undefined\n      const Constructor = createWidgetConstructor(base, component, renderProps)\n\n      return withPropWarnings(\n        new VueRenderer(Constructor, {\n          parent: editor.contentComponent,\n          propsData: renderProps,\n        }),\n        key,\n      )\n    },\n    materialize: entry => entry.renderer.element as HTMLElement,\n  })\n}\n","import type { Component, VueConstructor } from 'vue'\n\nimport { Vue } from '../Vue.js'\n\n/**\n * Builds the Vue 2 constructor for a widget component.\n *\n * Extends the editor's own Vue constructor so the widget shares its context,\n * then auto-declares every passed prop the component does not declare itself.\n * Vue 2 fixes the prop list at construction, so undeclared keys would be\n * dropped. Existing declarations keep their type, default and validator.\n *\n * @param base The editor's Vue constructor, or undefined to fall back to `Vue`.\n * @param component The widget component.\n * @param props The props the widget is mounted with.\n * @returns A constructor that accepts every key in `props`.\n * @example\n * createWidgetConstructor(undefined, MyWidget, { editor, getPos, label: 'a' })\n */\nexport function createWidgetConstructor(\n  base: VueConstructor | undefined,\n  component: Component,\n  props: Record<string, any>,\n): VueConstructor {\n  const VueBase = base ?? Vue\n  const Extended = VueBase.extend(component as any)\n  const declaredProps = {\n    ...(Extended as unknown as { options: { props?: Record<string, any> } }).options.props,\n  }\n\n  for (const name of Object.keys(props)) {\n    if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) {\n      declaredProps[name] = null\n    }\n  }\n\n  return Extended.extend({ props: declaredProps })\n}\n"],"mappings":"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","names":["CoreEditor","import_core","VueDefault","import_core"]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as _tiptap_core from '@tiptap/core';
-import { Editor as Editor$1, NodeViewRendererOptions, NodeViewRenderer, DecorationWithType } from '@tiptap/core';
+import { Editor as Editor$1, NodeViewRendererOptions, NodeViewRenderer, DecorationWithType, WidgetDecorationOptions, WidgetDecoration } from '@tiptap/core';
 export * from '@tiptap/core';
 import { Component, VueConstructor } from 'vue';
 import * as vue_ts_types_dist_types_js from 'vue-ts-types/dist/types.js';
@@ -75,4 +75,53 @@ declare class VueRenderer {
     destroy(): void;
 }
 
-export { Editor, EditorContent, type EditorContentInterface, NodeViewContent, type NodeViewContentInterface, NodeViewWrapper, type NodeViewWrapperInterface, VueNodeViewRenderer, type VueNodeViewRendererOptions, VueRenderer, nodeViewProps };
+/**
+ * Props every widget-decoration component receives in addition to the props you
+ * pass through `VueWidgetRenderer`. Declare the ones you use on your component.
+ */
+interface VueWidgetDecorationProps {
+    editor: Editor$1;
+    getPos: () => number | undefined;
+}
+interface VueWidgetRendererOptions<P extends Record<string, any> = object> extends WidgetDecorationOptions {
+    /**
+     * The editor instance.
+     */
+    editor: Editor;
+    /**
+     * The document position the widget is rendered at.
+     */
+    pos: number;
+    /**
+     * A stable, position-independent identifier for the widget.
+     * Reusing the same key keeps the component mounted across re-renders.
+     * Good: `comment-${id}`. Bad: paragraph index or document position.
+     */
+    key: string;
+    /**
+     * Props passed to the component (merged with {@link VueWidgetDecorationProps}).
+     * The component must render a single root element.
+     */
+    props?: P;
+}
+/**
+ * Renders a Vue 2 component into a ProseMirror widget decoration.
+ * Reuses Tiptap's `VueRenderer` so the component is mounted under the editor's
+ * content component (inject/provide works as usual). Use a stable `key` for
+ * stateful widgets. The component must render a single root element.
+ * @example
+ * addDecorations() {
+ *   return {
+ *     create: ({ editor, state }) =>
+ *       findMatches(state.doc).map(match =>
+ *         VueWidgetRenderer(MyWidget, {
+ *           editor, pos: match.pos, key: `match-${match.id}`,
+ *           props: { label: match.label },
+ *         }),
+ *       ),
+ *   }
+ * }
+ */
+declare function VueWidgetRenderer<P extends Record<string, any> = object>(component: Component, options: VueWidgetRendererOptions<P>): WidgetDecoration;
+
+export { Editor, EditorContent, type EditorContentInterface, NodeViewContent, type NodeViewContentInterface, NodeViewWrapper, type NodeViewWrapperInterface, VueNodeViewRenderer, type VueNodeViewRendererOptions, VueRenderer, type VueWidgetDecorationProps, VueWidgetRenderer, type VueWidgetRendererOptions, nodeViewProps };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _tiptap_core from '@tiptap/core';
-import { Editor as Editor$1, NodeViewRendererOptions, NodeViewRenderer, DecorationWithType } from '@tiptap/core';
+import { Editor as Editor$1, NodeViewRendererOptions, NodeViewRenderer, DecorationWithType, WidgetDecorationOptions, WidgetDecoration } from '@tiptap/core';
 export * from '@tiptap/core';
 import { Component, VueConstructor } from 'vue';
 import * as vue_ts_types_dist_types_js from 'vue-ts-types/dist/types.js';
@@ -75,4 +75,53 @@ declare class VueRenderer {
     destroy(): void;
 }
 
-export { Editor, EditorContent, type EditorContentInterface, NodeViewContent, type NodeViewContentInterface, NodeViewWrapper, type NodeViewWrapperInterface, VueNodeViewRenderer, type VueNodeViewRendererOptions, VueRenderer, nodeViewProps };
+/**
+ * Props every widget-decoration component receives in addition to the props you
+ * pass through `VueWidgetRenderer`. Declare the ones you use on your component.
+ */
+interface VueWidgetDecorationProps {
+    editor: Editor$1;
+    getPos: () => number | undefined;
+}
+interface VueWidgetRendererOptions<P extends Record<string, any> = object> extends WidgetDecorationOptions {
+    /**
+     * The editor instance.
+     */
+    editor: Editor;
+    /**
+     * The document position the widget is rendered at.
+     */
+    pos: number;
+    /**
+     * A stable, position-independent identifier for the widget.
+     * Reusing the same key keeps the component mounted across re-renders.
+     * Good: `comment-${id}`. Bad: paragraph index or document position.
+     */
+    key: string;
+    /**
+     * Props passed to the component (merged with {@link VueWidgetDecorationProps}).
+     * The component must render a single root element.
+     */
+    props?: P;
+}
+/**
+ * Renders a Vue 2 component into a ProseMirror widget decoration.
+ * Reuses Tiptap's `VueRenderer` so the component is mounted under the editor's
+ * content component (inject/provide works as usual). Use a stable `key` for
+ * stateful widgets. The component must render a single root element.
+ * @example
+ * addDecorations() {
+ *   return {
+ *     create: ({ editor, state }) =>
+ *       findMatches(state.doc).map(match =>
+ *         VueWidgetRenderer(MyWidget, {
+ *           editor, pos: match.pos, key: `match-${match.id}`,
+ *           props: { label: match.label },
+ *         }),
+ *       ),
+ *   }
+ * }
+ */
+declare function VueWidgetRenderer<P extends Record<string, any> = object>(component: Component, options: VueWidgetRendererOptions<P>): WidgetDecoration;
+
+export { Editor, EditorContent, type EditorContentInterface, NodeViewContent, type NodeViewContentInterface, NodeViewWrapper, type NodeViewWrapperInterface, VueNodeViewRenderer, type VueNodeViewRendererOptions, VueRenderer, type VueWidgetDecorationProps, VueWidgetRenderer, type VueWidgetRendererOptions, nodeViewProps };

package/dist/index.js

@@ -383,6 +383,78 @@ function VueNodeViewRenderer(component, options) {
   };
 }
 
+// src/VueWidgetRenderer.ts
+import { createWidgetDecoration } from "@tiptap/core";
+
+// src/utils/createWidgetConstructor.ts
+function createWidgetConstructor(base, component, props) {
+  const VueBase = base != null ? base : Vue;
+  const Extended = VueBase.extend(component);
+  const declaredProps = {
+    ...Extended.options.props
+  };
+  for (const name of Object.keys(props)) {
+    if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) {
+      declaredProps[name] = null;
+    }
+  }
+  return Extended.extend({ props: declaredProps });
+}
+
+// src/VueWidgetRenderer.ts
+var WIDGET_CACHE = /* @__PURE__ */ Symbol("tiptapVue2WidgetCache");
+var isDev = process.env.NODE_ENV !== "production";
+function warnUndeclaredProps(renderer, props, key) {
+  var _a;
+  if (!isDev) {
+    return;
+  }
+  const declared = (_a = renderer.ref.$props) != null ? _a : {};
+  for (const name of Object.keys(props)) {
+    if (!(name in declared)) {
+      console.warn(
+        `[tiptap warn]: VueWidgetRenderer prop "${name}" was not passed on first mount for widget "${key}".`,
+        "Vue 2 cannot declare new props after mount, so this value is ignored."
+      );
+    }
+  }
+}
+function withPropWarnings(renderer, key) {
+  return {
+    renderer,
+    updateProps: (props) => {
+      warnUndeclaredProps(renderer, props, key);
+      renderer.updateProps(props);
+    },
+    destroy: () => renderer.destroy()
+  };
+}
+function VueWidgetRenderer(component, options) {
+  const { editor, key, props = {} } = options;
+  return createWidgetDecoration({
+    // Forwards editor, pos, key and the ProseMirror widget options unchanged.
+    ...options,
+    props,
+    cacheKey: WIDGET_CACHE,
+    // `view` is not passed on purpose: Vue 2 deeply observes props and
+    // observing a ProseMirror view corrupts its internals.
+    context: (getPos) => ({ editor, getPos }),
+    create: (renderProps) => {
+      var _a, _b;
+      const base = (_b = (_a = editor.contentComponent) == null ? void 0 : _a.$options) == null ? void 0 : _b._base;
+      const Constructor = createWidgetConstructor(base, component, renderProps);
+      return withPropWarnings(
+        new VueRenderer(Constructor, {
+          parent: editor.contentComponent,
+          propsData: renderProps
+        }),
+        key
+      );
+    },
+    materialize: (entry) => entry.renderer.element
+  });
+}
+
 // src/index.ts
 export * from "@tiptap/core";
 export {
@@ -392,6 +464,7 @@ export {
   NodeViewWrapper,
   VueNodeViewRenderer,
   VueRenderer,
+  VueWidgetRenderer,
   nodeViewProps
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Editor.ts","../src/EditorContent.ts","../src/NodeViewContent.ts","../src/NodeViewWrapper.ts","../src/VueNodeViewRenderer.ts","../src/Vue.ts","../src/VueRenderer.ts","../src/index.ts"],"sourcesContent":["import { Editor as CoreEditor } from '@tiptap/core'\nimport type Vue from 'vue'\n\nexport class Editor extends CoreEditor {\n  public contentComponent: Vue | null = null\n}\n","import type { Component, CreateElement, PropType } from 'vue'\nimport type Vue from 'vue'\n\nimport type { Editor } from './Editor.js'\n\nexport interface EditorContentInterface extends Vue {\n  editor: Editor\n}\n\nexport const EditorContent: Component = {\n  name: 'EditorContent',\n\n  props: {\n    editor: {\n      default: null,\n      type: Object as PropType<Editor>,\n    },\n  },\n\n  watch: {\n    editor: {\n      immediate: true,\n      handler(this: EditorContentInterface, editor: Editor) {\n        if (editor && editor.options.element) {\n          this.$nextTick(() => {\n            const element = this.$el\n\n            if (!element || !editor.view.dom?.parentNode) {\n              return\n            }\n\n            element.append(...editor.view.dom.parentNode.childNodes)\n            editor.contentComponent = this\n\n            editor.setOptions({\n              element,\n            })\n\n            editor.createNodeViews()\n          })\n        }\n      },\n    },\n  },\n\n  render(createElement: CreateElement) {\n    return createElement('div')\n  },\n\n  beforeDestroy(this: EditorContentInterface) {\n    const { editor } = this\n\n    if (!editor) {\n      return\n    }\n\n    if (!editor.isDestroyed) {\n      editor.view.setProps({\n        nodeViews: {},\n      })\n    }\n\n    editor.contentComponent = null\n\n    if (!editor.view.dom?.parentNode) {\n      return\n    }\n\n    // TODO using the new editor.mount method might allow us to remove this\n    const newElement = document.createElement('div')\n\n    newElement.append(...editor.view.dom.parentNode.childNodes)\n\n    editor.setOptions({\n      element: newElement,\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewContentInterface extends Vue {\n  as: string\n}\n\nexport const NodeViewContent: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: {\n    nodeViewContentRef: { default: undefined },\n  },\n\n  mounted(this: any) {\n    if (this.nodeViewContentRef && this.$el) {\n      this.nodeViewContentRef(this.$el)\n    }\n  },\n\n  beforeDestroy(this: any) {\n    if (this.nodeViewContentRef) {\n      this.nodeViewContentRef(null)\n    }\n  },\n\n  render(this: NodeViewContentInterface, createElement: CreateElement) {\n    return createElement(this.as, {\n      style: {\n        whiteSpace: 'pre-wrap',\n      },\n      attrs: {\n        'data-node-view-content': '',\n      },\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewWrapperInterface extends Vue {\n  as: string\n  decorationClasses: {\n    value: string\n  }\n  onDragStart: () => void\n}\n\nexport const NodeViewWrapper: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: ['onDragStart', 'decorationClasses'],\n\n  render(this: NodeViewWrapperInterface, createElement: CreateElement) {\n    return createElement(\n      this.as,\n      {\n        class: this.decorationClasses.value,\n        style: {\n          whiteSpace: 'normal',\n        },\n        attrs: {\n          'data-node-view-wrapper': '',\n        },\n        on: {\n          dragstart: this.onDragStart,\n        },\n      },\n      this.$slots.default,\n    )\n  },\n}\n","import type {\n  DecorationWithType,\n  NodeViewProps,\n  NodeViewRenderer,\n  NodeViewRendererOptions,\n  NodeViewRendererProps,\n} from '@tiptap/core'\nimport { isNodeViewSelected, NodeView } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'\nimport type { VueConstructor } from 'vue'\nimport { booleanProp, functionProp, objectProp } from 'vue-ts-types'\n\nimport type { Editor } from './Editor.js'\nimport { Vue } from './Vue.js'\nimport { VueRenderer } from './VueRenderer.js'\n\nexport const nodeViewProps = {\n  editor: objectProp<NodeViewProps['editor']>().required,\n  node: objectProp<NodeViewProps['node']>().required,\n  decorations: objectProp<NodeViewProps['decorations']>().required,\n  selected: booleanProp().required,\n  extension: objectProp<NodeViewProps['extension']>().required,\n  getPos: functionProp<NodeViewProps['getPos']>().required,\n  updateAttributes: functionProp<NodeViewProps['updateAttributes']>().required,\n  deleteNode: functionProp<NodeViewProps['deleteNode']>().required,\n}\n\nexport interface VueNodeViewRendererOptions extends NodeViewRendererOptions {\n  update:\n    | ((props: {\n        oldNode: ProseMirrorNode\n        oldDecorations: readonly Decoration[]\n        oldInnerDecorations: DecorationSource\n        newNode: ProseMirrorNode\n        newDecorations: readonly Decoration[]\n        innerDecorations: DecorationSource\n        updateProps: () => void\n      }) => boolean)\n    | null\n}\n\nclass VueNodeView extends NodeView<Vue | VueConstructor, Editor, VueNodeViewRendererOptions> {\n  renderer!: VueRenderer\n\n  decorationClasses!: {\n    value: string\n  }\n\n  /**\n   * The element that holds the rich-text content of the node.\n   * Always created for non-leaf nodes to guarantee a valid contentDOM,\n   * even when the user's component does not include a NodeViewContent.\n   * Must NOT have an initializer because class field initializers run\n   * after super() and would overwrite the value set by mount().\n   */\n  contentDOMElement!: HTMLElement | null\n\n  private currentPos: number | undefined\n\n  constructor(\n    component: Vue | VueConstructor,\n    props: NodeViewRendererProps,\n    options?: Partial<VueNodeViewRendererOptions>,\n  ) {\n    super(component, props, options)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.on('update', this.handlePositionUpdate)\n    }\n  }\n\n  private handlePositionUpdate = () => {\n    const newPos = this.getPos()\n    if (typeof newPos !== 'number' || newPos === this.currentPos) {\n      return\n    }\n    this.currentPos = newPos\n    this.renderer.updateProps({ getPos: () => this.getPos() })\n  }\n\n  /**\n   * Called when the node view is mounted.\n   */\n  mount() {\n    const props: Record<string, any> = {\n      editor: this.editor,\n      node: this.node,\n      decorations: this.decorations as DecorationWithType[],\n      innerDecorations: this.innerDecorations,\n      view: this.view,\n      selected: false,\n      extension: this.extension,\n      HTMLAttributes: this.HTMLAttributes,\n      getPos: () => this.getPos(),\n      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),\n      deleteNode: () => this.deleteNode(),\n    }\n\n    const mountProps = props as NodeViewProps\n\n    const onDragStart = this.onDragStart.bind(this)\n\n    this.decorationClasses = Vue.observable({\n      value: this.getDecorationClasses(),\n    })\n\n    // @ts-ignore\n    const vue = this.editor.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n\n    const Component = vue.extend(this.component).extend({\n      props: Object.keys(props),\n      provide: () => {\n        return {\n          onDragStart,\n          decorationClasses: this.decorationClasses,\n          nodeViewContentRef: (el: HTMLElement | null) => {\n            if (!this.contentDOMElement) return\n\n            if (el && el.firstChild !== this.contentDOMElement) {\n              // NodeViewContent mounted: move the contentDOMElement inside it\n              el.appendChild(this.contentDOMElement)\n            }\n          },\n        }\n      },\n    })\n\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this)\n    this.editor.on('selectionUpdate', this.handleSelectionUpdate)\n\n    this.currentPos = this.getPos()\n\n    if (!this.node.isLeaf) {\n      if (this.options.contentDOMElementTag) {\n        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)\n      } else {\n        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')\n      }\n      this.contentDOMElement.style.whiteSpace = 'inherit'\n      // Use a distinct attribute to avoid clashing with the user's\n      // <node-view-content> element (which carries data-node-view-content).\n      // Matches React's data-node-view-content-react convention.\n      this.contentDOMElement.dataset.nodeViewContentVue = ''\n    }\n\n    this.renderer = new VueRenderer(Component, {\n      parent: this.editor.contentComponent,\n      propsData: mountProps,\n    })\n  }\n\n  /**\n   * Return the DOM element.\n   * This is the element that will be used to display the node view.\n   */\n  get dom() {\n    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {\n      throw Error('Please use the NodeViewWrapper component for your node view.')\n    }\n\n    return this.renderer.element as HTMLElement\n  }\n\n  /**\n   * Return the content DOM element.\n   * This is the element that will be used to display the rich-text content of the node.\n   */\n  get contentDOM() {\n    if (this.node.isLeaf) {\n      return null\n    }\n\n    return this.contentDOMElement\n  }\n\n  /**\n   * On editor selection update, check if the node is selected.\n   * If it is, call `selectNode`, otherwise call `deselectNode`.\n   */\n  handleSelectionUpdate() {\n    const pos = this.getPos()\n\n    if (typeof pos !== 'number') {\n      return\n    }\n\n    const isSelected = isNodeViewSelected({\n      selection: this.editor.state.selection,\n      pos,\n      nodeSize: this.node.nodeSize,\n      selectedOnTextSelection: this.options.selectedOnTextSelection,\n    })\n\n    if (isSelected) {\n      if (this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.selectNode()\n    } else {\n      if (!this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.deselectNode()\n    }\n  }\n\n  /**\n   * On update, update the React component.\n   * To prevent unnecessary updates, the `update` option can be used.\n   */\n  update(\n    node: ProseMirrorNode,\n    decorations: readonly Decoration[],\n    innerDecorations: DecorationSource,\n  ): boolean {\n    const rerenderComponent = (props?: Record<string, any>) => {\n      this.decorationClasses.value = this.getDecorationClasses()\n      this.renderer.updateProps(props)\n    }\n\n    if (typeof this.options.update === 'function') {\n      const oldNode = this.node\n      const oldDecorations = this.decorations\n      const oldInnerDecorations = this.innerDecorations\n\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n\n      return this.options.update({\n        oldNode,\n        oldDecorations,\n        newNode: node,\n        newDecorations: decorations,\n        oldInnerDecorations,\n        innerDecorations,\n        updateProps: () => rerenderComponent({ node, decorations, innerDecorations }),\n      })\n    }\n\n    if (node.type !== this.node.type) {\n      return false\n    }\n\n    const nodeChanged = node !== this.node\n\n    // Node reference unchanged — only decorations may have changed.\n    // ProseMirror renders decorations independently on the contentDOM,\n    // and the getPos closure (bound in mount()) calls through to\n    // ProseMirror's position function at call time, so it is always\n    // current. Update internal refs, refresh decoration classes for\n    // the wrapper component, and skip the Vue re-render.\n    if (!nodeChanged) {\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n      this.decorationClasses.value = this.getDecorationClasses()\n      return true\n    }\n\n    this.node = node\n    this.decorations = decorations\n    this.innerDecorations = innerDecorations\n    this.currentPos = this.getPos()\n\n    const extraProps: Record<string, any> = {\n      node,\n      decorations,\n      innerDecorations,\n    }\n\n    if (this.options.trackNodeViewPosition) {\n      extraProps.getPos = () => this.getPos()\n    }\n\n    rerenderComponent(extraProps)\n\n    return true\n  }\n\n  /**\n   * Select the node.\n   * Add the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  selectNode() {\n    this.renderer.updateProps({\n      selected: true,\n    })\n    this.renderer.element.classList.add('ProseMirror-selectednode')\n  }\n\n  /**\n   * Deselect the node.\n   * Remove the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  deselectNode() {\n    this.renderer.updateProps({\n      selected: false,\n    })\n    this.renderer.element.classList.remove('ProseMirror-selectednode')\n  }\n\n  getDecorationClasses() {\n    return (\n      this.decorations\n        // @ts-ignore\n        .flatMap(item => item.type.attrs.class)\n        .join(' ')\n    )\n  }\n\n  destroy() {\n    this.renderer.destroy()\n    this.editor.off('selectionUpdate', this.handleSelectionUpdate)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.off('update', this.handlePositionUpdate)\n    }\n\n    this.contentDOMElement = null\n  }\n}\n\nexport function VueNodeViewRenderer(\n  component: Vue | VueConstructor,\n  options?: Partial<VueNodeViewRendererOptions>,\n): NodeViewRenderer {\n  return props => {\n    // try to get the parent component\n    // this is important for vue devtools to show the component hierarchy correctly\n    // maybe it’s `undefined` because <editor-content> isn’t rendered yet\n    if (!(props.editor as Editor).contentComponent) {\n      return {} as unknown as ProseMirrorNodeView\n    }\n\n    return new VueNodeView(component, props, options)\n  }\n}\n","import type { VueConstructor } from 'vue'\nimport VueDefault from 'vue'\n\n// With nodenext module resolution, TypeScript treats the default import as the module type.\n// We need to explicitly type it as VueConstructor to access static methods like extend and observable.\n// This is necessary because Vue 2's type definitions export Vue as VueConstructor, but nodenext\n// doesn't correctly infer the default export type.\nexport const Vue: VueConstructor = VueDefault as unknown as VueConstructor\n","import type { VueConstructor } from 'vue'\n\nimport { Vue } from './Vue.js'\n\n/**\n * The VueRenderer class is responsible for rendering a Vue component as a ProseMirror node view.\n */\nexport class VueRenderer {\n  ref!: Vue\n\n  constructor(component: Vue | VueConstructor, props: any) {\n    const Component = typeof component === 'function' ? component : Vue.extend(component)\n\n    this.ref = new Component(props).$mount()\n  }\n\n  get element(): Element {\n    return this.ref.$el\n  }\n\n  updateProps(props: Record<string, any> = {}): void {\n    if (!this.ref.$props) {\n      return\n    }\n\n    // prevents `Avoid mutating a prop directly` error message\n    // Fix: `VueNodeViewRenderer` change vue Constructor `config.silent` not working\n    const currentVueConstructor = this.ref.$props.editor?.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n    const originalSilent = currentVueConstructor.config.silent\n\n    currentVueConstructor.config.silent = true\n\n    Object.entries(props).forEach(([key, value]) => {\n      this.ref.$props[key] = value\n    })\n\n    currentVueConstructor.config.silent = originalSilent\n  }\n\n  destroy(): void {\n    this.ref.$destroy()\n  }\n}\n","export { Editor } from './Editor.js'\nexport * from './EditorContent.js'\nexport * from './NodeViewContent.js'\nexport * from './NodeViewWrapper.js'\nexport * from './VueNodeViewRenderer.js'\nexport * from './VueRenderer.js'\nexport * from '@tiptap/core'\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/Editor.ts","../src/EditorContent.ts","../src/NodeViewContent.ts","../src/NodeViewWrapper.ts","../src/VueNodeViewRenderer.ts","../src/Vue.ts","../src/VueRenderer.ts","../src/VueWidgetRenderer.ts","../src/utils/createWidgetConstructor.ts","../src/index.ts"],"sourcesContent":["import { Editor as CoreEditor } from '@tiptap/core'\nimport type Vue from 'vue'\n\nexport class Editor extends CoreEditor {\n  public contentComponent: Vue | null = null\n}\n","import type { Component, CreateElement, PropType } from 'vue'\nimport type Vue from 'vue'\n\nimport type { Editor } from './Editor.js'\n\nexport interface EditorContentInterface extends Vue {\n  editor: Editor\n}\n\nexport const EditorContent: Component = {\n  name: 'EditorContent',\n\n  props: {\n    editor: {\n      default: null,\n      type: Object as PropType<Editor>,\n    },\n  },\n\n  watch: {\n    editor: {\n      immediate: true,\n      handler(this: EditorContentInterface, editor: Editor) {\n        if (editor && editor.options.element) {\n          this.$nextTick(() => {\n            const element = this.$el\n\n            if (!element || !editor.view.dom?.parentNode) {\n              return\n            }\n\n            element.append(...editor.view.dom.parentNode.childNodes)\n            editor.contentComponent = this\n\n            editor.setOptions({\n              element,\n            })\n\n            editor.createNodeViews()\n          })\n        }\n      },\n    },\n  },\n\n  render(createElement: CreateElement) {\n    return createElement('div')\n  },\n\n  beforeDestroy(this: EditorContentInterface) {\n    const { editor } = this\n\n    if (!editor) {\n      return\n    }\n\n    if (!editor.isDestroyed) {\n      editor.view.setProps({\n        nodeViews: {},\n      })\n    }\n\n    editor.contentComponent = null\n\n    if (!editor.view.dom?.parentNode) {\n      return\n    }\n\n    // TODO using the new editor.mount method might allow us to remove this\n    const newElement = document.createElement('div')\n\n    newElement.append(...editor.view.dom.parentNode.childNodes)\n\n    editor.setOptions({\n      element: newElement,\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewContentInterface extends Vue {\n  as: string\n}\n\nexport const NodeViewContent: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: {\n    nodeViewContentRef: { default: undefined },\n  },\n\n  mounted(this: any) {\n    if (this.nodeViewContentRef && this.$el) {\n      this.nodeViewContentRef(this.$el)\n    }\n  },\n\n  beforeDestroy(this: any) {\n    if (this.nodeViewContentRef) {\n      this.nodeViewContentRef(null)\n    }\n  },\n\n  render(this: NodeViewContentInterface, createElement: CreateElement) {\n    return createElement(this.as, {\n      style: {\n        whiteSpace: 'pre-wrap',\n      },\n      attrs: {\n        'data-node-view-content': '',\n      },\n    })\n  },\n}\n","import type { Component, CreateElement } from 'vue'\nimport type Vue from 'vue'\n\nexport interface NodeViewWrapperInterface extends Vue {\n  as: string\n  decorationClasses: {\n    value: string\n  }\n  onDragStart: () => void\n}\n\nexport const NodeViewWrapper: Component = {\n  props: {\n    as: {\n      type: String,\n      default: 'div',\n    },\n  },\n\n  inject: ['onDragStart', 'decorationClasses'],\n\n  render(this: NodeViewWrapperInterface, createElement: CreateElement) {\n    return createElement(\n      this.as,\n      {\n        class: this.decorationClasses.value,\n        style: {\n          whiteSpace: 'normal',\n        },\n        attrs: {\n          'data-node-view-wrapper': '',\n        },\n        on: {\n          dragstart: this.onDragStart,\n        },\n      },\n      this.$slots.default,\n    )\n  },\n}\n","import type {\n  DecorationWithType,\n  NodeViewProps,\n  NodeViewRenderer,\n  NodeViewRendererOptions,\n  NodeViewRendererProps,\n} from '@tiptap/core'\nimport { isNodeViewSelected, NodeView } from '@tiptap/core'\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model'\nimport type { Decoration, DecorationSource, NodeView as ProseMirrorNodeView } from '@tiptap/pm/view'\nimport type { VueConstructor } from 'vue'\nimport { booleanProp, functionProp, objectProp } from 'vue-ts-types'\n\nimport type { Editor } from './Editor.js'\nimport { Vue } from './Vue.js'\nimport { VueRenderer } from './VueRenderer.js'\n\nexport const nodeViewProps = {\n  editor: objectProp<NodeViewProps['editor']>().required,\n  node: objectProp<NodeViewProps['node']>().required,\n  decorations: objectProp<NodeViewProps['decorations']>().required,\n  selected: booleanProp().required,\n  extension: objectProp<NodeViewProps['extension']>().required,\n  getPos: functionProp<NodeViewProps['getPos']>().required,\n  updateAttributes: functionProp<NodeViewProps['updateAttributes']>().required,\n  deleteNode: functionProp<NodeViewProps['deleteNode']>().required,\n}\n\nexport interface VueNodeViewRendererOptions extends NodeViewRendererOptions {\n  update:\n    | ((props: {\n        oldNode: ProseMirrorNode\n        oldDecorations: readonly Decoration[]\n        oldInnerDecorations: DecorationSource\n        newNode: ProseMirrorNode\n        newDecorations: readonly Decoration[]\n        innerDecorations: DecorationSource\n        updateProps: () => void\n      }) => boolean)\n    | null\n}\n\nclass VueNodeView extends NodeView<Vue | VueConstructor, Editor, VueNodeViewRendererOptions> {\n  renderer!: VueRenderer\n\n  decorationClasses!: {\n    value: string\n  }\n\n  /**\n   * The element that holds the rich-text content of the node.\n   * Always created for non-leaf nodes to guarantee a valid contentDOM,\n   * even when the user's component does not include a NodeViewContent.\n   * Must NOT have an initializer because class field initializers run\n   * after super() and would overwrite the value set by mount().\n   */\n  contentDOMElement!: HTMLElement | null\n\n  private currentPos: number | undefined\n\n  constructor(\n    component: Vue | VueConstructor,\n    props: NodeViewRendererProps,\n    options?: Partial<VueNodeViewRendererOptions>,\n  ) {\n    super(component, props, options)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.on('update', this.handlePositionUpdate)\n    }\n  }\n\n  private handlePositionUpdate = () => {\n    const newPos = this.getPos()\n    if (typeof newPos !== 'number' || newPos === this.currentPos) {\n      return\n    }\n    this.currentPos = newPos\n    this.renderer.updateProps({ getPos: () => this.getPos() })\n  }\n\n  /**\n   * Called when the node view is mounted.\n   */\n  mount() {\n    const props: Record<string, any> = {\n      editor: this.editor,\n      node: this.node,\n      decorations: this.decorations as DecorationWithType[],\n      innerDecorations: this.innerDecorations,\n      view: this.view,\n      selected: false,\n      extension: this.extension,\n      HTMLAttributes: this.HTMLAttributes,\n      getPos: () => this.getPos(),\n      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),\n      deleteNode: () => this.deleteNode(),\n    }\n\n    const mountProps = props as NodeViewProps\n\n    const onDragStart = this.onDragStart.bind(this)\n\n    this.decorationClasses = Vue.observable({\n      value: this.getDecorationClasses(),\n    })\n\n    // @ts-ignore\n    const vue = this.editor.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n\n    const Component = vue.extend(this.component).extend({\n      props: Object.keys(props),\n      provide: () => {\n        return {\n          onDragStart,\n          decorationClasses: this.decorationClasses,\n          nodeViewContentRef: (el: HTMLElement | null) => {\n            if (!this.contentDOMElement) return\n\n            if (el && el.firstChild !== this.contentDOMElement) {\n              // NodeViewContent mounted: move the contentDOMElement inside it\n              el.appendChild(this.contentDOMElement)\n            }\n          },\n        }\n      },\n    })\n\n    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this)\n    this.editor.on('selectionUpdate', this.handleSelectionUpdate)\n\n    this.currentPos = this.getPos()\n\n    if (!this.node.isLeaf) {\n      if (this.options.contentDOMElementTag) {\n        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag)\n      } else {\n        this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div')\n      }\n      this.contentDOMElement.style.whiteSpace = 'inherit'\n      // Use a distinct attribute to avoid clashing with the user's\n      // <node-view-content> element (which carries data-node-view-content).\n      // Matches React's data-node-view-content-react convention.\n      this.contentDOMElement.dataset.nodeViewContentVue = ''\n    }\n\n    this.renderer = new VueRenderer(Component, {\n      parent: this.editor.contentComponent,\n      propsData: mountProps,\n    })\n  }\n\n  /**\n   * Return the DOM element.\n   * This is the element that will be used to display the node view.\n   */\n  get dom() {\n    if (!this.renderer.element.hasAttribute('data-node-view-wrapper')) {\n      throw Error('Please use the NodeViewWrapper component for your node view.')\n    }\n\n    return this.renderer.element as HTMLElement\n  }\n\n  /**\n   * Return the content DOM element.\n   * This is the element that will be used to display the rich-text content of the node.\n   */\n  get contentDOM() {\n    if (this.node.isLeaf) {\n      return null\n    }\n\n    return this.contentDOMElement\n  }\n\n  /**\n   * On editor selection update, check if the node is selected.\n   * If it is, call `selectNode`, otherwise call `deselectNode`.\n   */\n  handleSelectionUpdate() {\n    const pos = this.getPos()\n\n    if (typeof pos !== 'number') {\n      return\n    }\n\n    const isSelected = isNodeViewSelected({\n      selection: this.editor.state.selection,\n      pos,\n      nodeSize: this.node.nodeSize,\n      selectedOnTextSelection: this.options.selectedOnTextSelection,\n    })\n\n    if (isSelected) {\n      if (this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.selectNode()\n    } else {\n      if (!this.renderer.ref.$props.selected) {\n        return\n      }\n\n      this.deselectNode()\n    }\n  }\n\n  /**\n   * On update, update the React component.\n   * To prevent unnecessary updates, the `update` option can be used.\n   */\n  update(\n    node: ProseMirrorNode,\n    decorations: readonly Decoration[],\n    innerDecorations: DecorationSource,\n  ): boolean {\n    const rerenderComponent = (props?: Record<string, any>) => {\n      this.decorationClasses.value = this.getDecorationClasses()\n      this.renderer.updateProps(props)\n    }\n\n    if (typeof this.options.update === 'function') {\n      const oldNode = this.node\n      const oldDecorations = this.decorations\n      const oldInnerDecorations = this.innerDecorations\n\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n\n      return this.options.update({\n        oldNode,\n        oldDecorations,\n        newNode: node,\n        newDecorations: decorations,\n        oldInnerDecorations,\n        innerDecorations,\n        updateProps: () => rerenderComponent({ node, decorations, innerDecorations }),\n      })\n    }\n\n    if (node.type !== this.node.type) {\n      return false\n    }\n\n    const nodeChanged = node !== this.node\n\n    // Node reference unchanged — only decorations may have changed.\n    // ProseMirror renders decorations independently on the contentDOM,\n    // and the getPos closure (bound in mount()) calls through to\n    // ProseMirror's position function at call time, so it is always\n    // current. Update internal refs, refresh decoration classes for\n    // the wrapper component, and skip the Vue re-render.\n    if (!nodeChanged) {\n      this.node = node\n      this.decorations = decorations\n      this.innerDecorations = innerDecorations\n      this.decorationClasses.value = this.getDecorationClasses()\n      return true\n    }\n\n    this.node = node\n    this.decorations = decorations\n    this.innerDecorations = innerDecorations\n    this.currentPos = this.getPos()\n\n    const extraProps: Record<string, any> = {\n      node,\n      decorations,\n      innerDecorations,\n    }\n\n    if (this.options.trackNodeViewPosition) {\n      extraProps.getPos = () => this.getPos()\n    }\n\n    rerenderComponent(extraProps)\n\n    return true\n  }\n\n  /**\n   * Select the node.\n   * Add the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  selectNode() {\n    this.renderer.updateProps({\n      selected: true,\n    })\n    this.renderer.element.classList.add('ProseMirror-selectednode')\n  }\n\n  /**\n   * Deselect the node.\n   * Remove the `selected` prop and the `ProseMirror-selectednode` class.\n   */\n  deselectNode() {\n    this.renderer.updateProps({\n      selected: false,\n    })\n    this.renderer.element.classList.remove('ProseMirror-selectednode')\n  }\n\n  getDecorationClasses() {\n    return (\n      this.decorations\n        // @ts-ignore\n        .flatMap(item => item.type.attrs.class)\n        .join(' ')\n    )\n  }\n\n  destroy() {\n    this.renderer.destroy()\n    this.editor.off('selectionUpdate', this.handleSelectionUpdate)\n\n    if (this.options.trackNodeViewPosition) {\n      this.editor.off('update', this.handlePositionUpdate)\n    }\n\n    this.contentDOMElement = null\n  }\n}\n\nexport function VueNodeViewRenderer(\n  component: Vue | VueConstructor,\n  options?: Partial<VueNodeViewRendererOptions>,\n): NodeViewRenderer {\n  return props => {\n    // try to get the parent component\n    // this is important for vue devtools to show the component hierarchy correctly\n    // maybe it’s `undefined` because <editor-content> isn’t rendered yet\n    if (!(props.editor as Editor).contentComponent) {\n      return {} as unknown as ProseMirrorNodeView\n    }\n\n    return new VueNodeView(component, props, options)\n  }\n}\n","import type { VueConstructor } from 'vue'\nimport VueDefault from 'vue'\n\n// With nodenext module resolution, TypeScript treats the default import as the module type.\n// We need to explicitly type it as VueConstructor to access static methods like extend and observable.\n// This is necessary because Vue 2's type definitions export Vue as VueConstructor, but nodenext\n// doesn't correctly infer the default export type.\nexport const Vue: VueConstructor = VueDefault as unknown as VueConstructor\n","import type { VueConstructor } from 'vue'\n\nimport { Vue } from './Vue.js'\n\n/**\n * The VueRenderer class is responsible for rendering a Vue component as a ProseMirror node view.\n */\nexport class VueRenderer {\n  ref!: Vue\n\n  constructor(component: Vue | VueConstructor, props: any) {\n    const Component = typeof component === 'function' ? component : Vue.extend(component)\n\n    this.ref = new Component(props).$mount()\n  }\n\n  get element(): Element {\n    return this.ref.$el\n  }\n\n  updateProps(props: Record<string, any> = {}): void {\n    if (!this.ref.$props) {\n      return\n    }\n\n    // prevents `Avoid mutating a prop directly` error message\n    // Fix: `VueNodeViewRenderer` change vue Constructor `config.silent` not working\n    const currentVueConstructor = this.ref.$props.editor?.contentComponent?.$options._base ?? Vue // oxlint-disable-line\n    const originalSilent = currentVueConstructor.config.silent\n\n    currentVueConstructor.config.silent = true\n\n    Object.entries(props).forEach(([key, value]) => {\n      this.ref.$props[key] = value\n    })\n\n    currentVueConstructor.config.silent = originalSilent\n  }\n\n  destroy(): void {\n    this.ref.$destroy()\n  }\n}\n","import { createWidgetDecoration } from '@tiptap/core'\nimport type {\n  Editor as CoreEditor,\n  WidgetDecoration,\n  WidgetDecorationOptions,\n  WidgetRenderer,\n} from '@tiptap/core'\nimport type { Component, VueConstructor } from 'vue'\n\nimport type { Editor } from './Editor.js'\nimport { createWidgetConstructor } from './utils/createWidgetConstructor.js'\nimport { VueRenderer } from './VueRenderer.js'\n\n/**\n * Props every widget-decoration component receives in addition to the props you\n * pass through `VueWidgetRenderer`. Declare the ones you use on your component.\n */\nexport interface VueWidgetDecorationProps {\n  editor: CoreEditor\n  getPos: () => number | undefined\n}\n\nexport interface VueWidgetRendererOptions<\n  P extends Record<string, any> = object,\n> extends WidgetDecorationOptions {\n  /**\n   * The editor instance.\n   */\n  editor: Editor\n  /**\n   * The document position the widget is rendered at.\n   */\n  pos: number\n  /**\n   * A stable, position-independent identifier for the widget.\n   * Reusing the same key keeps the component mounted across re-renders.\n   * Good: `comment-${id}`. Bad: paragraph index or document position.\n   */\n  key: string\n  /**\n   * Props passed to the component (merged with {@link VueWidgetDecorationProps}).\n   * The component must render a single root element.\n   */\n  props?: P\n}\n\nconst WIDGET_CACHE = Symbol('tiptapVue2WidgetCache')\n\n// @ts-ignore\nconst isDev = process.env.NODE_ENV !== 'production'\n\n/** The `VueRenderer` plus the warning wrapper the widget cache drives. */\ninterface WidgetRendererEntry extends WidgetRenderer {\n  renderer: VueRenderer\n}\n\n// Vue 2 fixes the prop list at construction. Keys absent on first mount are\n// never declared, so updateProps silently drops them on later updates.\nfunction warnUndeclaredProps(renderer: VueRenderer, props: Record<string, any>, key: string): void {\n  if (!isDev) {\n    return\n  }\n\n  const declared = renderer.ref.$props ?? {}\n\n  for (const name of Object.keys(props)) {\n    if (!(name in declared)) {\n      console.warn(\n        `[tiptap warn]: VueWidgetRenderer prop \"${name}\" was not passed on first mount for widget \"${key}\".`,\n        'Vue 2 cannot declare new props after mount, so this value is ignored.',\n      )\n    }\n  }\n}\n\n// Wrap the renderer so every prop push warns, whether it comes from the first\n// render or from the deferred flush.\nfunction withPropWarnings(renderer: VueRenderer, key: string): WidgetRendererEntry {\n  return {\n    renderer,\n    updateProps: props => {\n      warnUndeclaredProps(renderer, props, key)\n      renderer.updateProps(props)\n    },\n    destroy: () => renderer.destroy(),\n  }\n}\n\n/**\n * Renders a Vue 2 component into a ProseMirror widget decoration.\n * Reuses Tiptap's `VueRenderer` so the component is mounted under the editor's\n * content component (inject/provide works as usual). Use a stable `key` for\n * stateful widgets. The component must render a single root element.\n * @example\n * addDecorations() {\n *   return {\n *     create: ({ editor, state }) =>\n *       findMatches(state.doc).map(match =>\n *         VueWidgetRenderer(MyWidget, {\n *           editor, pos: match.pos, key: `match-${match.id}`,\n *           props: { label: match.label },\n *         }),\n *       ),\n *   }\n * }\n */\nexport function VueWidgetRenderer<P extends Record<string, any> = object>(\n  component: Component,\n  options: VueWidgetRendererOptions<P>,\n): WidgetDecoration {\n  const { editor, key, props = {} as P } = options\n\n  return createWidgetDecoration<WidgetRendererEntry>({\n    // Forwards editor, pos, key and the ProseMirror widget options unchanged.\n    ...options,\n    props,\n    cacheKey: WIDGET_CACHE,\n    // `view` is not passed on purpose: Vue 2 deeply observes props and\n    // observing a ProseMirror view corrupts its internals.\n    context: getPos => ({ editor, getPos }),\n    create: renderProps => {\n      const base = (editor.contentComponent?.$options as any)?._base as VueConstructor | undefined\n      const Constructor = createWidgetConstructor(base, component, renderProps)\n\n      return withPropWarnings(\n        new VueRenderer(Constructor, {\n          parent: editor.contentComponent,\n          propsData: renderProps,\n        }),\n        key,\n      )\n    },\n    materialize: entry => entry.renderer.element as HTMLElement,\n  })\n}\n","import type { Component, VueConstructor } from 'vue'\n\nimport { Vue } from '../Vue.js'\n\n/**\n * Builds the Vue 2 constructor for a widget component.\n *\n * Extends the editor's own Vue constructor so the widget shares its context,\n * then auto-declares every passed prop the component does not declare itself.\n * Vue 2 fixes the prop list at construction, so undeclared keys would be\n * dropped. Existing declarations keep their type, default and validator.\n *\n * @param base The editor's Vue constructor, or undefined to fall back to `Vue`.\n * @param component The widget component.\n * @param props The props the widget is mounted with.\n * @returns A constructor that accepts every key in `props`.\n * @example\n * createWidgetConstructor(undefined, MyWidget, { editor, getPos, label: 'a' })\n */\nexport function createWidgetConstructor(\n  base: VueConstructor | undefined,\n  component: Component,\n  props: Record<string, any>,\n): VueConstructor {\n  const VueBase = base ?? Vue\n  const Extended = VueBase.extend(component as any)\n  const declaredProps = {\n    ...(Extended as unknown as { options: { props?: Record<string, any> } }).options.props,\n  }\n\n  for (const name of Object.keys(props)) {\n    if (!Object.prototype.hasOwnProperty.call(declaredProps, name)) {\n      declaredProps[name] = null\n    }\n  }\n\n  return Extended.extend({ props: declaredProps })\n}\n","export { Editor } from './Editor.js'\nexport * from './EditorContent.js'\nexport * from './NodeViewContent.js'\nexport * from './NodeViewWrapper.js'\nexport * from './VueNodeViewRenderer.js'\nexport * from './VueRenderer.js'\nexport * from './VueWidgetRenderer.js'\nexport * from '@tiptap/core'\n"],"mappings":"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","names":[]}

package/dist/menus/index.cjs

@@ -2472,36 +2472,32 @@ var FloatingMenu = {
       default: null
     }
   },
-  watch: {
-    editor: {
-      immediate: true,
-      handler(editor) {
-        if (!editor) {
-          return;
-        }
-        if (!this.$el) {
-          return;
-        }
-        ;
-        this.$el.style.visibility = "hidden";
-        this.$el.style.position = "absolute";
-        this.$el.remove();
-        this.$nextTick(() => {
-          editor.registerPlugin(
-            FloatingMenuPlugin({
-              pluginKey: this.getPluginKey(),
-              editor,
-              element: this.$el,
-              updateDelay: this.updateDelay,
-              resizeDelay: this.resizeDelay,
-              options: this.options,
-              appendTo: this.appendTo,
-              shouldShow: this.shouldShow
-            })
-          );
-        });
-      }
+  mounted() {
+    const editor = this.editor;
+    const el = this.$el;
+    if (!editor || !el) {
+      return;
     }
+    el.style.visibility = "hidden";
+    el.style.position = "absolute";
+    el.remove();
+    this.$nextTick(() => {
+      if (this.isDestroyed) {
+        return;
+      }
+      editor.registerPlugin(
+        FloatingMenuPlugin({
+          pluginKey: this.getPluginKey(),
+          editor,
+          element: el,
+          updateDelay: this.updateDelay,
+          resizeDelay: this.resizeDelay,
+          options: this.options,
+          appendTo: this.appendTo,
+          shouldShow: this.shouldShow
+        })
+      );
+    });
   },
   render(createElement) {
     var _a, _b;
@@ -2518,7 +2514,12 @@ var FloatingMenu = {
     );
   },
   beforeDestroy() {
-    this.editor.unregisterPlugin(this.getPluginKey());
+    this.isDestroyed = true;
+    const editor = this.editor;
+    if (!editor) {
+      return;
+    }
+    editor.unregisterPlugin(this.getPluginKey());
   },
   methods: {
     getPluginKey() {