@atlaskit/editor-plugin-ufo/dist/es2019/pm-plugins/abortUFOMeasurementOnFirstUserInteraction.js

Ufo plugin for @atlaskit/editor-core

/* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
import { abortAll } from '@atlaskit/react-ufo/interaction-metrics';
function bind(target, event, controller, listener) {
  // Safe check for rare cases where window doesn't exist
  if (!target || typeof target.addEventListener !== 'function') {
    return () => {};
  }
  const options = {
    capture: true,
    passive: true,
    once: true,
    signal: controller.signal
  };
  const listenerWrapper = event => {
    if (event.isTrusted) {
      listener();
    }
  };
  target.addEventListener(event, listenerWrapper, options);
  return function unbind() {
    target.removeEventListener(event, listenerWrapper, options);
  };
}
const AbortEvent = ['wheel', 'keydown', 'mousedown', 'pointerdown', 'pointerup', 'touchend', 'scroll', 'mouseover'];

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export const abortUFOMeasurementOnFirstUserInteraction = () => {
  if (typeof window.AbortController !== 'function') {
    return;
  }
  const unbindCallbacks = new Set();
  const controller = new AbortController();
  const unbindFirstInteractionEvents = () => {
    controller.abort();
    unbindCallbacks.forEach(cb => {
      cb();
    });
    unbindCallbacks.clear();
  };
  return new SafePlugin({
    view(view) {
      if (!view || !view.dom) {
        return {};
      }
      const {
        dom
      } = view;
      for (const abortEventName of AbortEvent) {
        unbindCallbacks.add(bind(dom, abortEventName, controller, () => {
          abortAll('new_interaction');
          unbindFirstInteractionEvents();
        }));
      }
      return {
        destroy: () => {
          unbindFirstInteractionEvents();
        }
      };
    }
  });
};