@atlaskit/editor-plugin-synced-block 5.2.1 → 5.2.2

package/dist/es2019/pm-plugins/experience-tracking/create-source-experience.js

@@ -1,166 +0,0 @@
-import { bind } from 'bind-event-listener';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, ExperienceCheckDomMutation, ExperienceCheckTimeout, getPopupContainerFromEditorView, popupWithNestedElement } from '@atlaskit/editor-common/experiences';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EXPERIENCE_ABORT_REASON } from '../../types';
-import { getAddedResourceIds, getTarget } from '../utils/experience-tracking-utils';
-const pluginKey = new PluginKey('createSourceSyncBlockExperience');
-const START_METHOD = {
-  BLOCK_MENU: 'block-menu',
-  PINNED_TOOLBAR: 'pinned-toolbar',
-  QUICK_INSERT: 'quick-insert'
-};
-const SYNCED_BLOCK_CREATE_BUTTON_IDS = ['create-synced-block-toolbar-btn', 'create-synced-block-block-menu-btn', 'create-synced-block-quick-insert-btn'];
-const syncedBlockCreateButtonIds = new Set(SYNCED_BLOCK_CREATE_BUTTON_IDS);
-
-/**
- * This experience tracks when a source sync block is inserted.
- *
- * Start: When user inserts a sync block via block menu, quick insert or pinned toolbar
- * Success: When the sync block is added to the DOM within 3000ms of start
- * Failure: When 3000ms passes without the source sync block being added to the DOM
- */
-export const getCreateSourceExperiencePlugin = ({
-  refs,
-  dispatchAnalyticsEvent,
-  syncBlockStore
-}) => {
-  let popupsTargetEl;
-  let editorViewEl;
-  const getPopupsTarget = () => {
-    if (!popupsTargetEl) {
-      popupsTargetEl = refs.popupsMountPoint || refs.wrapperElement || getPopupContainerFromEditorView(editorViewEl);
-    }
-    return popupsTargetEl;
-  };
-  const experience = getCreateSourceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setCreateExperience(experience);
-  const unbindClickListener = bind(document, {
-    type: 'click',
-    listener: event => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const button = target.closest('button[data-testid]');
-      if (!button || !(button instanceof HTMLButtonElement)) {
-        return;
-      }
-      const testId = button.dataset.testid;
-      if (!isSyncedBlockCreateButtonId(testId)) {
-        return;
-      }
-      handleButtonClick(testId, experience);
-    }
-  });
-  const unbindKeydownListener = bind(document, {
-    type: 'keydown',
-    listener: event => {
-      if (isEnterKey(event.key)) {
-        const typeaheadPopup = popupWithNestedElement(getPopupsTarget(), '.fabric-editor-typeahead');
-        if (!typeaheadPopup || !(typeaheadPopup instanceof HTMLElement)) {
-          return;
-        }
-        const firstItem = typeaheadPopup.querySelector('[role="option"]');
-        if (!firstItem || !(firstItem instanceof HTMLElement)) {
-          return;
-        }
-        const testId = firstItem.dataset.testid;
-        if (testId === 'create-synced-block-quick-insert-btn') {
-          experience.start({
-            method: START_METHOD.QUICK_INSERT
-          });
-        }
-      }
-    },
-    options: {
-      capture: true
-    }
-  });
-  return new SafePlugin({
-    key: pluginKey,
-    view: editorView => {
-      editorViewEl = editorView.dom;
-      return {
-        destroy: () => {
-          experience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          unbindClickListener();
-          unbindKeydownListener();
-        }
-      };
-    }
-  });
-};
-const getCreateSourceExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_CREATE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 3000
-    }), new ExperienceCheckDomMutation({
-      onDomMutation: ({
-        mutations
-      }) => {
-        const createdResourceIds = getAddedResourceIds(mutations, '[data-prosemirror-node-name="bodiedSyncBlock"]');
-        if (createdResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              createdResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: () => {
-        return {
-          target: getTarget(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};
-const isSyncedBlockCreateButtonId = value => {
-  return !!value && syncedBlockCreateButtonIds.has(value);
-};
-const handleButtonClick = (testId, experience) => {
-  switch (testId) {
-    case 'create-synced-block-toolbar-btn':
-      experience.start({
-        method: START_METHOD.PINNED_TOOLBAR
-      });
-      break;
-    case 'create-synced-block-block-menu-btn':
-      experience.start({
-        method: START_METHOD.BLOCK_MENU
-      });
-      break;
-    case 'create-synced-block-quick-insert-btn':
-      experience.start({
-        method: START_METHOD.QUICK_INSERT
-      });
-      break;
-    default:
-      {
-        // Exhaustiveness check: if a new SyncedBlockToolbarButtonId is added
-        // but not handled above, TypeScript will error here.
-        const _exhaustiveCheck = testId;
-        return _exhaustiveCheck;
-      }
-  }
-};
-const isEnterKey = key => {
-  return key === 'Enter';
-};

package/dist/es2019/pm-plugins/experience-tracking/delete-reference-experience.js

@@ -1,181 +0,0 @@
-import { bind } from 'bind-event-listener';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, ExperienceCheckDomMutation, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EXPERIENCE_ABORT_REASON } from '../../types';
-import { getRemovedResourceIds, getTarget, wasSyncBlockDeletedOrAddedByHistory } from '../utils/experience-tracking-utils';
-const pluginKey = new PluginKey('deleteReferenceSyncBlockExperience');
-const START_METHOD = {
-  ELEMENT_TOOLBAR: 'element-toolbar',
-  DELETE: 'delete',
-  TYPED_OVER: 'typed-over',
-  CUT: 'cut',
-  UNDO: 'undo',
-  REDO: 'redo'
-};
-
-/**
- * This experience tracks when a reference sync block is deleted.
- *
- * Start: When user deletes ref sync block from toolbar, presses delete when cursor is in front of ref sync block,
- * presses any key with a ref sync block selected, cuts with a ref sync block selected, triggers undo/redo that deletes a ref sync block
- * Success: When the sync block is removed from the DOM within 2000ms of start
- * Failure: When 2000ms passes without the reference sync block being removed from the DOM
- */
-export const getDeleteReferenceExperiencePlugin = ({
-  refs,
-  dispatchAnalyticsEvent,
-  syncBlockStore
-}) => {
-  const experience = getDeleteReferenceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setDeleteExperience(experience);
-  const unbindClickListener = bind(document, {
-    type: 'click',
-    listener: event => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const button = target.closest('button[data-testid]');
-      if (!button || !(button instanceof HTMLButtonElement)) {
-        return;
-      }
-      const testId = button.dataset.testid;
-      if (isReferenceSyncedBlockDeleteButtonId(testId)) {
-        experience.start({
-          method: START_METHOD.ELEMENT_TOOLBAR
-        });
-      }
-    }
-  });
-  return new SafePlugin({
-    key: pluginKey,
-    props: {
-      handleDOMEvents: {
-        cut: view => {
-          const {
-            state
-          } = view;
-          if (hasSyncBlockInSelection(state.selection)) {
-            experience.start({
-              method: START_METHOD.CUT
-            });
-          }
-          return false;
-        },
-        keydown: (view, event) => {
-          const {
-            state
-          } = view;
-          const hasSelection = hasSyncBlockInSelection(state.selection);
-          const hasAdjacent = hasSyncBlockBeforeCursor(state.selection);
-          if (hasSelection) {
-            experience.start({
-              method: START_METHOD.TYPED_OVER
-            });
-          }
-          if (isDeleteKey(event.key) && hasAdjacent) {
-            experience.start({
-              method: START_METHOD.DELETE
-            });
-          }
-          return false;
-        }
-      }
-    },
-    appendTransaction: (transactions, oldState, newState) => {
-      transactions.forEach(tr => {
-        const {
-          hasDeletedSyncBlock,
-          isUndo
-        } = wasSyncBlockDeletedOrAddedByHistory(tr, oldState, newState);
-        if (hasDeletedSyncBlock) {
-          experience.start({
-            method: isUndo ? START_METHOD.UNDO : START_METHOD.REDO
-          });
-        }
-      });
-      return null;
-    },
-    view: () => {
-      return {
-        destroy: () => {
-          experience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          unbindClickListener();
-        }
-      };
-    }
-  });
-};
-export const getDeleteReferenceExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_DELETE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 2000
-    }), new ExperienceCheckDomMutation({
-      onDomMutation: ({
-        mutations
-      }) => {
-        const deletedResourceIds = getRemovedResourceIds(mutations, '[data-prosemirror-node-name="syncBlock"]');
-        if (deletedResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              deletedResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: () => {
-        return {
-          target: getTarget(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};
-const isReferenceSyncedBlockDeleteButtonId = testId => testId === 'reference-synced-block-delete-button';
-const isDeleteKey = key => {
-  return key === 'Delete' || key === 'Backspace';
-};
-const hasSyncBlockInSelection = selection => {
-  const {
-    syncBlock
-  } = selection.$from.doc.type.schema.nodes;
-  let found = false;
-  selection.$from.doc.nodesBetween(selection.from, selection.to, node => {
-    if (node.type === syncBlock) {
-      found = true;
-      return false;
-    }
-    // sync block nodes can only be found at the top level
-    return false;
-  });
-  return found;
-};
-const hasSyncBlockBeforeCursor = selection => {
-  if (!selection.empty) {
-    return false;
-  }
-  const {
-    syncBlock
-  } = selection.$from.doc.type.schema.nodes;
-  const {
-    nodeBefore
-  } = selection.$from;
-  return (nodeBefore === null || nodeBefore === void 0 ? void 0 : nodeBefore.type) === syncBlock;
-};

package/dist/es2019/pm-plugins/experience-tracking/delete-source-experience.js

@@ -1,98 +0,0 @@
-import { bind } from 'bind-event-listener';
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, ExperienceCheckDomMutation, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EXPERIENCE_ABORT_REASON } from '../../types';
-import { getRemovedResourceIds, getTarget } from '../utils/experience-tracking-utils';
-const pluginKey = new PluginKey('deleteSourceSyncBlockExperience');
-const START_METHOD = {
-  DELETE_CONFIRM_BUTTON: 'delete-confirm-button'
-};
-
-/**
- * This experience tracks when a source sync block is deleted.
- *
- * Start: When user clicks the delete button in the delete modal
- * Success: When the sync block is removed from the DOM within 2000ms of start
- * Failure: When 2000ms passes without the source sync block being removed from the DOM
- */
-export const getDeleteSourceExperiencePlugin = ({
-  refs,
-  dispatchAnalyticsEvent,
-  syncBlockStore
-}) => {
-  const experience = getDeleteSourceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setDeleteExperience(experience);
-  const unbindClickListener = bind(document, {
-    type: 'click',
-    listener: event => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const button = target.closest('button[data-testid]');
-      if (!button || !(button instanceof HTMLButtonElement)) {
-        return;
-      }
-      const testId = button.dataset.testid;
-      if (isSyncedBlockDeleteButtonId(testId)) {
-        experience.start({
-          method: START_METHOD.DELETE_CONFIRM_BUTTON
-        });
-      }
-    }
-  });
-  return new SafePlugin({
-    key: pluginKey,
-    view: () => {
-      return {
-        destroy: () => {
-          experience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          unbindClickListener();
-        }
-      };
-    }
-  });
-};
-export const getDeleteSourceExperience = ({
-  refs,
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_DELETE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 2000
-    }), new ExperienceCheckDomMutation({
-      onDomMutation: ({
-        mutations
-      }) => {
-        const deletedResourceIds = getRemovedResourceIds(mutations, '[data-prosemirror-node-name="bodiedSyncBlock"]');
-        if (deletedResourceIds.length > 0) {
-          return {
-            status: 'success',
-            metadata: {
-              deletedResourceIds
-            }
-          };
-        }
-        return undefined;
-      },
-      observeConfig: () => {
-        return {
-          target: getTarget(refs.containerElement),
-          options: {
-            childList: true
-          }
-        };
-      }
-    })]
-  });
-};
-const isSyncedBlockDeleteButtonId = testId => testId === 'synced-block-delete-confirmation-modal-delete-button';

package/dist/es2019/pm-plugins/experience-tracking/get-experience-tracking-plugins.js

@@ -1,46 +0,0 @@
-import { getCreateReferenceExperiencePlugin } from "./create-reference-experience";
-import { getCreateSourceExperiencePlugin } from "./create-source-experience";
-import { getDeleteReferenceExperiencePlugin } from "./delete-reference-experience";
-import { getDeleteSourceExperiencePlugin } from "./delete-source-experience";
-import { getProviderOnlyExperiencesPlugin } from "./provider-only-experiences";
-export const getExperienceTrackingPlugins = ({
-  refs,
-  dispatchAnalyticsEvent,
-  syncBlockStore
-}) => {
-  return [{
-    name: 'createReferenceSyncedBlockExperiencePlugin',
-    plugin: () => getCreateReferenceExperiencePlugin({
-      refs,
-      dispatchAnalyticsEvent
-    })
-  }, {
-    name: 'createSourceSyncedBlockExperiencePlugin',
-    plugin: () => getCreateSourceExperiencePlugin({
-      refs,
-      dispatchAnalyticsEvent,
-      syncBlockStore
-    })
-  }, {
-    name: 'deleteSourceExperiencePlugin',
-    plugin: () => getDeleteSourceExperiencePlugin({
-      refs,
-      dispatchAnalyticsEvent,
-      syncBlockStore
-    })
-  }, {
-    name: 'deleteReferenceExperiencePlugin',
-    plugin: () => getDeleteReferenceExperiencePlugin({
-      refs,
-      dispatchAnalyticsEvent,
-      syncBlockStore
-    })
-  }, {
-    name: 'providerOnlySyncedBlockExperiencesPlugin',
-    plugin: () => getProviderOnlyExperiencesPlugin({
-      refs,
-      dispatchAnalyticsEvent,
-      syncBlockStore
-    })
-  }];
-};

package/dist/es2019/pm-plugins/experience-tracking/provider-only-experiences.js

@@ -1,127 +0,0 @@
-import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
-import { Experience, ExperienceCheckTimeout } from '@atlaskit/editor-common/experiences';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import { EXPERIENCE_ABORT_REASON } from '../../types';
-const pluginKey = new PluginKey('providerOnlySyncBlockExperiences');
-export const getProviderOnlyExperiencesPlugin = ({
-  refs,
-  dispatchAnalyticsEvent,
-  syncBlockStore
-}) => {
-  const saveSourceExperience = getSaveSourceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  syncBlockStore.sourceManager.setSaveExperience(saveSourceExperience);
-  const saveReferenceExperience = getSaveReferenceExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  const fetchExperience = getFetchExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  const fetchSourceInfoExperience = getFetchSourceInfoExperience({
-    refs,
-    dispatchAnalyticsEvent
-  });
-  syncBlockStore.referenceManager.setExperiences(fetchExperience, fetchSourceInfoExperience, saveReferenceExperience);
-  return new SafePlugin({
-    key: pluginKey,
-    view: () => {
-      return {
-        destroy: () => {
-          saveSourceExperience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          saveReferenceExperience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          fetchExperience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-          fetchSourceInfoExperience.abort({
-            reason: EXPERIENCE_ABORT_REASON.EDITOR_DESTROYED
-          });
-        }
-      };
-    }
-  });
-};
-
-/**
- * This experience tracks when a source sync block is saved to the BE.
- *
- * Start: When the flush source sync block function is called.
- * Success: When the sync block save is successful within 1500ms of start.
- * Failure: When 1500ms passes without the sync block being successfully saved
- */
-const getSaveSourceExperience = ({
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_UPDATE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block is saved to the BE.
- *
- * Start: When the flush sync block function is called.
- * Success: When the sync block save is successful within 1500ms of start.
- * Failure: When 1500ms passes without the sync block being successfully saved
- */
-const getSaveReferenceExperience = ({
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.REFERENCE_SYNCED_BLOCK_UPDATE,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block data is fetched from the BE.
- *
- * Start: When the fetchNodesData function is called.
- * Success: When the fetching the data is successful within 1500ms of start.
- * Failure: When 1500ms passes without the data being successfully fetched, or the fetch fails
- */
-const getFetchExperience = ({
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_FETCH,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 1500
-    })]
-  });
-};
-
-/**
- * This experience tracks when a reference sync block source info data (title, url) is fetched from the BE.
- *
- * Start: When the fetchSourceInfo function is called.
- * Success: When the fetching the data is successful within 2500ms of start.
- * Failure: When 2500ms passes without the data being successfully fetched, or the fetch fails
- */
-const getFetchSourceInfoExperience = ({
-  dispatchAnalyticsEvent
-}) => {
-  return new Experience(ACTION_SUBJECT.SYNCED_BLOCK, {
-    actionSubjectId: ACTION_SUBJECT_ID.SYNCED_BLOCK_GET_SOURCE_INFO,
-    dispatchAnalyticsEvent,
-    checks: [new ExperienceCheckTimeout({
-      durationMs: 2500
-    })]
-  });
-};

package/dist/es2019/pm-plugins/utils/experience-tracking-utils.js

@@ -1,65 +0,0 @@
-import { pmHistoryPluginKey } from '@atlaskit/editor-common/utils';
-import { findChildren } from '@atlaskit/editor-prosemirror/utils';
-let targetEl;
-export const getTarget = containerElement => {
-  if (!targetEl) {
-    const element = containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelector('.ProseMirror');
-    if (!element || !(element instanceof HTMLElement)) {
-      return null;
-    }
-    targetEl = element;
-  }
-  return targetEl;
-};
-export const wasSyncBlockDeletedOrAddedByHistory = (tr, oldState, newState) => {
-  const historyMeta = tr.getMeta(pmHistoryPluginKey);
-  if (!Boolean(historyMeta)) {
-    return {};
-  }
-  const {
-    syncBlock
-  } = newState.schema.nodes;
-  const oldSyncBlockNodes = findChildren(oldState.doc, node => node.type === syncBlock);
-  const newSyncBlockNodes = findChildren(newState.doc, node => node.type === syncBlock);
-  const oldSyncBlockIds = new Set(oldSyncBlockNodes.map(nodeWithPos => nodeWithPos.node.attrs.localId).filter(localId => Boolean(localId)));
-  const newSyncBlockIds = new Set(newSyncBlockNodes.map(nodeWithPos => nodeWithPos.node.attrs.localId).filter(localId => Boolean(localId)));
-  const hasDeletedSyncBlock = Array.from(oldSyncBlockIds).some(localId => !newSyncBlockIds.has(localId));
-  const hasAddedSyncBlock = Array.from(newSyncBlockIds).some(localId => !oldSyncBlockIds.has(localId));
-  return {
-    hasDeletedSyncBlock,
-    hasAddedSyncBlock,
-    isUndo: historyMeta.redo === false
-  };
-};
-const getResourceIds = (nodes, resourceIds, query) => {
-  nodes.forEach(node => {
-    if (!(node instanceof HTMLElement)) {
-      return;
-    }
-    const syncBlockElements = node.querySelectorAll(query);
-    syncBlockElements.forEach(element => {
-      const resourceId = element.getAttribute('resourceid');
-      if (resourceId) {
-        resourceIds.push(resourceId);
-      }
-    });
-  });
-};
-export const getAddedResourceIds = (mutations, query) => {
-  const resourceIds = [];
-  mutations.forEach(mutation => {
-    if (mutation.type === 'childList') {
-      getResourceIds(mutation.addedNodes, resourceIds, query);
-    }
-  });
-  return resourceIds;
-};
-export const getRemovedResourceIds = (mutations, query) => {
-  const resourceIds = [];
-  mutations.forEach(mutation => {
-    if (mutation.type === 'childList') {
-      getResourceIds(mutation.removedNodes, resourceIds, query);
-    }
-  });
-  return resourceIds;
-};