@atlaskit/editor-core 183.0.9 → 183.1.0

package/dist/es2019/plugins/analytics/utils.js

@@ -4,25 +4,38 @@ function getCreateUIAnalyticsEvent(editorState) {
   var _analyticsPluginKey$g;
   return (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.createAnalyticsEvent;
 }
-import { attachPayloadIntoTransaction } from '../../analytics-api/attach-payload-into-transaction';
-import { mapActionSubjectIdToAttributes } from '../../analytics-api/map-attributes';
-import { getStateContext, getSelectionType, findInsertLocation } from '../../analytics-api/editor-state-context';
-export { getStateContext, mapActionSubjectIdToAttributes, getSelectionType, findInsertLocation };
+function getEditorAnalyticsAPI(editorState) {
+  var _analyticsPluginKey$g2;
+  return (_analyticsPluginKey$g2 = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g2 === void 0 ? void 0 : _analyticsPluginKey$g2.editorAnalyticsApi;
+}
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function addAnalytics(state, tr, payload, channel = editorAnalyticsChannel) {
   const createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-  if (!createAnalyticsEvent) {
+  const editorAnalyticsApi = getEditorAnalyticsAPI(state);
+  if (!createAnalyticsEvent || !editorAnalyticsApi) {
     return tr;
   }
-  attachPayloadIntoTransaction({
-    tr,
-    editorState: state,
-    payload,
-    channel
-  });
+  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload, channel)(tr);
   return tr;
 }
 // Below function has been copied to packages/editor/editor-plugin-ai/src/utils/analytics.ts
 // If changes are made to this function, please make the same update in the linked file.
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function withAnalytics(payload, channel) {
   return command => (state, dispatch, view) => command(state, tr => {
     if (dispatch) {

package/dist/es2019/plugins/base/index.js

@@ -11,7 +11,7 @@ import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
 import { plugin as reactNodeView } from './pm-plugins/react-nodeview';
-import decorationPlugin from './pm-plugins/decoration';
+import decorationPlugin, { hoverDecoration } from './pm-plugins/decoration';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -123,6 +123,9 @@ const basePlugin = (options, api) => {
         name: 'text',
         node: text
       }];
+    },
+    actions: {
+      hoverDecoration
     }
   };
 };

package/dist/es2019/plugins/base/pm-plugins/decoration.js

@@ -8,6 +8,15 @@ export let ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["DECORATION_REMOVE"] = 1] = "DECORATION_REMOVE";
   return ACTIONS;
 }({});
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Please use the actions of the base plugin rather than this function
+ * directly
+ */
 export const hoverDecoration = (nodeType, add, className = 'danger') => (state, dispatch) => {
   let from;
   let parentNode;

package/dist/es2019/plugins/block-type/commands/block-type.js

@@ -2,7 +2,7 @@ import { findWrapping } from 'prosemirror-transform';
 import { safeInsert } from 'prosemirror-utils';
 import { CODE_BLOCK, BLOCK_QUOTE, PANEL, HEADINGS_BY_NAME, NORMAL_TEXT } from '../types';
 import { removeBlockMarks } from '../../../utils/mark';
-import { shouldSplitSelectedNodeOnNodeInsertion } from '../../../utils/insert';
+import { shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { withAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { filterChildrenBetween } from '../../../utils';
 import { PanelType } from '@atlaskit/adf-schema';

package/dist/es2019/plugins/caption/index.js

@@ -1,7 +1,7 @@
 import { caption } from '@atlaskit/adf-schema';
 import { default as createCaptionPlugin } from './pm-plugins/main';
 import { captionKeymap } from './pm-plugins/keymap';
-const captionPlugin = () => {
+const captionPlugin = (_, api) => {
   return {
     name: 'caption',
     nodes() {
@@ -19,7 +19,8 @@ const captionPlugin = () => {
           eventDispatcher,
           dispatch
         }) => {
-          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch);
+          var _api$dependencies$ana;
+          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
         }
       }, {
         name: 'captionKeymap',

package/dist/es2019/plugins/caption/pm-plugins/main.js

@@ -2,16 +2,16 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { pluginKey } from './plugin-key';
 import captionNodeView from './../nodeviews';
-import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
-const fireAnalytic = (state, tr, action) => {
-  addAnalytics(state, tr, {
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+const fireAnalytics = (tr, action, analyticsApi) => {
+  analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent({
     action,
     eventType: EVENT_TYPE.TRACK,
     actionSubject: ACTION_SUBJECT.MEDIA_SINGLE,
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
-  });
+  })(tr);
 };
-export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch) => {
+export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, analyticsApi) => {
   return new SafePlugin({
     appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection
@@ -30,10 +30,11 @@ export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch)
         if (oldSelectionCaption.node.childCount === 0) {
           tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
           tr.setMeta('scrollIntoView', false);
-          fireAnalytic(newState, tr, ACTION.DELETED);
+          fireAnalytics(tr, ACTION.DELETED, analyticsApi);
           return tr;
         } else {
-          fireAnalytic(newState, tr, ACTION.EDITED);
+          fireAnalytics(tr, ACTION.EDITED, analyticsApi);
+          return tr;
         }
       }
     },

package/dist/es2019/plugins/card/index.js

@@ -42,7 +42,7 @@ const cardPlugin = (options, api) => {
           useAlternativePreloader,
           allowWrapping,
           allowAlignment
-        })
+        }, api)
       }];
       plugins.push({
         name: 'cardKeymap',
@@ -67,7 +67,7 @@ const cardPlugin = (options, api) => {
       }));
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api)
     }
   };
 };

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { Card as SmartCard, EmbedResizeMessageListener } from '@atlaskit/smart-card';
 import PropTypes from 'prop-types';
