@tiptap/extension-drag-handle-vue-3 3.19.0 → 3.20.0

package/dist/index.d.cts

@@ -688,6 +688,26 @@ interface ExtendableConfig<Options = any, Storage = any, Config extends Extensio
         type: PMType;
         parent: ParentConfig<Config>['addProseMirrorPlugins'];
     }) => Plugin[];
+    /**
+     * This function transforms pasted HTML content before it's parsed.
+     * Extensions can use this to modify or clean up pasted HTML.
+     * The transformations are chained - each extension's transform receives
+     * the output from the previous extension's transform.
+     * @see https://tiptap.dev/docs/editor/guide/custom-extensions#transform-pasted-html
+     * @example
+     * transformPastedHTML(html) {
+     *   // Remove all style attributes
+     *   return html.replace(/style="[^"]*"/g, '')
+     * }
+     */
+    transformPastedHTML?: (this: {
+        name: string;
+        options: Options;
+        storage: Storage;
+        editor: Editor;
+        type: PMType;
+        parent: ParentConfig<Config>['transformPastedHTML'];
+    }, html: string) => string;
     /**
      * This function adds additional extensions to the editor. This is useful for
      * building extension kits.
@@ -1454,8 +1474,18 @@ type ExtensionAttribute = {
 type GlobalAttributes = {
     /**
      * The node & mark types this attribute should be applied to.
+     * Can be a specific array of type names, or a shorthand string:
+     * - `'*'` applies to all nodes (excluding text) and all marks
+     * - `'nodes'` applies to all nodes (excluding the built-in text node)
+     * - `'marks'` applies to all marks
+     * - `string[]` applies to specific node/mark types by name
+     * @example
+     * types: '*'                                    // All nodes and marks
+     * types: 'nodes'                                // All nodes
+     * types: 'marks'                                // All marks
+     * types: ['heading', 'paragraph']               // Specific types
      */
-    types: string[];
+    types: string[] | 'nodes' | 'marks' | '*';
     /**
      * The attributes to add to the node or mark types.
      */
@@ -1781,6 +1811,12 @@ declare class ExtensionManager {
      * @returns A composed dispatch function
      */
     dispatchTransaction(baseDispatch: (tr: Transaction) => void): (tr: Transaction) => void;
+    /**
+     * Get the composed transformPastedHTML function from all extensions.
+     * @param baseTransform The base transform function (e.g. from the editor props)
+     * @returns A composed transform function that chains all extension transforms
+     */
+    transformPastedHTML(baseTransform?: (html: string, view?: any) => string): (html: string, view?: EditorView) => string;
     get markViews(): Record<string, MarkViewConstructor>;
     /**
      * Go through all extensions, create extension storages & setup marks
@@ -2807,7 +2843,7 @@ declare class Editor extends EventEmitter<EditorEvents> {
      */
     get isEditable(): boolean;
     /**
-     * Returns the editor state.
+     * Returns the editor view.
      */
     get view(): EditorView;
     /**

package/dist/index.d.ts

@@ -688,6 +688,26 @@ interface ExtendableConfig<Options = any, Storage = any, Config extends Extensio
         type: PMType;
         parent: ParentConfig<Config>['addProseMirrorPlugins'];
     }) => Plugin[];
+    /**
+     * This function transforms pasted HTML content before it's parsed.
+     * Extensions can use this to modify or clean up pasted HTML.
+     * The transformations are chained - each extension's transform receives
+     * the output from the previous extension's transform.
+     * @see https://tiptap.dev/docs/editor/guide/custom-extensions#transform-pasted-html
+     * @example
+     * transformPastedHTML(html) {
+     *   // Remove all style attributes
+     *   return html.replace(/style="[^"]*"/g, '')
+     * }
+     */
+    transformPastedHTML?: (this: {
+        name: string;
+        options: Options;
+        storage: Storage;
+        editor: Editor;
+        type: PMType;
+        parent: ParentConfig<Config>['transformPastedHTML'];
+    }, html: string) => string;
     /**
      * This function adds additional extensions to the editor. This is useful for
      * building extension kits.
@@ -1454,8 +1474,18 @@ type ExtensionAttribute = {
 type GlobalAttributes = {
     /**
      * The node & mark types this attribute should be applied to.
+     * Can be a specific array of type names, or a shorthand string:
+     * - `'*'` applies to all nodes (excluding text) and all marks
+     * - `'nodes'` applies to all nodes (excluding the built-in text node)
+     * - `'marks'` applies to all marks
+     * - `string[]` applies to specific node/mark types by name
+     * @example
+     * types: '*'                                    // All nodes and marks
+     * types: 'nodes'                                // All nodes
+     * types: 'marks'                                // All marks
+     * types: ['heading', 'paragraph']               // Specific types
      */
-    types: string[];
+    types: string[] | 'nodes' | 'marks' | '*';
     /**
      * The attributes to add to the node or mark types.
      */
@@ -1781,6 +1811,12 @@ declare class ExtensionManager {
      * @returns A composed dispatch function
      */
     dispatchTransaction(baseDispatch: (tr: Transaction) => void): (tr: Transaction) => void;
+    /**
+     * Get the composed transformPastedHTML function from all extensions.
+     * @param baseTransform The base transform function (e.g. from the editor props)
+     * @returns A composed transform function that chains all extension transforms
+     */
+    transformPastedHTML(baseTransform?: (html: string, view?: any) => string): (html: string, view?: EditorView) => string;
     get markViews(): Record<string, MarkViewConstructor>;
     /**
      * Go through all extensions, create extension storages & setup marks
@@ -2807,7 +2843,7 @@ declare class Editor extends EventEmitter<EditorEvents> {
      */
     get isEditable(): boolean;
     /**
-     * Returns the editor state.
+     * Returns the editor view.
      */
     get view(): EditorView;
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tiptap/extension-drag-handle-vue-3",
   "description": "drag handle extension for tiptap with vue 3",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "homepage": "https://tiptap.dev",
   "keywords": [
     "tiptap",
@@ -37,15 +37,15 @@
   ],
   "peerDependencies": {
     "vue": "^3.0.0",
-    "@tiptap/extension-drag-handle": "^3.19.0",
-    "@tiptap/pm": "^3.19.0",
-    "@tiptap/vue-3": "^3.19.0"
+    "@tiptap/extension-drag-handle": "^3.20.0",
+    "@tiptap/pm": "^3.20.0",
+    "@tiptap/vue-3": "^3.20.0"
   },
   "devDependencies": {
     "vue": "^3.0.0",
-    "@tiptap/pm": "^3.19.0",
-    "@tiptap/extension-drag-handle": "^3.19.0",
-    "@tiptap/vue-3": "^3.19.0"
+    "@tiptap/pm": "^3.20.0",
+    "@tiptap/extension-drag-handle": "^3.20.0",
+    "@tiptap/vue-3": "^3.20.0"
   },
   "scripts": {
     "build": "tsup",