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

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":["uuidv4"],"mappings":"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"}

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

@@ -1,294 +1,268 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('prosemirror-state'), require('prosemirror-model'), require('uuid'), require('prosemirror-transform')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', 'prosemirror-state', 'prosemirror-model', 'uuid', 'prosemirror-transform'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-unique-id"] = {}, global.core, global.prosemirrorState, global.prosemirrorModel, global.uuid, global.prosemirrorTransform));
-})(this, (function (exports, core, prosemirrorState, prosemirrorModel, uuid, prosemirrorTransform) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tiptap/core'), require('@tiptap/pm/model'), require('@tiptap/pm/state'), require('uuid')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@tiptap/core', '@tiptap/pm/model', '@tiptap/pm/state', 'uuid'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@tiptap/extension-unique-id"] = {}, global.core, global.model, global.state, global.uuid));
+})(this, (function (exports, core, model, state, uuid) { 'use strict';
 
-  /**
-   * Returns a new `Transform` based on all steps of the passed transactions.
-   */
-  function combineTransactionSteps(oldDoc, transactions) {
-      const transform = new prosemirrorTransform.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 = core.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: () => uuid.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 = core.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 prosemirrorState.Plugin({
-                  key: new prosemirrorState.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 = core.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 prosemirrorModel.Fragment.from(list);
-                          };
-                          // reset check
-                          transformPasted = false;
-                          return new prosemirrorModel.Slice(removeId(slice.content), slice.openStart, slice.openEnd);
-                      },
-                  },
-              }),
-          ];
-      },
+  const UniqueID = core.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: () => uuid.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 = core.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 state.Plugin({
+                  key: new state.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 = core.combineTransactionSteps(oldState.doc, transactions);
+                      const { mapping } = transform;
+                      // get changed ranges based on the old state
+                      const changes = core.getChangedRanges(transform);
+                      changes.forEach(({ newRange }) => {
+                          const newNodes = core.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 model.Fragment.from(list);
+                          };
+                          // reset check
+                          transformPasted = false;
+                          return new model.Slice(removeId(slice.content), slice.openStart, slice.openEnd);
+                      },
+                  },
+              }),
+          ];
+      },
   });
 
   exports.UniqueID = UniqueID;
-  exports["default"] = UniqueID;
+  exports.default = UniqueID;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
 }));
-//# sourceMappingURL=tiptap-extension-unique-id.umd.js.map
+//# sourceMappingURL=index.umd.js.map