@@ -10,11 +10,78 @@ import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/e
 import { SelectionBasedNodeView } from '../../../nodeviews/';
 import { registerCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
-import { createDisplayGrid } from '../../../plugins/grid';
-import WithPluginState from '../../../ui/WithPluginState';
-import { pluginKey as widthPluginKey } from '../../width';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../../../utils/rich-media-utils';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+const CardInner = ({
+  pluginInjectionApi,
+  getPosSafely,
+  getLineLength,
+  view,
+  smartCard,
+  eventDispatcher,
+  updateSize,
+  getPos,
+  aspectRatio,
+  allowResizing,
+  hasPreview,
+  heightAlone,
+  cardProps,
+  dispatchAnalyticsEvent
+}) => {
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
+  const widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
+  const widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
+  const pos = getPosSafely();
+  if (pos === undefined) {
+    return null;
+  }
+  const lineLength = getLineLength(view, pos, widthStateLineLength);
+  const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
+  if (!allowResizing || !hasPreview) {
+    // There are two ways `width` and `height` can be defined here:
+    // 1) Either as `heightAlone` as height value and no width
+    // 2) or as `1` for height and aspectRation (defined or a default one) as a width
+    // See above for how aspectRation is calculated.
+    const defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
+    let richMediaWrapperHeight = 1;
+    let richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
+    if (heightAlone) {
+      richMediaWrapperHeight = heightAlone;
+      richMediaWrapperWidth = undefined;
+    }
+    return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
+      height: richMediaWrapperHeight,
+      width: richMediaWrapperWidth,
+      nodeType: "embedCard",
+      hasFallbackContainer: hasPreview,
+      lineLength: lineLength,
+      containerWidth: containerWidth
+    }), smartCard);
+  }
+  const displayGrid = (visible, gridType, highlight) => {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.grid) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.displayGrid(view)({
+      visible,
+      gridType,
+      highlight: highlight
+    });
+  };
+  return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
+    height: heightAlone,
+    aspectRatio: aspectRatio,
+    view: view,
+    getPos: getPos,
+    lineLength: lineLength,
+    gridSize: 12,
+    containerWidth: containerWidth,
+    displayGrid: displayGrid,
+    updateSize: updateSize,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  }), smartCard);
+};
 export class EmbedCardComponent extends React.PureComponent {
   constructor(...args) {
     super(...args);
@@ -178,7 +245,8 @@ export class EmbedCardComponent extends React.PureComponent {
       fullWidthMode,
       view,
       dispatchAnalyticsEvent,
-      getPos
+      getPos,
+      pluginInjectionApi
     } = this.props;
     let {
       url,
@@ -208,72 +276,37 @@ export class EmbedCardComponent extends React.PureComponent {
       pctWidth,
       fullWidthMode
     };
+    const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+      key: url,
+      url: url,
+      appearance: "embed",
+      onClick: this.onClick,
+      onResolve: this.onResolve,
+      showActions: platform === 'web',
+      isFrameVisible: true,
+      inheritDimensions: true,
+      platform: platform,
+      container: this.scrollContainer,
+      embedIframeRef: this.embedIframeRef
+    });
     const cardInner = /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
       embedIframeRef: this.embedIframeRef,
       onHeightUpdate: this.onHeightUpdate
-    }, /*#__PURE__*/React.createElement(WithPluginState, {
-      editorView: view,
-      plugins: {
-        widthState: widthPluginKey
-      },
-      render: ({
-        widthState
-      }) => {
-        const widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
-        const widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
-        const pos = this.getPosSafely();
-        if (pos === undefined) {
-          return null;
-        }
-        const lineLength = this.getLineLength(view, pos, widthStateLineLength);
-        const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
-        const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
-          key: url,
-          url: url,
-          appearance: "embed",
-          onClick: this.onClick,
-          onResolve: this.onResolve,
-          showActions: platform === 'web',
-          isFrameVisible: true,
-          inheritDimensions: true,
-          platform: platform,
-          container: this.scrollContainer,
-          embedIframeRef: this.embedIframeRef
-        });
-        if (!allowResizing || !hasPreview) {
-          // There are two ways `width` and `height` can be defined here:
-          // 1) Either as `heightAlone` as height value and no width
-          // 2) or as `1` for height and aspectRation (defined or a default one) as a width
-          // See above for how aspectRation is calculated.
-          const defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
-          let richMediaWrapperHeight = 1;
-          let richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
-          if (heightAlone) {
-            richMediaWrapperHeight = heightAlone;
-            richMediaWrapperWidth = undefined;
-          }
-          return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
-            height: richMediaWrapperHeight,
-            width: richMediaWrapperWidth,
-            nodeType: "embedCard",
-            hasFallbackContainer: hasPreview,
-            lineLength: lineLength,
-            containerWidth: containerWidth
-          }), smartCard);
-        }
-        return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
-          height: heightAlone,
-          aspectRatio: aspectRatio,
-          view: this.props.view,
-          getPos: getPos,
-          lineLength: lineLength,
-          gridSize: 12,
-          containerWidth: containerWidth,
-          displayGrid: createDisplayGrid(this.props.eventDispatcher),
-          updateSize: this.updateSize,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent
-        }), smartCard);
-      }
+    }, /*#__PURE__*/React.createElement(CardInner, {
+      pluginInjectionApi: pluginInjectionApi,
+      smartCard: smartCard,
+      hasPreview: hasPreview,
+      getPosSafely: this.getPosSafely,
+      view: view,
+      getLineLength: this.getLineLength,
+      eventDispatcher: this.props.eventDispatcher,
+      updateSize: this.updateSize,
+      getPos: getPos,
+      aspectRatio: aspectRatio,
+      allowResizing: allowResizing,
+      heightAlone: heightAlone,
+      cardProps: cardProps,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }));
 
     // [WS-2307]: we only render card wrapped into a Provider when the value is ready
