@tiptap/extension-unique-id 2.0.0-beta.3 → 2.22.0

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/helpers/removeDuplicates.ts","../src/helpers/findDuplicates.ts","../src/unique-id.ts"],"sourcesContent":["/**\n * Removes duplicated values within an array.\n * Supports numbers, strings and objects.\n */\nexport function removeDuplicates<T>(array: T[], by = JSON.stringify): T[] {\n  const seen: Record<any, any> = {}\n\n  return array.filter(item => {\n    const key = by(item)\n\n    return Object.prototype.hasOwnProperty.call(seen, key)\n      ? false\n      : (seen[key] = true)\n  })\n}\n","import { removeDuplicates } from './removeDuplicates.js'\n\n/**\n * Returns a list of duplicated items within an array.\n */\nexport function findDuplicates(items: any[]): any[] {\n  const filtered = items.filter((el, index) => items.indexOf(el) !== index)\n  const duplicates = removeDuplicates(filtered)\n\n  return duplicates\n}\n","import {\n  combineTransactionSteps,\n  Extension,\n  findChildren,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core'\nimport { Fragment, Node as ProseMirrorNode, Slice } from '@tiptap/pm/model'\nimport { Plugin, PluginKey, Transaction } from '@tiptap/pm/state'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { findDuplicates } from './helpers/findDuplicates.js'\n\nexport interface UniqueIDOptions {\n  attributeName: string,\n  types: string[],\n  generateID: () => any,\n  filterTransaction: ((transaction: Transaction) => boolean) | null,\n}\n\nexport const UniqueID = Extension.create<UniqueIDOptions>({\n  name: 'uniqueID',\n\n  // we’ll set a very high priority to make sure this runs first\n  // and is compatible with `appendTransaction` hooks of other extensions\n  priority: 10000,\n\n  addOptions() {\n    return {\n      attributeName: 'id',\n      types: [],\n      generateID: () => uuidv4(),\n      filterTransaction: null,\n    }\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          [this.options.attributeName]: {\n            default: null,\n            parseHTML: element => element.getAttribute(`data-${this.options.attributeName}`),\n            renderHTML: attributes => {\n              if (!attributes[this.options.attributeName]) {\n                return {}\n              }\n\n              return {\n                [`data-${this.options.attributeName}`]: attributes[this.options.attributeName],\n              }\n            },\n          },\n        },\n      },\n    ]\n  },\n\n  // check initial content for missing ids\n  onCreate() {\n    const collab = this.editor.extensionManager.extensions.find(ext => ext.name === 'collaboration')\n    const provider = collab?.options ? collab.options.provider : undefined\n\n    const createIds = () => {\n      const { view, state } = this.editor\n      const { tr, doc } = state\n      const { types, attributeName, generateID } = this.options\n      const nodesWithoutId = findChildren(doc, node => {\n        return types.includes(node.type.name) && node.attrs[attributeName] === null\n      })\n\n      nodesWithoutId.forEach(({ node, pos }) => {\n        tr.setNodeMarkup(pos, undefined, {\n          ...node.attrs,\n          [attributeName]: generateID(),\n        })\n      })\n\n      tr.setMeta('addToHistory', false)\n\n      view.dispatch(tr)\n\n      if (provider) {\n        provider.off('synced', createIds)\n      }\n    }\n\n    /**\n     * We need to handle collaboration a bit different here\n     * because we can't automatically add IDs when the provider is not yet synced\n     * otherwise we end up with empty paragraphs\n     */\n    if (collab) {\n      if (!provider) {\n        return createIds()\n      }\n\n      provider.on('synced', createIds)\n    } else {\n      return createIds()\n    }\n  },\n\n  addProseMirrorPlugins() {\n    let dragSourceElement: Element | null = null\n    let transformPasted = false\n\n    return [\n      new Plugin({\n        key: new PluginKey('uniqueID'),\n\n        appendTransaction: (transactions, oldState, newState) => {\n          const hasDocChanges = transactions.some(transaction => transaction.docChanged)\n            && !oldState.doc.eq(newState.doc)\n          const filterTransactions = this.options.filterTransaction\n            && transactions.some(tr => !this.options.filterTransaction?.(tr))\n\n          const isCollabTransaction = transactions.find(tr => tr.getMeta('y-sync$'))\n\n          if (isCollabTransaction) {\n            return\n          }\n\n          if (!hasDocChanges || filterTransactions) {\n            return\n          }\n\n          const { tr } = newState\n\n          const { types, attributeName, generateID } = this.options\n          const transform = combineTransactionSteps(oldState.doc, transactions as Transaction[])\n          const { mapping } = transform\n\n          // get changed ranges based on the old state\n          const changes = getChangedRanges(transform)\n\n          changes.forEach(({ newRange }) => {\n            const newNodes = findChildrenInRange(newState.doc, newRange, node => {\n              return types.includes(node.type.name)\n            })\n\n            const newIds = newNodes\n              .map(({ node }) => node.attrs[attributeName])\n              .filter(id => id !== null)\n\n            newNodes.forEach(({ node, pos }, i) => {\n              // instead of checking `node.attrs[attributeName]` directly\n              // we look at the current state of the node within `tr.doc`.\n              // this helps to prevent adding new ids to the same node\n              // if the node changed multiple times within one transaction\n              const id = tr.doc.nodeAt(pos)?.attrs[attributeName]\n\n              if (id === null) {\n                tr.setNodeMarkup(pos, undefined, {\n                  ...node.attrs,\n                  [attributeName]: generateID(),\n                })\n\n                return\n              }\n\n              const nextNode = newNodes[i + 1]\n\n              if (nextNode && node.content.size === 0) {\n                tr.setNodeMarkup(nextNode.pos, undefined, {\n                  ...nextNode.node.attrs,\n                  [attributeName]: id,\n                })\n                newIds[i + 1] = id\n\n                if (nextNode.node.attrs[attributeName]) {\n                  return\n                }\n\n                const generatedId = generateID()\n\n                tr.setNodeMarkup(pos, undefined, {\n                  ...node.attrs,\n                  [attributeName]: generatedId,\n                })\n                newIds[i] = generatedId\n\n                return tr\n              }\n\n              const duplicatedNewIds = findDuplicates(newIds)\n\n              // check if the node doesn’t exist in the old state\n              const { deleted } = mapping.invert().mapResult(pos)\n\n              const newNode = deleted && duplicatedNewIds.includes(id)\n\n              if (newNode) {\n                tr.setNodeMarkup(pos, undefined, {\n                  ...node.attrs,\n                  [attributeName]: generateID(),\n                })\n              }\n            })\n\n          })\n\n          if (!tr.steps.length) {\n            return\n          }\n\n          // `tr.setNodeMarkup` resets the stored marks\n          // so we’ll restore them if they exist\n          tr.setStoredMarks(newState.tr.storedMarks)\n\n          return tr\n        },\n\n        // we register a global drag handler to track the current drag source element\n        view(view) {\n          const handleDragstart = (event: DragEvent) => {\n            dragSourceElement = view.dom.parentElement?.contains(event.target as Element)\n              ? view.dom.parentElement\n              : null\n          }\n\n          window.addEventListener('dragstart', handleDragstart)\n\n          return {\n            destroy() {\n              window.removeEventListener('dragstart', handleDragstart)\n            },\n          }\n        },\n\n        props: {\n          // `handleDOMEvents` is called before `transformPasted`\n          // so we can do some checks before\n          handleDOMEvents: {\n            // only create new ids for dropped content\n            // or dropped content while holding `alt`\n            // or content is dragged from another editor\n            drop: (view, event) => {\n              if (\n                dragSourceElement !== view.dom.parentElement\n                || event.dataTransfer?.effectAllowed === 'copyMove'\n                || event.dataTransfer?.effectAllowed === 'copy'\n              ) {\n                dragSourceElement = null\n                transformPasted = true\n              }\n\n              return false\n            },\n            // always create new ids on pasted content\n            paste: () => {\n              transformPasted = true\n\n              return false\n            },\n          },\n\n          // we’ll remove ids for every pasted node\n          // so we can create a new one within `appendTransaction`\n          transformPasted: slice => {\n            if (!transformPasted) {\n              return slice\n            }\n\n            const { types, attributeName } = this.options\n            const removeId = (fragment: Fragment): Fragment => {\n              const list: ProseMirrorNode[] = []\n\n              fragment.forEach(node => {\n                // don’t touch text nodes\n                if (node.isText) {\n                  list.push(node)\n\n                  return\n                }\n\n                // check for any other child nodes\n                if (!types.includes(node.type.name)) {\n                  list.push(node.copy(removeId(node.content)))\n\n                  return\n                }\n\n                // remove id\n                const nodeWithoutId = node.type.create(\n                  {\n                    ...node.attrs,\n                    [attributeName]: null,\n                  },\n                  removeId(node.content),\n                  node.marks,\n                )\n\n                list.push(nodeWithoutId)\n              })\n\n              return Fragment.from(list)\n            }\n\n            // reset check\n            transformPasted = false\n\n            return new Slice(removeId(slice.content), slice.openStart, slice.openEnd)\n          },\n        },\n      }),\n    ]\n  },\n\n})\n"],"names":["Extension","uuidv4","findChildren","Plugin","PluginKey","combineTransactionSteps","getChangedRanges","findChildrenInRange","Fragment","Slice"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { UniqueID } from './unique-id.js';
+export * from './unique-id.js';
+export default UniqueID;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,cAAc,gBAAgB,CAAA;AAE9B,eAAe,QAAQ,CAAA"}

package/dist/{tiptap-extension-unique-id.esm.js → index.js}

@@ -1,289 +1,262 @@
-import { Extension, findChildren, findChildrenInRange } from '@tiptap/core';
-import { Plugin, PluginKey } from 'prosemirror-state';
-import { Slice, Fragment } from 'prosemirror-model';
+import { Extension, combineTransactionSteps, getChangedRanges, findChildrenInRange, findChildren } from '@tiptap/core';
+import { Slice, Fragment } from '@tiptap/pm/model';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
 import { v4 } from 'uuid';
-import { Transform } from 'prosemirror-transform';
 
-/**
- * Returns a new `Transform` based on all steps of the passed transactions.
- */
-function combineTransactionSteps(oldDoc, transactions) {
-    const transform = new Transform(oldDoc);
-    transactions.forEach(transaction => {
-        transaction.steps.forEach(step => {
-            transform.step(step);
-        });
-    });
-    return transform;
+/**
+ * Removes duplicated values within an array.
+ * Supports numbers, strings and objects.
+ */
+function removeDuplicates(array, by = JSON.stringify) {
+    const seen = {};
+    return array.filter(item => {
+        const key = by(item);
+        return Object.prototype.hasOwnProperty.call(seen, key)
+            ? false
+            : (seen[key] = true);
+    });
 }
 
-/**
- * Removes duplicated values within an array.
- * Supports numbers, strings and objects.
- */
-function removeDuplicates(array, by = JSON.stringify) {
-    const seen = {};
-    return array.filter(item => {
-        const key = by(item);
-        return Object.prototype.hasOwnProperty.call(seen, key)
-            ? false
-            : (seen[key] = true);
-    });
+/**
+ * Returns a list of duplicated items within an array.
+ */
+function findDuplicates(items) {
+    const filtered = items.filter((el, index) => items.indexOf(el) !== index);
+    const duplicates = removeDuplicates(filtered);
+    return duplicates;
 }
 
-/**
- * Removes duplicated ranges and ranges that are
- * fully captured by other ranges.
- */
-function simplifyChangedRanges(changes) {
-    const uniqueChanges = removeDuplicates(changes);
-    return uniqueChanges.length === 1
-        ? uniqueChanges
-        : uniqueChanges.filter((change, index) => {
-            const rest = uniqueChanges.filter((_, i) => i !== index);
-            return !rest.some(otherChange => {
-                return change.oldStart >= otherChange.oldStart
-                    && change.oldEnd <= otherChange.oldEnd
-                    && change.newStart >= otherChange.newStart
-                    && change.newEnd <= otherChange.newEnd;
-            });
-        });
-}
-/**
- * Returns a list of changed ranges
- * based on the first and last state of all steps.
- */
-function getChangedRanges(transform) {
-    const { mapping, steps } = transform;
-    const changes = [];
-    mapping.maps.forEach((stepMap, index) => {
-        // This accounts for step changes where no range was actually altered
-        // e.g. when setting a mark, node attribute, etc.
-        // @ts-ignore
-        if (!stepMap.ranges.length) {
-            const step = steps[index];
-            if (step.from === undefined || step.to === undefined) {
-                return;
-            }
-            changes.push({
-                oldStart: step.from,
-                oldEnd: step.to,
-                newStart: step.from,
-                newEnd: step.to,
-            });
-        }
-        else {
-            stepMap.forEach((from, to) => {
-                const newStart = mapping.slice(index).map(from, -1);
-                const newEnd = mapping.slice(index).map(to);
-                const oldStart = mapping.invert().map(newStart, -1);
-                const oldEnd = mapping.invert().map(newEnd);
-                changes.push({
-                    oldStart,
-                    oldEnd,
-                    newStart,
-                    newEnd,
-                });
-            });
-        }
-    });
-    return simplifyChangedRanges(changes);
-}
-
-/**
- * Returns a list of duplicated items within an array.
- */
-function findDuplicates(items) {
-    const filtered = items.filter((el, index) => items.indexOf(el) !== index);
-    const duplicates = removeDuplicates(filtered);
-    return duplicates;
-}
-
-const UniqueID = Extension.create({
-    name: 'uniqueID',
-    // we’ll set a very high priority to make sure this runs first
-    // and is compatible with `appendTransaction` hooks of other extensions
-    priority: 10000,
-    defaultOptions: {
-        attributeName: 'id',
-        types: [],
-        generateID: () => v4(),
-        filterTransaction: null,
-    },
-    addGlobalAttributes() {
-        return [
-            {
-                types: this.options.types,
-                attributes: {
-                    [this.options.attributeName]: {
-                        default: null,
-                        parseHTML: element => element.getAttribute(`data-${this.options.attributeName}`),
-                        renderHTML: attributes => {
-                            if (!attributes[this.options.attributeName]) {
-                                return {};
-                            }
-                            return {
-                                [`data-${this.options.attributeName}`]: attributes[this.options.attributeName],
-                            };
-                        },
-                    },
-                },
-            },
-        ];
-    },
-    // check initial content for missing ids
-    onCreate() {
-        const { view, state } = this.editor;
-        const { tr, doc } = state;
-        const { types, attributeName, generateID } = this.options;
-        const nodesWithoutId = findChildren(doc, node => {
-            return types.includes(node.type.name)
-                && node.attrs[attributeName] === null;
-        });
-        nodesWithoutId.forEach(({ node, pos }) => {
-            tr.setNodeMarkup(pos, undefined, {
-                ...node.attrs,
-                [attributeName]: generateID(),
-            });
-        });
-        view.dispatch(tr);
-    },
-    addProseMirrorPlugins() {
-        let dragSourceElement = null;
-        let transformPasted = false;
-        return [
-            new Plugin({
-                key: new PluginKey('uniqueID'),
-                appendTransaction: (transactions, oldState, newState) => {
-                    const docChanges = transactions.some(transaction => transaction.docChanged)
-                        && !oldState.doc.eq(newState.doc);
-                    const filterTransactions = this.options.filterTransaction
-                        && transactions.some(tr => { var _a, _b; return !((_b = (_a = this.options).filterTransaction) === null || _b === void 0 ? void 0 : _b.call(_a, tr)); });
-                    if (!docChanges || filterTransactions) {
-                        return;
-                    }
-                    const { tr } = newState;
-                    const { types, attributeName, generateID } = this.options;
-                    const transform = combineTransactionSteps(oldState.doc, transactions);
-                    const { mapping } = transform;
-                    // get changed ranges based on the old state
-                    const changes = getChangedRanges(transform);
-                    changes.forEach(change => {
-                        const newRange = {
-                            from: change.newStart,
-                            to: change.newEnd,
-                        };
-                        const newNodes = findChildrenInRange(newState.doc, newRange, node => {
-                            return types.includes(node.type.name);
-                        });
-                        const newIds = newNodes
-                            .map(({ node }) => node.attrs[attributeName])
-                            .filter(id => id !== null);
-                        const duplicatedNewIds = findDuplicates(newIds);
-                        newNodes.forEach(({ node, pos }) => {
-                            var _a;
-                            // instead of checking `node.attrs[attributeName]` directly
-                            // we look at the current state of the node within `tr.doc`.
-                            // this helps to prevent adding new ids to the same node
-                            // if the node changed multiple times within one transaction
-                            const id = (_a = tr.doc.nodeAt(pos)) === null || _a === void 0 ? void 0 : _a.attrs[attributeName];
-                            if (id === null) {
-                                tr.setNodeMarkup(pos, undefined, {
-                                    ...node.attrs,
-                                    [attributeName]: generateID(),
-                                });
-                                return;
-                            }
-                            // check if the node doesn’t exist in the old state
-                            const { deleted } = mapping.invert().mapResult(pos);
-                            const newNode = deleted && duplicatedNewIds.includes(id);
-                            if (newNode) {
-                                tr.setNodeMarkup(pos, undefined, {
-                                    ...node.attrs,
-                                    [attributeName]: generateID(),
-                                });
-                            }
-                        });
-                    });
-                    if (!tr.steps.length) {
-                        return;
-                    }
-                    return tr;
-                },
-                // we register a global drag handler to track the current drag source element
-                view(view) {
-                    const handleDragstart = (event) => {
-                        var _a;
-                        dragSourceElement = ((_a = view.dom.parentElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
-                            ? view.dom.parentElement
-                            : null;
-                    };
-                    window.addEventListener('dragstart', handleDragstart);
-                    return {
-                        destroy() {
-                            window.removeEventListener('dragstart', handleDragstart);
-                        },
-                    };
-                },
-                props: {
-                    // `handleDOMEvents` is called before `transformPasted`
-                    // so we can do some checks before
-                    handleDOMEvents: {
-                        // only create new ids for dropped content while holding `alt`
-                        // or content is dragged from another editor
-                        drop: (view, event) => {
-                            var _a;
-                            if (dragSourceElement !== view.dom.parentElement
-                                || ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.effectAllowed) === 'copy') {
-                                dragSourceElement = null;
-                                transformPasted = true;
-                            }
-                            return false;
-                        },
-                        // always create new ids on pasted content
-                        paste: () => {
-                            transformPasted = true;
-                            return false;
-                        },
-                    },
-                    // we’ll remove ids for every pasted node
-                    // so we can create a new one within `appendTransaction`
-                    transformPasted: slice => {
-                        if (!transformPasted) {
-                            return slice;
-                        }
-                        const { types, attributeName } = this.options;
-                        const removeId = (fragment) => {
-                            const list = [];
-                            fragment.forEach(node => {
-                                // don’t touch text nodes
-                                if (node.isText) {
-                                    list.push(node);
-                                    return;
-                                }
-                                // check for any other child nodes
-                                if (!types.includes(node.type.name)) {
-                                    list.push(node.copy(removeId(node.content)));
-                                    return;
-                                }
-                                // remove id
-                                const nodeWithoutId = node.type.create({
-                                    ...node.attrs,
-                                    [attributeName]: null,
-                                }, removeId(node.content), node.marks);
-                                list.push(nodeWithoutId);
-                            });
-                            return Fragment.from(list);
-                        };
-                        // reset check
-                        transformPasted = false;
-                        return new Slice(removeId(slice.content), slice.openStart, slice.openEnd);
-                    },
-                },
-            }),
-        ];
-    },
+const UniqueID = Extension.create({
+    name: 'uniqueID',
+    // we’ll set a very high priority to make sure this runs first
+    // and is compatible with `appendTransaction` hooks of other extensions
+    priority: 10000,
+    addOptions() {
+        return {
+            attributeName: 'id',
+            types: [],
+            generateID: () => v4(),
+            filterTransaction: null,
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    [this.options.attributeName]: {
+                        default: null,
+                        parseHTML: element => element.getAttribute(`data-${this.options.attributeName}`),
+                        renderHTML: attributes => {
+                            if (!attributes[this.options.attributeName]) {
+                                return {};
+                            }
+                            return {
+                                [`data-${this.options.attributeName}`]: attributes[this.options.attributeName],
+                            };
+                        },
+                    },
+                },
+            },
+        ];
+    },
+    // check initial content for missing ids
+    onCreate() {
+        const collab = this.editor.extensionManager.extensions.find(ext => ext.name === 'collaboration');
+        const provider = (collab === null || collab === void 0 ? void 0 : collab.options) ? collab.options.provider : undefined;
+        const createIds = () => {
+            const { view, state } = this.editor;
+            const { tr, doc } = state;
+            const { types, attributeName, generateID } = this.options;
+            const nodesWithoutId = findChildren(doc, node => {
+                return types.includes(node.type.name) && node.attrs[attributeName] === null;
+            });
+            nodesWithoutId.forEach(({ node, pos }) => {
+                tr.setNodeMarkup(pos, undefined, {
+                    ...node.attrs,
+                    [attributeName]: generateID(),
+                });
+            });
+            tr.setMeta('addToHistory', false);
+            view.dispatch(tr);
+            if (provider) {
+                provider.off('synced', createIds);
+            }
+        };
+        /**
+         * We need to handle collaboration a bit different here
+         * because we can't automatically add IDs when the provider is not yet synced
+         * otherwise we end up with empty paragraphs
+         */
+        if (collab) {
+            if (!provider) {
+                return createIds();
+            }
+            provider.on('synced', createIds);
+        }
+        else {
+            return createIds();
+        }
+    },
+    addProseMirrorPlugins() {
+        let dragSourceElement = null;
+        let transformPasted = false;
+        return [
+            new Plugin({
+                key: new PluginKey('uniqueID'),
+                appendTransaction: (transactions, oldState, newState) => {
+                    const hasDocChanges = transactions.some(transaction => transaction.docChanged)
+                        && !oldState.doc.eq(newState.doc);
+                    const filterTransactions = this.options.filterTransaction
+                        && transactions.some(tr => { var _a, _b; return !((_b = (_a = this.options).filterTransaction) === null || _b === void 0 ? void 0 : _b.call(_a, tr)); });
+                    const isCollabTransaction = transactions.find(tr => tr.getMeta('y-sync$'));
+                    if (isCollabTransaction) {
+                        return;
+                    }
+                    if (!hasDocChanges || filterTransactions) {
+                        return;
+                    }
+                    const { tr } = newState;
+                    const { types, attributeName, generateID } = this.options;
+                    const transform = combineTransactionSteps(oldState.doc, transactions);
+                    const { mapping } = transform;
+                    // get changed ranges based on the old state
+                    const changes = getChangedRanges(transform);
+                    changes.forEach(({ newRange }) => {
+                        const newNodes = findChildrenInRange(newState.doc, newRange, node => {
+                            return types.includes(node.type.name);
+                        });
+                        const newIds = newNodes
+                            .map(({ node }) => node.attrs[attributeName])
+                            .filter(id => id !== null);
+                        newNodes.forEach(({ node, pos }, i) => {
+                            var _a;
+                            // instead of checking `node.attrs[attributeName]` directly
+                            // we look at the current state of the node within `tr.doc`.
+                            // this helps to prevent adding new ids to the same node
+                            // if the node changed multiple times within one transaction
+                            const id = (_a = tr.doc.nodeAt(pos)) === null || _a === void 0 ? void 0 : _a.attrs[attributeName];
+                            if (id === null) {
+                                tr.setNodeMarkup(pos, undefined, {
+                                    ...node.attrs,
+                                    [attributeName]: generateID(),
+                                });
+                                return;
+                            }
+                            const nextNode = newNodes[i + 1];
+                            if (nextNode && node.content.size === 0) {
+                                tr.setNodeMarkup(nextNode.pos, undefined, {
+                                    ...nextNode.node.attrs,
+                                    [attributeName]: id,
+                                });
+                                newIds[i + 1] = id;
+                                if (nextNode.node.attrs[attributeName]) {
+                                    return;
+                                }
+                                const generatedId = generateID();
+                                tr.setNodeMarkup(pos, undefined, {
+                                    ...node.attrs,
+                                    [attributeName]: generatedId,
+                                });
+                                newIds[i] = generatedId;
+                                return tr;
+                            }
+                            const duplicatedNewIds = findDuplicates(newIds);
+                            // check if the node doesn’t exist in the old state
+                            const { deleted } = mapping.invert().mapResult(pos);
+                            const newNode = deleted && duplicatedNewIds.includes(id);
+                            if (newNode) {
+                                tr.setNodeMarkup(pos, undefined, {
+                                    ...node.attrs,
+                                    [attributeName]: generateID(),
+                                });
+                            }
+                        });
+                    });
+                    if (!tr.steps.length) {
+                        return;
+                    }
+                    // `tr.setNodeMarkup` resets the stored marks
+                    // so we’ll restore them if they exist
+                    tr.setStoredMarks(newState.tr.storedMarks);
+                    return tr;
+                },
+                // we register a global drag handler to track the current drag source element
+                view(view) {
+                    const handleDragstart = (event) => {
+                        var _a;
+                        dragSourceElement = ((_a = view.dom.parentElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+                            ? view.dom.parentElement
+                            : null;
+                    };
+                    window.addEventListener('dragstart', handleDragstart);
+                    return {
+                        destroy() {
+                            window.removeEventListener('dragstart', handleDragstart);
+                        },
+                    };
+                },
+                props: {
+                    // `handleDOMEvents` is called before `transformPasted`
+                    // so we can do some checks before
+                    handleDOMEvents: {
+                        // only create new ids for dropped content
+                        // or dropped content while holding `alt`
+                        // or content is dragged from another editor
+                        drop: (view, event) => {
+                            var _a, _b;
+                            if (dragSourceElement !== view.dom.parentElement
+                                || ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.effectAllowed) === 'copyMove'
+                                || ((_b = event.dataTransfer) === null || _b === void 0 ? void 0 : _b.effectAllowed) === 'copy') {
+                                dragSourceElement = null;
+                                transformPasted = true;
+                            }
+                            return false;
+                        },
+                        // always create new ids on pasted content
+                        paste: () => {
+                            transformPasted = true;
+                            return false;
+                        },
+                    },
+                    // we’ll remove ids for every pasted node
+                    // so we can create a new one within `appendTransaction`
+                    transformPasted: slice => {
+                        if (!transformPasted) {
+                            return slice;
+                        }
+                        const { types, attributeName } = this.options;
+                        const removeId = (fragment) => {
+                            const list = [];
+                            fragment.forEach(node => {
+                                // don’t touch text nodes
+                                if (node.isText) {
+                                    list.push(node);
+                                    return;
+                                }
+                                // check for any other child nodes
+                                if (!types.includes(node.type.name)) {
+                                    list.push(node.copy(removeId(node.content)));
+                                    return;
+                                }
+                                // remove id
+                                const nodeWithoutId = node.type.create({
+                                    ...node.attrs,
+                                    [attributeName]: null,
+                                }, removeId(node.content), node.marks);
+                                list.push(nodeWithoutId);
+                            });
+                            return Fragment.from(list);
+                        };
+                        // reset check
+                        transformPasted = false;
+                        return new Slice(removeId(slice.content), slice.openStart, slice.openEnd);
+                    },
+                },
+            }),
+        ];
+    },
 });
 
 export { UniqueID, UniqueID as default };
-//# sourceMappingURL=tiptap-extension-unique-id.esm.js.map
+//# sourceMappingURL=index.js.map