@tiptap/extension-drag-handle-vue-2 3.10.6 → 3.10.8

package/dist/index.cjs

@@ -37,8 +37,13 @@ module.exports = __toCommonJS(index_exports);
 
 // src/DragHandle.ts
 var import_extension_drag_handle = require("@tiptap/extension-drag-handle");
+
+// src/Vue.ts
 var import_vue = __toESM(require("vue"), 1);
-var DragHandle = import_vue.default.extend({
+var Vue = import_vue.default;
+
+// src/DragHandle.ts
+var DragHandle = Vue.extend({
   name: "DragHandleVue",
   props: {
     pluginKey: {

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/DragHandle.ts"],"sourcesContent":["import { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n","import type { Editor } from '@tiptap/core'\nimport {\n  type DragHandlePluginProps,\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@tiptap/extension-drag-handle'\nimport Vue, { type PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void\n}\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: () => dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    onElementDragStart: {\n      type: Function as PropType<DragHandleProps['onElementDragStart']>,\n      default: null,\n    },\n\n    onElementDragEnd: {\n      type: Function as PropType<DragHandleProps['onElementDragEnd']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const { editor, pluginKey, onNodeChange, onElementDragStart, onElementDragEnd } = this.$props\n\n    editor.registerPlugin(\n      DragHandlePlugin({\n        editor,\n        element: this.$el as HTMLElement,\n        pluginKey,\n        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },\n        onNodeChange,\n        onElementDragStart,\n        onElementDragEnd,\n      }).plugin,\n    )\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h(\n      'div',\n      {\n        class: this.class,\n      },\n      this.$slots.default,\n    )\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mCAKO;AACP,iBAAmC;AAS5B,IAAM,aAAa,WAAAA,QAAI,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA,IACjB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,WAAW,cAAc,oBAAoB,iBAAiB,IAAI,KAAK;AAEvF,WAAO;AAAA,UACL,+CAAiB;AAAA,QACf;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,QACA,uBAAuB,EAAE,GAAG,2DAA8B,GAAG,KAAK,sBAAsB;AAAA,QACxF;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,gBAAgB;AACd,UAAM,EAAE,WAAW,OAAO,IAAI,KAAK;AAEnC,WAAO,iBAAiB,SAAmB;AAAA,EAC7C;AAAA,EAEA,OAAO,GAAG;AACR,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;ADpFD,IAAO,gBAAQ;","names":["Vue"]}
+{"version":3,"sources":["../src/index.ts","../src/DragHandle.ts","../src/Vue.ts"],"sourcesContent":["import { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n","import type { Editor } from '@tiptap/core'\nimport {\n  type DragHandlePluginProps,\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@tiptap/extension-drag-handle'\nimport { type PropType } from 'vue'\n\nimport { Vue } from './Vue.js'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void\n}\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: () => dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    onElementDragStart: {\n      type: Function as PropType<DragHandleProps['onElementDragStart']>,\n      default: null,\n    },\n\n    onElementDragEnd: {\n      type: Function as PropType<DragHandleProps['onElementDragEnd']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const { editor, pluginKey, onNodeChange, onElementDragStart, onElementDragEnd } = this.$props\n\n    editor.registerPlugin(\n      DragHandlePlugin({\n        editor,\n        element: this.$el as HTMLElement,\n        pluginKey,\n        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },\n        onNodeChange,\n        onElementDragStart,\n        onElementDragEnd,\n      }).plugin,\n    )\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h: Vue.CreateElement) {\n    return h(\n      'div',\n      {\n        class: this.class,\n      },\n      this.$slots.default,\n    )\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mCAKO;;;ACLP,iBAAuB;AAMhB,IAAM,MAAsB,WAAAA;;;ADW5B,IAAM,aAAa,IAAI,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA,IACjB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,WAAW,cAAc,oBAAoB,iBAAiB,IAAI,KAAK;AAEvF,WAAO;AAAA,UACL,+CAAiB;AAAA,QACf;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,QACA,uBAAuB,EAAE,GAAG,2DAA8B,GAAG,KAAK,sBAAsB;AAAA,QACxF;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,gBAAgB;AACd,UAAM,EAAE,WAAW,OAAO,IAAI,KAAK;AAEnC,WAAO,iBAAiB,SAAmB;AAAA,EAC7C;AAAA,EAEA,OAAO,GAAsB;AAC3B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;ADtFD,IAAO,gBAAQ;","names":["VueDefault"]}

package/dist/index.d.cts

@@ -1,11 +1,10 @@
 import * as vue_types_vue from 'vue/types/vue';
-import * as Vue from 'vue';
-import Vue__default from 'vue';
-import { Node as Node$3 } from 'prosemirror-model';
-import { PluginKey as PluginKey$1 } from 'prosemirror-state';
-import { Plugin, PluginKey, Transaction, EditorState } from '@tiptap/pm/state';
-import { NodeType as NodeType$1, MarkType as MarkType$1, Node as Node$2, Fragment, ParseOptions, Schema, Slice, Mark as Mark$1, ResolvedPos, MarkSpec, DOMOutputSpec, NodeSpec } from '@tiptap/pm/model';
-import { EditorView, EditorProps, NodeViewConstructor, MarkViewConstructor, NodeView, MarkView } from '@tiptap/pm/view';
+import * as prosemirror_model from 'prosemirror-model';
+import * as prosemirror_state from 'prosemirror-state';
+import * as vue from 'vue';
+import { MarkType as MarkType$1, MarkSpec, Mark as Mark$1, DOMOutputSpec, NodeType as NodeType$1, NodeSpec, Node as Node$2, Slice, ParseOptions, Schema, ResolvedPos, Fragment } from '@tiptap/pm/model';
+import { EditorState, Plugin, Transaction, PluginKey } from '@tiptap/pm/state';
+import { EditorView, EditorProps, NodeView, MarkView, NodeViewConstructor, MarkViewConstructor } from '@tiptap/pm/view';
 import { Transform } from '@tiptap/pm/transform';
 import { DragHandlePluginProps } from '@tiptap/extension-drag-handle';
 
@@ -156,7 +155,7 @@ interface MarkConfig<Options = any, Storage = any> extends ExtendableConfig<Opti
         storage: Storage;
         parent: ParentConfig<MarkConfig<Options, Storage>>['addAttributes'];
         editor?: Editor;
-    }) => Attributes$1 | {};
+    }) => Attributes | {};
 }
 /**
  * The Mark class is used to create custom mark extensions.
@@ -453,7 +452,7 @@ interface NodeConfig<Options = any, Storage = any> extends ExtendableConfig<Opti
         storage: Storage;
         parent: ParentConfig<NodeConfig<Options, Storage>>['addAttributes'];
         editor?: Editor;
-    }) => Attributes$1 | {};
+    }) => Attributes | {};
 }
 /**
  * The Node class is used to create custom node extensions.
@@ -872,6 +871,7 @@ declare class Extendable<Options = any, Storage = any, Config = ExtensionConfig<
     configure(options?: Partial<Options>): Extendable<Options, Storage, ExtensionConfig<Options, Storage> | NodeConfig<Options, Storage> | MarkConfig<Options, Storage>>;
     extend<ExtendedOptions = Options, ExtendedStorage = Storage, ExtendedConfig = ExtensionConfig<ExtendedOptions, ExtendedStorage> | NodeConfig<ExtendedOptions, ExtendedStorage> | MarkConfig<ExtendedOptions, ExtendedStorage>>(extendedConfig?: Partial<ExtendedConfig>): Extendable<ExtendedOptions, ExtendedStorage>;
 }
+
 type AnyExtension = Extendable;
 type Extensions = AnyExtension[];
 type ParentConfig<T> = Partial<{
@@ -1261,17 +1261,71 @@ interface EditorOptions {
  */
 type HTMLContent = string;
 /**
- * Loosely describes a JSON representation of a Prosemirror document or node
+ * A Tiptap JSON node or document. Tiptap JSON is the standard format for
+ * storing and manipulating Tiptap content. It is equivalent to the JSON
+ * representation of a Prosemirror node.
+ *
+ * Tiptap JSON documents are trees of nodes. The root node is usually of type
+ * `doc`. Nodes can have other nodes as children. Nodes can also have marks and
+ * attributes. Text nodes (nodes with type `text`) have a `text` property and no
+ * children.
+ *
+ * @example
+ * ```ts
+ * const content: JSONContent = {
+ *   type: 'doc',
+ *   content: [
+ *     {
+ *       type: 'paragraph',
+ *       content: [
+ *         {
+ *           type: 'text',
+ *           text: 'Hello ',
+ *         },
+ *         {
+ *           type: 'text',
+ *           text: 'world',
+ *           marks: [{ type: 'bold' }],
+ *         },
+ *       ],
+ *     },
+ *   ],
+ * }
+ * ```
  */
 type JSONContent = {
+    /**
+     * The type of the node
+     */
     type?: string;
+    /**
+     * The attributes of the node. Attributes can have any JSON-serializable value.
+     */
     attrs?: Record<string, any> | undefined;
+    /**
+     * The children of the node. A node can have other nodes as children.
+     */
     content?: JSONContent[];
+    /**
+     * A list of marks of the node. Inline nodes can have marks.
+     */
     marks?: {
+        /**
+         * The type of the mark
+         */
         type: string;
+        /**
+         * The attributes of the mark. Attributes can have any JSON-serializable value.
+         */
         attrs?: Record<string, any>;
         [key: string]: any;
     }[];
+    /**
+     * The text content of the node. This property is only present on text nodes
+     * (i.e. nodes with `type: 'text'`).
+     *
+     * Text nodes cannot have children, but they can have marks.
+     */
     text?: string;
     [key: string]: any;
 };
@@ -1333,7 +1387,7 @@ type Attribute = {
     keepOnSplit?: boolean;
     isRequired?: boolean;
 };
-type Attributes$1 = {
+type Attributes = {
     [key: string]: Attribute;
 };
 type ExtensionAttribute = {
@@ -1484,7 +1538,6 @@ type MarkdownParseHelpers = {
         attrs?: any;
     };
 };
-
 /**
  * Return shape for parser-level `parse` handlers.
  * - a single JSON-like node
@@ -1664,59 +1717,6 @@ declare class NodePos {
     }): void;
 }
 
-interface InsertContentOptions {
-    /**
-     * Options for parsing the content.
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to update the selection after inserting the content.
-     */
-    updateSelection?: boolean;
-    applyInputRules?: boolean;
-    applyPasteRules?: boolean;
-}
-
-interface InsertContentAtOptions {
-    /**
-     * Options for parsing the content.
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to update the selection after inserting the content.
-     */
-    updateSelection?: boolean;
-    /**
-     * Whether to apply input rules after inserting the content.
-     */
-    applyInputRules?: boolean;
-    /**
-     * Whether to apply paste rules after inserting the content.
-     */
-    applyPasteRules?: boolean;
-    /**
-     * Whether to throw an error if the content is invalid.
-     */
-    errorOnInvalidContent?: boolean;
-}
-
-interface SetContentOptions {
-    /**
-     * Options for parsing the content.
-     * @default {}
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to throw an error if the content is invalid.
-     */
-    errorOnInvalidContent?: boolean;
-    /**
-     * Whether to emit an update event.
-     * @default true
-     */
-    emitUpdate?: boolean;
-}
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         blur: {
@@ -1954,6 +1954,19 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface InsertContentOptions {
+    /**
+     * Options for parsing the content.
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to update the selection after inserting the content.
+     */
+    updateSelection?: boolean;
+    applyInputRules?: boolean;
+    applyPasteRules?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         insertContent: {
@@ -1974,6 +1987,29 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface InsertContentAtOptions {
+    /**
+     * Options for parsing the content.
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to update the selection after inserting the content.
+     */
+    updateSelection?: boolean;
+    /**
+     * Whether to apply input rules after inserting the content.
+     */
+    applyInputRules?: boolean;
+    /**
+     * Whether to apply paste rules after inserting the content.
+     */
+    applyPasteRules?: boolean;
+    /**
+     * Whether to throw an error if the content is invalid.
+     */
+    errorOnInvalidContent?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         insertContentAt: {
@@ -2243,6 +2279,23 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface SetContentOptions {
+    /**
+     * Options for parsing the content.
+     * @default {}
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to throw an error if the content is invalid.
+     */
+    errorOnInvalidContent?: boolean;
+    /**
+     * Whether to emit an update event.
+     * @default true
+     */
+    emitUpdate?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         setContent: {
@@ -2545,6 +2598,7 @@ declare module '@tiptap/core' {
         };
     }
 }
+
 declare class Editor extends EventEmitter<EditorEvents> {
     private commandManager;
     extensionManager: ExtensionManager;
@@ -2730,13 +2784,13 @@ type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'eleme
         pos: number;
     }) => void;
 };
-declare const DragHandle: vue_types_vue.ExtendedVue<Vue__default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue__default>, unknown, unknown, unknown, {
-    pluginKey: string | PluginKey$1<any> | undefined;
+declare const DragHandle: vue_types_vue.ExtendedVue<vue.default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => vue.default>, unknown, unknown, unknown, {
+    pluginKey: string | prosemirror_state.PluginKey<any> | undefined;
     editor: Editor;
     computePositionConfig: {} | undefined;
     onNodeChange: (((data: {
         editor: Editor;
-        node: Node$3 | null;
+        node: prosemirror_model.Node | null;
         pos: number;
     }) => void) & ((data: {
         node: Node | null;
@@ -2746,6 +2800,6 @@ declare const DragHandle: vue_types_vue.ExtendedVue<Vue__default<Record<string,
     onElementDragStart: ((e: DragEvent) => void) | undefined;
     onElementDragEnd: ((e: DragEvent) => void) | undefined;
     class: string | undefined;
-}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin>;
+}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin>;
 
 export { DragHandle, type DragHandleProps, DragHandle as default };

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 import * as vue_types_vue from 'vue/types/vue';
-import * as Vue from 'vue';
-import Vue__default from 'vue';
-import { Node as Node$3 } from 'prosemirror-model';
-import { PluginKey as PluginKey$1 } from 'prosemirror-state';
-import { Plugin, PluginKey, Transaction, EditorState } from '@tiptap/pm/state';
-import { NodeType as NodeType$1, MarkType as MarkType$1, Node as Node$2, Fragment, ParseOptions, Schema, Slice, Mark as Mark$1, ResolvedPos, MarkSpec, DOMOutputSpec, NodeSpec } from '@tiptap/pm/model';
-import { EditorView, EditorProps, NodeViewConstructor, MarkViewConstructor, NodeView, MarkView } from '@tiptap/pm/view';
+import * as prosemirror_model from 'prosemirror-model';
+import * as prosemirror_state from 'prosemirror-state';
+import * as vue from 'vue';
+import { MarkType as MarkType$1, MarkSpec, Mark as Mark$1, DOMOutputSpec, NodeType as NodeType$1, NodeSpec, Node as Node$2, Slice, ParseOptions, Schema, ResolvedPos, Fragment } from '@tiptap/pm/model';
+import { EditorState, Plugin, Transaction, PluginKey } from '@tiptap/pm/state';
+import { EditorView, EditorProps, NodeView, MarkView, NodeViewConstructor, MarkViewConstructor } from '@tiptap/pm/view';
 import { Transform } from '@tiptap/pm/transform';
 import { DragHandlePluginProps } from '@tiptap/extension-drag-handle';
 
@@ -156,7 +155,7 @@ interface MarkConfig<Options = any, Storage = any> extends ExtendableConfig<Opti
         storage: Storage;
         parent: ParentConfig<MarkConfig<Options, Storage>>['addAttributes'];
         editor?: Editor;
-    }) => Attributes$1 | {};
+    }) => Attributes | {};
 }
 /**
  * The Mark class is used to create custom mark extensions.
@@ -453,7 +452,7 @@ interface NodeConfig<Options = any, Storage = any> extends ExtendableConfig<Opti
         storage: Storage;
         parent: ParentConfig<NodeConfig<Options, Storage>>['addAttributes'];
         editor?: Editor;
-    }) => Attributes$1 | {};
+    }) => Attributes | {};
 }
 /**
  * The Node class is used to create custom node extensions.
@@ -872,6 +871,7 @@ declare class Extendable<Options = any, Storage = any, Config = ExtensionConfig<
     configure(options?: Partial<Options>): Extendable<Options, Storage, ExtensionConfig<Options, Storage> | NodeConfig<Options, Storage> | MarkConfig<Options, Storage>>;
     extend<ExtendedOptions = Options, ExtendedStorage = Storage, ExtendedConfig = ExtensionConfig<ExtendedOptions, ExtendedStorage> | NodeConfig<ExtendedOptions, ExtendedStorage> | MarkConfig<ExtendedOptions, ExtendedStorage>>(extendedConfig?: Partial<ExtendedConfig>): Extendable<ExtendedOptions, ExtendedStorage>;
 }
+
 type AnyExtension = Extendable;
 type Extensions = AnyExtension[];
 type ParentConfig<T> = Partial<{
@@ -1261,17 +1261,71 @@ interface EditorOptions {
  */
 type HTMLContent = string;
 /**
- * Loosely describes a JSON representation of a Prosemirror document or node
+ * A Tiptap JSON node or document. Tiptap JSON is the standard format for
+ * storing and manipulating Tiptap content. It is equivalent to the JSON
+ * representation of a Prosemirror node.
+ *
+ * Tiptap JSON documents are trees of nodes. The root node is usually of type
+ * `doc`. Nodes can have other nodes as children. Nodes can also have marks and
+ * attributes. Text nodes (nodes with type `text`) have a `text` property and no
+ * children.
+ *
+ * @example
+ * ```ts
+ * const content: JSONContent = {
+ *   type: 'doc',
+ *   content: [
+ *     {
+ *       type: 'paragraph',
+ *       content: [
+ *         {
+ *           type: 'text',
+ *           text: 'Hello ',
+ *         },
+ *         {
+ *           type: 'text',
+ *           text: 'world',
+ *           marks: [{ type: 'bold' }],
+ *         },
+ *       ],
+ *     },
+ *   ],
+ * }
+ * ```
  */
 type JSONContent = {
+    /**
+     * The type of the node
+     */
     type?: string;
+    /**
+     * The attributes of the node. Attributes can have any JSON-serializable value.
+     */
     attrs?: Record<string, any> | undefined;
+    /**
+     * The children of the node. A node can have other nodes as children.
+     */
     content?: JSONContent[];
+    /**
+     * A list of marks of the node. Inline nodes can have marks.
+     */
     marks?: {
+        /**
+         * The type of the mark
+         */
         type: string;
+        /**
+         * The attributes of the mark. Attributes can have any JSON-serializable value.
+         */
         attrs?: Record<string, any>;
         [key: string]: any;
     }[];
+    /**
+     * The text content of the node. This property is only present on text nodes
+     * (i.e. nodes with `type: 'text'`).
+     *
+     * Text nodes cannot have children, but they can have marks.
+     */
     text?: string;
     [key: string]: any;
 };
@@ -1333,7 +1387,7 @@ type Attribute = {
     keepOnSplit?: boolean;
     isRequired?: boolean;
 };
-type Attributes$1 = {
+type Attributes = {
     [key: string]: Attribute;
 };
 type ExtensionAttribute = {
@@ -1484,7 +1538,6 @@ type MarkdownParseHelpers = {
         attrs?: any;
     };
 };
-
 /**
  * Return shape for parser-level `parse` handlers.
  * - a single JSON-like node
@@ -1664,59 +1717,6 @@ declare class NodePos {
     }): void;
 }
 
-interface InsertContentOptions {
-    /**
-     * Options for parsing the content.
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to update the selection after inserting the content.
-     */
-    updateSelection?: boolean;
-    applyInputRules?: boolean;
-    applyPasteRules?: boolean;
-}
-
-interface InsertContentAtOptions {
-    /**
-     * Options for parsing the content.
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to update the selection after inserting the content.
-     */
-    updateSelection?: boolean;
-    /**
-     * Whether to apply input rules after inserting the content.
-     */
-    applyInputRules?: boolean;
-    /**
-     * Whether to apply paste rules after inserting the content.
-     */
-    applyPasteRules?: boolean;
-    /**
-     * Whether to throw an error if the content is invalid.
-     */
-    errorOnInvalidContent?: boolean;
-}
-
-interface SetContentOptions {
-    /**
-     * Options for parsing the content.
-     * @default {}
-     */
-    parseOptions?: ParseOptions;
-    /**
-     * Whether to throw an error if the content is invalid.
-     */
-    errorOnInvalidContent?: boolean;
-    /**
-     * Whether to emit an update event.
-     * @default true
-     */
-    emitUpdate?: boolean;
-}
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         blur: {
@@ -1954,6 +1954,19 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface InsertContentOptions {
+    /**
+     * Options for parsing the content.
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to update the selection after inserting the content.
+     */
+    updateSelection?: boolean;
+    applyInputRules?: boolean;
+    applyPasteRules?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         insertContent: {
@@ -1974,6 +1987,29 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface InsertContentAtOptions {
+    /**
+     * Options for parsing the content.
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to update the selection after inserting the content.
+     */
+    updateSelection?: boolean;
+    /**
+     * Whether to apply input rules after inserting the content.
+     */
+    applyInputRules?: boolean;
+    /**
+     * Whether to apply paste rules after inserting the content.
+     */
+    applyPasteRules?: boolean;
+    /**
+     * Whether to throw an error if the content is invalid.
+     */
+    errorOnInvalidContent?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         insertContentAt: {
@@ -2243,6 +2279,23 @@ declare module '@tiptap/core' {
         };
     }
 }
+
+interface SetContentOptions {
+    /**
+     * Options for parsing the content.
+     * @default {}
+     */
+    parseOptions?: ParseOptions;
+    /**
+     * Whether to throw an error if the content is invalid.
+     */
+    errorOnInvalidContent?: boolean;
+    /**
+     * Whether to emit an update event.
+     * @default true
+     */
+    emitUpdate?: boolean;
+}
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         setContent: {
@@ -2545,6 +2598,7 @@ declare module '@tiptap/core' {
         };
     }
 }
+
 declare class Editor extends EventEmitter<EditorEvents> {
     private commandManager;
     extensionManager: ExtensionManager;
@@ -2730,13 +2784,13 @@ type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'eleme
         pos: number;
     }) => void;
 };
-declare const DragHandle: vue_types_vue.ExtendedVue<Vue__default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue__default>, unknown, unknown, unknown, {
-    pluginKey: string | PluginKey$1<any> | undefined;
+declare const DragHandle: vue_types_vue.ExtendedVue<vue.default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => vue.default>, unknown, unknown, unknown, {
+    pluginKey: string | prosemirror_state.PluginKey<any> | undefined;
     editor: Editor;
     computePositionConfig: {} | undefined;
     onNodeChange: (((data: {
         editor: Editor;
-        node: Node$3 | null;
+        node: prosemirror_model.Node | null;
         pos: number;
     }) => void) & ((data: {
         node: Node | null;
@@ -2746,6 +2800,6 @@ declare const DragHandle: vue_types_vue.ExtendedVue<Vue__default<Record<string,
     onElementDragStart: ((e: DragEvent) => void) | undefined;
     onElementDragEnd: ((e: DragEvent) => void) | undefined;
     class: string | undefined;
-}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin>;
+}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin>;
 
 export { DragHandle, type DragHandleProps, DragHandle as default };

package/dist/index.js

@@ -4,7 +4,12 @@ import {
   DragHandlePlugin,
   dragHandlePluginDefaultKey
 } from "@tiptap/extension-drag-handle";
-import Vue from "vue";
+
+// src/Vue.ts
+import VueDefault from "vue";
+var Vue = VueDefault;
+
+// src/DragHandle.ts
 var DragHandle = Vue.extend({
   name: "DragHandleVue",
   props: {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/DragHandle.ts","../src/index.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport {\n  type DragHandlePluginProps,\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@tiptap/extension-drag-handle'\nimport Vue, { type PropType } from 'vue'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void\n}\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: () => dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    onElementDragStart: {\n      type: Function as PropType<DragHandleProps['onElementDragStart']>,\n      default: null,\n    },\n\n    onElementDragEnd: {\n      type: Function as PropType<DragHandleProps['onElementDragEnd']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const { editor, pluginKey, onNodeChange, onElementDragStart, onElementDragEnd } = this.$props\n\n    editor.registerPlugin(\n      DragHandlePlugin({\n        editor,\n        element: this.$el as HTMLElement,\n        pluginKey,\n        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },\n        onNodeChange,\n        onElementDragStart,\n        onElementDragEnd,\n      }).plugin,\n    )\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h) {\n    return h(\n      'div',\n      {\n        class: this.class,\n      },\n      this.$slots.default,\n    )\n  },\n})\n","import { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n"],"mappings":";AACA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,SAA4B;AAS5B,IAAM,aAAa,IAAI,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA,IACjB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,WAAW,cAAc,oBAAoB,iBAAiB,IAAI,KAAK;AAEvF,WAAO;AAAA,MACL,iBAAiB;AAAA,QACf;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,QACA,uBAAuB,EAAE,GAAG,8BAA8B,GAAG,KAAK,sBAAsB;AAAA,QACxF;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,gBAAgB;AACd,UAAM,EAAE,WAAW,OAAO,IAAI,KAAK;AAEnC,WAAO,iBAAiB,SAAmB;AAAA,EAC7C;AAAA,EAEA,OAAO,GAAG;AACR,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;ACpFD,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../src/DragHandle.ts","../src/Vue.ts","../src/index.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport {\n  type DragHandlePluginProps,\n  defaultComputePositionConfig,\n  DragHandlePlugin,\n  dragHandlePluginDefaultKey,\n} from '@tiptap/extension-drag-handle'\nimport { type PropType } from 'vue'\n\nimport { Vue } from './Vue.js'\n\ntype Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>\n\nexport type DragHandleProps = Omit<Optional<DragHandlePluginProps, 'pluginKey'>, 'element'> & {\n  class?: string\n  onNodeChange?: (data: { node: Node | null; editor: Editor; pos: number }) => void\n}\n\nexport const DragHandle = Vue.extend({\n  name: 'DragHandleVue',\n\n  props: {\n    pluginKey: {\n      type: [String, Object] as PropType<DragHandleProps['pluginKey']>,\n      default: () => dragHandlePluginDefaultKey,\n    },\n\n    editor: {\n      type: Object as PropType<DragHandleProps['editor']>,\n      required: true,\n    },\n\n    computePositionConfig: {\n      type: Object as PropType<DragHandleProps['computePositionConfig']>,\n      default: () => ({}),\n    },\n\n    onNodeChange: {\n      type: Function as PropType<DragHandleProps['onNodeChange']>,\n      default: null,\n    },\n\n    onElementDragStart: {\n      type: Function as PropType<DragHandleProps['onElementDragStart']>,\n      default: null,\n    },\n\n    onElementDragEnd: {\n      type: Function as PropType<DragHandleProps['onElementDragEnd']>,\n      default: null,\n    },\n\n    class: {\n      type: String as PropType<DragHandleProps['class']>,\n      default: 'drag-handle',\n    },\n  },\n\n  mounted() {\n    const { editor, pluginKey, onNodeChange, onElementDragStart, onElementDragEnd } = this.$props\n\n    editor.registerPlugin(\n      DragHandlePlugin({\n        editor,\n        element: this.$el as HTMLElement,\n        pluginKey,\n        computePositionConfig: { ...defaultComputePositionConfig, ...this.computePositionConfig },\n        onNodeChange,\n        onElementDragStart,\n        onElementDragEnd,\n      }).plugin,\n    )\n  },\n\n  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle\n  beforeDestroy() {\n    const { pluginKey, editor } = this.$props\n\n    editor.unregisterPlugin(pluginKey as string)\n  },\n\n  render(h: Vue.CreateElement) {\n    return h(\n      'div',\n      {\n        class: this.class,\n      },\n      this.$slots.default,\n    )\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 { DragHandle } from './DragHandle.js'\n\nexport * from './DragHandle.js'\n\nexport default DragHandle\n"],"mappings":";AACA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACLP,OAAO,gBAAgB;AAMhB,IAAM,MAAsB;;;ADW5B,IAAM,aAAa,IAAI,OAAO;AAAA,EACnC,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA,IACjB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,uBAAuB;AAAA,MACrB,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IACnB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,UAAU;AACR,UAAM,EAAE,QAAQ,WAAW,cAAc,oBAAoB,iBAAiB,IAAI,KAAK;AAEvF,WAAO;AAAA,MACL,iBAAiB;AAAA,QACf;AAAA,QACA,SAAS,KAAK;AAAA,QACd;AAAA,QACA,uBAAuB,EAAE,GAAG,8BAA8B,GAAG,KAAK,sBAAsB;AAAA,QACxF;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,EAAE;AAAA,IACL;AAAA,EACF;AAAA;AAAA,EAGA,gBAAgB;AACd,UAAM,EAAE,WAAW,OAAO,IAAI,KAAK;AAEnC,WAAO,iBAAiB,SAAmB;AAAA,EAC7C;AAAA,EAEA,OAAO,GAAsB;AAC3B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,MACA,KAAK,OAAO;AAAA,IACd;AAAA,EACF;AACF,CAAC;;;AEtFD,IAAO,gBAAQ;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/extension-drag-handle-vue-2",
   "description": "drag handle extension for tiptap with vue 2",
-  "version": "3.10.6",
+  "version": "3.10.8",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -37,16 +37,16 @@
   ],
   "peerDependencies": {
     "vue": "^2.0.0",
-    "@tiptap/extension-drag-handle": "^3.10.6",
-    "@tiptap/pm": "^3.10.6",
-    "@tiptap/vue-2": "^3.10.6"
+    "@tiptap/extension-drag-handle": "^3.10.8",
+    "@tiptap/pm": "^3.10.8",
+    "@tiptap/vue-2": "^3.10.8"
   },
   "devDependencies": {
     "vue": "^2.0.0",
     "vue-ts-types": "1.6.2",
-    "@tiptap/extension-drag-handle": "^3.10.6",
-    "@tiptap/pm": "^3.10.6",
-    "@tiptap/vue-2": "^3.10.6"
+    "@tiptap/extension-drag-handle": "^3.10.8",
+    "@tiptap/pm": "^3.10.8",
+    "@tiptap/vue-2": "^3.10.8"
   },
   "scripts": {
     "build": "tsup",

package/src/DragHandle.ts

@@ -5,7 +5,9 @@ import {
   DragHandlePlugin,
   dragHandlePluginDefaultKey,
 } from '@tiptap/extension-drag-handle'
-import Vue, { type PropType } from 'vue'
+import { type PropType } from 'vue'
+
+import { Vue } from './Vue.js'
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
 
@@ -77,7 +79,7 @@ export const DragHandle = Vue.extend({
     editor.unregisterPlugin(pluginKey as string)
   },
 
-  render(h) {
+  render(h: Vue.CreateElement) {
     return h(
       'div',
       {

package/src/Vue.ts

@@ -0,0 +1,8 @@
+import type { VueConstructor } from 'vue'
+import VueDefault from 'vue'
+
+// With nodenext module resolution, TypeScript treats the default import as the module type.
+// We need to explicitly type it as VueConstructor to access static methods like extend and observable.
+// This is necessary because Vue 2's type definitions export Vue as VueConstructor, but nodenext
+// doesn't correctly infer the default export type.
+export const Vue: VueConstructor = VueDefault as unknown as VueConstructor