@@ -309,7 +342,8 @@ export class EmbedCard extends SelectionBasedNodeView {
       allowResizing,
       platform,
       fullWidthMode,
-      dispatchAnalyticsEvent
+      dispatchAnalyticsEvent,
+      pluginInjectionApi
     } = this.reactComponentProps;
     return /*#__PURE__*/React.createElement(WrappedBlockCard, {
       node: this.node,
@@ -319,7 +353,8 @@ export class EmbedCard extends SelectionBasedNodeView {
       allowResizing: allowResizing,
       platform: platform,
       fullWidthMode: fullWidthMode,
-      dispatchAnalyticsEvent: dispatchAnalyticsEvent
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: pluginInjectionApi
     });
   }
 }

package/dist/es2019/plugins/card/nodeviews/genericCard.js

@@ -67,7 +67,8 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         const {
           view,
           node,
-          getPos
+          getPos,
+          pluginInjectionApi
         } = this.props;
         const {
           url
@@ -75,7 +76,7 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         if (!getPos || typeof getPos === 'boolean') {
           return;
         }
-        changeSelectedCardToLinkFallback(undefined, url, true, node, getPos())(view.state, view.dispatch);
+        changeSelectedCardToLinkFallback(undefined, url, true, node, getPos(), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.analytics.actions)(view.state, view.dispatch);
         return null;
       } else {
         // Otherwise, render a blue link as fallback (above in render()).

package/dist/es2019/plugins/card/pm-plugins/analytics/events-from-tr.js

@@ -1,19 +1,18 @@
 import { AddMarkStep, RemoveMarkStep } from 'prosemirror-transform';
 import { ACTION } from '@atlaskit/editor-common/analytics';
-import { isLinkMark } from '@atlaskit/editor-common/utils';
+import { isLinkMark, pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
 import { getLinkMetadataFromTransaction } from '@atlaskit/editor-common/card';
 import { LinkMetaStep } from '@atlaskit/adf-schema/steps';
-import { pmHistoryPluginKey } from '../../../history/pm-history-types';
 import { getPluginState } from '../util/state';
 import { pluginKey } from '../plugin-key';
-import { isLink, linkObjectFromNode, getLinkUrl, appearanceForLink, findLinksAtPositions } from './utils';
-const findLinksInNodeRange = (node, schema, from, to) => {
+import { isLink, linkObjectFromNode, getLinkUrl, getLinkNodeContext, appearanceForLink, findLinksAtPositions, areSameLinks } from './utils';
+const findLinksInNodeRange = (doc, schema, from, to) => {
   const links = [];
-  node.nodesBetween(from, to, (node, pos) => {
+  doc.nodesBetween(from, to, (node, pos) => {
     if (isLink(schema, node)) {
       const entireLinkInRange = pos >= from && pos + node.nodeSize <= to;
       if (entireLinkInRange) {
-        const link = linkObjectFromNode(schema, node, pos);
+        const link = linkObjectFromNode(doc, schema, node, pos);
         if (link) {
           links.push(link);
         }
@@ -36,10 +35,13 @@ export const findChangedLinks = (tr, state) => {
   const isRedo = isHistoryMeta(historyMeta) && historyMeta.redo === true;
   const isUpdate = isUpdateTr(tr, isUndo || isRedo);
   for (let i = 0; i < tr.steps.length; i++) {
+    var _tr$docs$i, _tr$docs;
     const step = tr.steps[i];
     const stepMap = step.getMap();
     const removedInStep = [];
     const insertedInStep = [];
+    const before = (_tr$docs$i = tr.docs[i]) !== null && _tr$docs$i !== void 0 ? _tr$docs$i : tr.before;
+    const after = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
 
     /**
      * AddMarkStep and RemoveMarkSteps don't produce stepMap ranges
@@ -55,27 +57,26 @@ export const findChangedLinks = (tr, state) => {
         insertedInStep.push({
           type: 'mark',
           pos: addMarkStep.from,
-          mark: addMarkStep.mark
+          mark: addMarkStep.mark,
+          nodeContext: getLinkNodeContext(after, addMarkStep.from)
         });
       }
     }
     if (step instanceof RemoveMarkStep) {
       const removeMarkStep = step;
       if (isLinkMark(removeMarkStep.mark, schema)) {
-        /**
-         * For url text pasted on plain text
-         */
         removedInStep.push({
           type: 'mark',
           pos: removeMarkStep.from,
-          mark: removeMarkStep.mark
+          mark: removeMarkStep.mark,
+          nodeContext: getLinkNodeContext(before, removeMarkStep.from)
         });
       }
     }
     stepMap.forEach((oldStart, oldEnd, newStart, newEnd) => {
-      var _tr$docs;
+      var _tr$docs2;
       const before = tr.docs[i];
-      const after = (_tr$docs = tr.docs[i + 1]) !== null && _tr$docs !== void 0 ? _tr$docs : tr.doc;
+      const after = (_tr$docs2 = tr.docs[i + 1]) !== null && _tr$docs2 !== void 0 ? _tr$docs2 : tr.doc;
       const removedInRange = [];
       const insertedInRange = [];
 
@@ -119,6 +120,20 @@ export const findChangedLinks = (tr, state) => {
     inserted.push(...findLinksAtPositions(tr, positions));
   }
   if (!isUpdate) {
+    const {
+      inputMethod
+    } = getLinkMetadataFromTransaction(tr);
+    /**
+     * If there is no identifiable input method, and the links inserted and removed appear to be the same,
+     * then this transaction likely is not intended to be consided to be the insertion and removal of links
+     */
+    if (!inputMethod && areSameLinks(removed, inserted)) {
+      return {
+        removed: [],
+        inserted: [],
+        updated
+      };
+    }
     return {
       removed,
       inserted,
@@ -265,7 +280,7 @@ export function eventsFromTransaction(tr, state) {
       inserted,
       updated
     } = findChangedLinks(tr, state);
-    const MAX_LINK_EVENTS = 10;
+    const MAX_LINK_EVENTS = 50;
     if ([removed, inserted, updated].some(arr => arr.length > MAX_LINK_EVENTS)) {
       return [];
     }
@@ -285,7 +300,8 @@ export function eventsFromTransaction(tr, state) {
             ...contextualData,
             url,
             display,
-            previousDisplay
+            previousDisplay,
+            nodeContext: link.nodeContext
           }
         });
       }
@@ -301,7 +317,8 @@ export function eventsFromTransaction(tr, state) {
             data: {
               ...contextualData,
               url,
-              display
+              display,
+              nodeContext: link.nodeContext
             }
           });
         }

package/dist/es2019/plugins/card/pm-plugins/analytics/utils.js

@@ -48,15 +48,18 @@ export const isLink = (schema, node) => {
  * @param fragment Fragment to search
  * @returns Array of nodes and marks found in the fragment that are "links"
  */
-export function findLinksInNode(schema, node, offset) {
+export function findLinksInNode(doc, schema, node, offset) {
   const links = [];
   node.descendants((node, pos) => {
+    const nodeContext = getLinkNodeContext(doc, pos);
+
     // Nodes
     if (isLinkNode(node)) {
       links.push({
         type: 'node',
         pos: pos + offset,
-        node
+        node,
+        nodeContext
       });
     }
 
@@ -68,7 +71,8 @@ export function findLinksInNode(schema, node, offset) {
           links.push({
             type: 'mark',
             pos: pos + offset,
-            mark
+            mark,
+            nodeContext
           });
         }
       }
@@ -84,12 +88,25 @@ export function getLinkUrl(link) {
   }
   return (_link$mark$attrs = link.mark.attrs) === null || _link$mark$attrs === void 0 ? void 0 : _link$mark$attrs.href;
 }
-export const linkObjectFromNode = (schema, node, pos) => {
+export const getLinkNodeContext = (doc, pos) => {
+  const $pos = doc.resolve(pos);
+  const maxDepth = 3;
+  for (let i = 0; i <= maxDepth; i++) {
+    const node = $pos.node($pos.depth - i);
+    if (node && node.type.name !== 'paragraph') {
+      return node.type.name;
+    }
+  }
+  return 'unknown';
+};
+export const linkObjectFromNode = (doc, schema, node, pos) => {
+  const nodeContext = getLinkNodeContext(doc, pos);
   if (isLinkNode(node)) {
     return {
       type: 'node',
       pos,
-      node
+      node,
+      nodeContext
     };
   }
   if (node.marks) {
@@ -99,7 +116,8 @@ export const linkObjectFromNode = (schema, node, pos) => {
         return {
           type: 'mark',
           pos,
-          mark
+          mark,
+          nodeContext
         };
       }
     }
@@ -114,11 +132,29 @@ export const findLinksAtPositions = (tr, positions) => {
     if (!node) {
       continue;
     }
-    const link = linkObjectFromNode(schema, node, pos);
+    const link = linkObjectFromNode(tr.doc, schema, node, pos);
     if (!link) {
       continue;
     }
     links.push(link);
   }
   return links;
+};
+
+/**
+ * Returns whether or not two sets of links appear to likely be the same set of links
+ * That they are in the same order and that both their hrefs and appearances match
+ */
+export const areSameLinks = (linksA, linksB) => {
+  if (linksA.length !== linksB.length) {
+    return false;
+  }
+  for (let i = 0; i < linksA.length; i++) {
+    const linkA = linksA[i];
+    const linkB = linksB[i];
+    if (getLinkUrl(linkA) !== getLinkUrl(linkB) || appearanceForLink(linkA) !== appearanceForLink(linkB)) {
+      return false;
+    }
+  }
+  return true;
 };