@atlaskit/editor-core 226.4.3 → 226.6.1

package/dist/es2019/composable-editor/editor-inp-metrics.js

@@ -1,67 +0,0 @@
-import { useEffect } from 'react';
-import debounce from 'lodash/debounce';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { setupINPTracking } from '@atlaskit/editor-performance-metrics/inp';
-import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
-import { getEditorDomSize } from '../utils/getEditorDomSize';
-export const EditorINPMetrics = ({
-  editorViewRef
-}) => {
-  const analyticsEvents = useAnalyticsEvents();
-
-  // onMount lifecycle hook
-  useEffect(() => {
-    let cleanupFn;
-    const cleanupIdleCallback = createIdleCallback(() => {
-      cleanupFn = setupINPTracking(({
-        value
-      }) => {
-        const interaction = getActiveInteraction();
-        const ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
-        const editorView = editorViewRef.current;
-        const editorDomSize = editorView ? getEditorDomSize(editorView) : undefined;
-        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName, editorDomSize);
-      });
-    });
-
-    // Cleanup function that will be called when the component unmounts
-    return () => {
-      var _cleanupFn;
-      cleanupIdleCallback();
-      (_cleanupFn = cleanupFn) === null || _cleanupFn === void 0 ? void 0 : _cleanupFn();
-    };
-    // Using hook as mount lifecycle hook.
-    // We do not need to set dependency on analyticsEvents since we are using the analyticsEvents object reference
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // This component doesn't render anything
-  return null;
-};
-const sendAnalytics = debounce((createAnalyticsEvent, value, ufoName, editorDomSize) => {
-  fireAnalyticsEvent(createAnalyticsEvent)({
-    payload: {
-      // @ts-expect-error Temporary data
-      action: 'inp',
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        inp: value,
-        ufoName,
-        editorDomSize
-      }
-    }
-  });
-}, 1_000, {
-  trailing: true
-});
-const createIdleCallback = callback => {
-  if (typeof window.requestIdleCallback === 'function') {
-    const id = window.requestIdleCallback(callback);
-    return () => window.cancelIdleCallback(id);
-  }
-  // Fallback to setTimeout with 0 delay if requestIdleCallback is not available
-  const id = window.setTimeout(callback, 0);
-  return () => window.clearTimeout(id);
-};

package/dist/esm/composable-editor/editor-inp-metrics.js

@@ -1,69 +0,0 @@
-import { useEffect } from 'react';
-import debounce from 'lodash/debounce';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
-import { ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { setupINPTracking } from '@atlaskit/editor-performance-metrics/inp';
-import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
-import { getEditorDomSize } from '../utils/getEditorDomSize';
-export var EditorINPMetrics = function EditorINPMetrics(_ref) {
-  var editorViewRef = _ref.editorViewRef;
-  var analyticsEvents = useAnalyticsEvents();
-
-  // onMount lifecycle hook
-  useEffect(function () {
-    var cleanupFn;
-    var cleanupIdleCallback = createIdleCallback(function () {
-      cleanupFn = setupINPTracking(function (_ref2) {
-        var value = _ref2.value;
-        var interaction = getActiveInteraction();
-        var ufoName = interaction === null || interaction === void 0 ? void 0 : interaction.ufoName;
-        var editorView = editorViewRef.current;
-        var editorDomSize = editorView ? getEditorDomSize(editorView) : undefined;
-        sendAnalytics(analyticsEvents.createAnalyticsEvent, value, ufoName, editorDomSize);
-      });
-    });
-
-    // Cleanup function that will be called when the component unmounts
-    return function () {
-      var _cleanupFn;
-      cleanupIdleCallback();
-      (_cleanupFn = cleanupFn) === null || _cleanupFn === void 0 || _cleanupFn();
-    };
-    // Using hook as mount lifecycle hook.
-    // We do not need to set dependency on analyticsEvents since we are using the analyticsEvents object reference
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // This component doesn't render anything
-  return null;
-};
-var sendAnalytics = debounce(function (createAnalyticsEvent, value, ufoName, editorDomSize) {
-  fireAnalyticsEvent(createAnalyticsEvent)({
-    payload: {
-      // @ts-expect-error Temporary data
-      action: 'inp',
-      actionSubject: ACTION_SUBJECT.EDITOR,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        inp: value,
-        ufoName: ufoName,
-        editorDomSize: editorDomSize
-      }
-    }
-  });
-}, 1000, {
-  trailing: true
-});
-var createIdleCallback = function createIdleCallback(callback) {
-  if (typeof window.requestIdleCallback === 'function') {
-    var _id = window.requestIdleCallback(callback);
-    return function () {
-      return window.cancelIdleCallback(_id);
-    };
-  }
-  // Fallback to setTimeout with 0 delay if requestIdleCallback is not available
-  var id = window.setTimeout(callback, 0);
-  return function () {
-    return window.clearTimeout(id);
-  };
-};

package/dist/types/composable-editor/editor-inp-metrics.d.ts

@@ -1,7 +0,0 @@
-import { type RefObject } from 'react';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-type EditorINPMetricsProps = {
-    editorViewRef: RefObject<EditorView | null>;
-};
-export declare const EditorINPMetrics: ({ editorViewRef }: EditorINPMetricsProps) => null;
-export {};