@cloudcare/browser-rum-slim 3.3.3

package/esm/domain/rumEventsCollection/view/trackFirstInput.js

@@ -0,0 +1,41 @@
+import { elapsed, find, isElementNode } from '@cloudcare/browser-core';
+import { getSelectorFromElement } from '../actions/getSelectorsFromElement';
+import { RumPerformanceEntryType, createPerformanceObservable } from '../../performanceObservable';
+/**
+ * Track the first input occurring during the initial View to return:
+ * - First Input Delay
+ * - First Input Time
+ * Callback is called at most one time.
+ * Documentation: https://web.dev/fid/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getFID.ts
+ */
+export function trackFirstInput(configuration, firstHidden, callback) {
+  var performanceFirstInputSubscription = createPerformanceObservable(configuration, {
+    type: RumPerformanceEntryType.FIRST_INPUT,
+    buffered: true
+  }).subscribe(function (entries) {
+    var firstInputEntry = find(entries, function (entry) {
+      return entry.entryType === RumPerformanceEntryType.FIRST_INPUT && entry.startTime < firstHidden.getTimeStamp();
+    });
+    if (firstInputEntry) {
+      var firstInputDelay = elapsed(firstInputEntry.startTime, firstInputEntry.processingStart);
+      var firstInputTargetSelector;
+      if (firstInputEntry.target && isElementNode(firstInputEntry.target)) {
+        firstInputTargetSelector = getSelectorFromElement(firstInputEntry.target, configuration.actionNameAttribute);
+      }
+      callback({
+        // Ensure firstInputDelay to be positive, see
+        // https://bugs.chromium.org/p/chromium/issues/detail?id=1185815
+        delay: firstInputDelay >= 0 ? firstInputDelay : 0,
+        time: firstInputEntry.startTime,
+        targetSelector: firstInputTargetSelector
+      });
+    }
+  });
+  return {
+    stop: function stop() {
+      performanceFirstInputSubscription.unsubscribe();
+    }
+  };
+}
+//# sourceMappingURL=trackFirstInput.js.map

package/esm/domain/rumEventsCollection/view/trackFirstInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackFirstInput.js","names":["elapsed","find","isElementNode","getSelectorFromElement","RumPerformanceEntryType","createPerformanceObservable","trackFirstInput","configuration","firstHidden","callback","performanceFirstInputSubscription","type","FIRST_INPUT","buffered","subscribe","entries","firstInputEntry","entry","entryType","startTime","getTimeStamp","firstInputDelay","processingStart","firstInputTargetSelector","target","actionNameAttribute","delay","time","targetSelector","stop","unsubscribe"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackFirstInput.js"],"sourcesContent":["import { elapsed, find, isElementNode } from '@cloudcare/browser-core'\nimport { getSelectorFromElement } from '../actions/getSelectorsFromElement'\nimport {\n  RumPerformanceEntryType,\n  createPerformanceObservable\n} from '../../performanceObservable'\n/**\n * Track the first input occurring during the initial View to return:\n * - First Input Delay\n * - First Input Time\n * Callback is called at most one time.\n * Documentation: https://web.dev/fid/\n * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/getFID.ts\n */\nexport function trackFirstInput(configuration, firstHidden, callback) {\n  const performanceFirstInputSubscription = createPerformanceObservable(\n    configuration,\n    {\n      type: RumPerformanceEntryType.FIRST_INPUT,\n      buffered: true\n    }\n  ).subscribe(function (entries) {\n    var firstInputEntry = find(entries, function (entry) {\n      return (\n        entry.entryType === RumPerformanceEntryType.FIRST_INPUT &&\n        entry.startTime < firstHidden.getTimeStamp()\n      )\n    })\n    if (firstInputEntry) {\n      var firstInputDelay = elapsed(\n        firstInputEntry.startTime,\n        firstInputEntry.processingStart\n      )\n      var firstInputTargetSelector\n      if (firstInputEntry.target && isElementNode(firstInputEntry.target)) {\n        firstInputTargetSelector = getSelectorFromElement(\n          firstInputEntry.target,\n          configuration.actionNameAttribute\n        )\n      }\n      callback({\n        // Ensure firstInputDelay to be positive, see\n        // https://bugs.chromium.org/p/chromium/issues/detail?id=1185815\n        delay: firstInputDelay >= 0 ? firstInputDelay : 0,\n        time: firstInputEntry.startTime,\n        targetSelector: firstInputTargetSelector\n      })\n    }\n  })\n  return {\n    stop: function () {\n      performanceFirstInputSubscription.unsubscribe()\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,IAAI,EAAEC,aAAa,QAAQ,yBAAyB;AACtE,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SACEC,uBAAuB,EACvBC,2BAA2B,QACtB,6BAA6B;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAACC,aAAa,EAAEC,WAAW,EAAEC,QAAQ,EAAE;EACpE,IAAMC,iCAAiC,GAAGL,2BAA2B,CACnEE,aAAa,EACb;IACEI,IAAI,EAAEP,uBAAuB,CAACQ,WAAW;IACzCC,QAAQ,EAAE;EACZ,CACF,CAAC,CAACC,SAAS,CAAC,UAAUC,OAAO,EAAE;IAC7B,IAAIC,eAAe,GAAGf,IAAI,CAACc,OAAO,EAAE,UAAUE,KAAK,EAAE;MACnD,OACEA,KAAK,CAACC,SAAS,KAAKd,uBAAuB,CAACQ,WAAW,IACvDK,KAAK,CAACE,SAAS,GAAGX,WAAW,CAACY,YAAY,CAAC,CAAC;IAEhD,CAAC,CAAC;IACF,IAAIJ,eAAe,EAAE;MACnB,IAAIK,eAAe,GAAGrB,OAAO,CAC3BgB,eAAe,CAACG,SAAS,EACzBH,eAAe,CAACM,eAClB,CAAC;MACD,IAAIC,wBAAwB;MAC5B,IAAIP,eAAe,CAACQ,MAAM,IAAItB,aAAa,CAACc,eAAe,CAACQ,MAAM,CAAC,EAAE;QACnED,wBAAwB,GAAGpB,sBAAsB,CAC/Ca,eAAe,CAACQ,MAAM,EACtBjB,aAAa,CAACkB,mBAChB,CAAC;MACH;MACAhB,QAAQ,CAAC;QACP;QACA;QACAiB,KAAK,EAAEL,eAAe,IAAI,CAAC,GAAGA,eAAe,GAAG,CAAC;QACjDM,IAAI,EAAEX,eAAe,CAACG,SAAS;QAC/BS,cAAc,EAAEL;MAClB,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EACF,OAAO;IACLM,IAAI,EAAE,SAANA,IAAIA,CAAA,EAAc;MAChBnB,iCAAiC,CAACoB,WAAW,CAAC,CAAC;IACjD;EACF,CAAC;AACH","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackInitialViewTimings.js

@@ -0,0 +1,44 @@
+import { ONE_MINUTE } from '@cloudcare/browser-core';
+import { trackFirstContentfulPaint } from './trackFirstContentfulPaint';
+import { trackFirstInput } from './trackFirstInput';
+import { trackNavigationTimings } from './trackNavigationTimings';
+import { trackLargestContentfulPaint } from './trackLargestContentfulPaint';
+import { trackFirstHidden } from './trackFirstHidden';
+export var KEEP_TRACKING_TIMINGS_AFTER_VIEW_DELAY = 5 * ONE_MINUTE;
+export function trackInitialViewMetrics(configuration, viewStart, setLoadEvent, scheduleViewUpdate) {
+  var initialViewMetrics = {};
+  var _trackNavigationTimings = trackNavigationTimings(configuration, function (navigationTimings) {
+    setLoadEvent(navigationTimings.loadEvent);
+    initialViewMetrics.navigationTimings = navigationTimings;
+    scheduleViewUpdate();
+  });
+  var firstHidden = trackFirstHidden(viewStart);
+  var stopNavigationTracking = _trackNavigationTimings.stop;
+  var _trackFirstContentfulPaint = trackFirstContentfulPaint(configuration, firstHidden, function (firstContentfulPaint) {
+    initialViewMetrics.firstContentfulPaint = firstContentfulPaint;
+    scheduleViewUpdate();
+  });
+  var stopFCPTracking = _trackFirstContentfulPaint.stop;
+  var _trackLargestContentfulPaint = trackLargestContentfulPaint(configuration, firstHidden, window, function (largestContentfulPaint) {
+    initialViewMetrics.largestContentfulPaint = largestContentfulPaint;
+    scheduleViewUpdate();
+  });
+  var stopLCPTracking = _trackLargestContentfulPaint.stop;
+  var _trackFirstInput = trackFirstInput(configuration, firstHidden, function (firstInput) {
+    initialViewMetrics.firstInput = firstInput;
+    scheduleViewUpdate();
+  });
+  var stopFIDTracking = _trackFirstInput.stop;
+  function stop() {
+    stopNavigationTracking();
+    stopFCPTracking();
+    stopLCPTracking();
+    stopFIDTracking();
+    firstHidden.stop();
+  }
+  return {
+    stop: stop,
+    initialViewMetrics: initialViewMetrics
+  };
+}
+//# sourceMappingURL=trackInitialViewTimings.js.map

package/esm/domain/rumEventsCollection/view/trackInitialViewTimings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackInitialViewTimings.js","names":["ONE_MINUTE","trackFirstContentfulPaint","trackFirstInput","trackNavigationTimings","trackLargestContentfulPaint","trackFirstHidden","KEEP_TRACKING_TIMINGS_AFTER_VIEW_DELAY","trackInitialViewMetrics","configuration","viewStart","setLoadEvent","scheduleViewUpdate","initialViewMetrics","_trackNavigationTimings","navigationTimings","loadEvent","firstHidden","stopNavigationTracking","stop","_trackFirstContentfulPaint","firstContentfulPaint","stopFCPTracking","_trackLargestContentfulPaint","window","largestContentfulPaint","stopLCPTracking","_trackFirstInput","firstInput","stopFIDTracking"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackInitialViewTimings.js"],"sourcesContent":["import { ONE_MINUTE } from '@cloudcare/browser-core'\nimport { trackFirstContentfulPaint } from './trackFirstContentfulPaint'\nimport { trackFirstInput } from './trackFirstInput'\nimport { trackNavigationTimings } from './trackNavigationTimings'\nimport { trackLargestContentfulPaint } from './trackLargestContentfulPaint'\nimport { trackFirstHidden } from './trackFirstHidden'\n\nexport var KEEP_TRACKING_TIMINGS_AFTER_VIEW_DELAY = 5 * ONE_MINUTE\nexport function trackInitialViewMetrics(\n  configuration,\n  viewStart,\n  setLoadEvent,\n  scheduleViewUpdate\n) {\n  var initialViewMetrics = {}\n  var _trackNavigationTimings = trackNavigationTimings(\n    configuration,\n    function (navigationTimings) {\n      setLoadEvent(navigationTimings.loadEvent)\n      initialViewMetrics.navigationTimings = navigationTimings\n      scheduleViewUpdate()\n    }\n  )\n  var firstHidden = trackFirstHidden(viewStart)\n  var stopNavigationTracking = _trackNavigationTimings.stop\n  var _trackFirstContentfulPaint = trackFirstContentfulPaint(\n    configuration,\n    firstHidden,\n    function (firstContentfulPaint) {\n      initialViewMetrics.firstContentfulPaint = firstContentfulPaint\n      scheduleViewUpdate()\n    }\n  )\n  var stopFCPTracking = _trackFirstContentfulPaint.stop\n  var _trackLargestContentfulPaint = trackLargestContentfulPaint(\n    configuration,\n    firstHidden,\n    window,\n    function (largestContentfulPaint) {\n      initialViewMetrics.largestContentfulPaint = largestContentfulPaint\n      scheduleViewUpdate()\n    }\n  )\n  var stopLCPTracking = _trackLargestContentfulPaint.stop\n  var _trackFirstInput = trackFirstInput(\n    configuration,\n    firstHidden,\n    function (firstInput) {\n      initialViewMetrics.firstInput = firstInput\n      scheduleViewUpdate()\n    }\n  )\n  var stopFIDTracking = _trackFirstInput.stop\n  function stop() {\n    stopNavigationTracking()\n    stopFCPTracking()\n    stopLCPTracking()\n    stopFIDTracking()\n    firstHidden.stop()\n  }\n\n  return {\n    stop: stop,\n    initialViewMetrics: initialViewMetrics\n  }\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,yBAAyB;AACpD,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,IAAIC,sCAAsC,GAAG,CAAC,GAAGN,UAAU;AAClE,OAAO,SAASO,uBAAuBA,CACrCC,aAAa,EACbC,SAAS,EACTC,YAAY,EACZC,kBAAkB,EAClB;EACA,IAAIC,kBAAkB,GAAG,CAAC,CAAC;EAC3B,IAAIC,uBAAuB,GAAGV,sBAAsB,CAClDK,aAAa,EACb,UAAUM,iBAAiB,EAAE;IAC3BJ,YAAY,CAACI,iBAAiB,CAACC,SAAS,CAAC;IACzCH,kBAAkB,CAACE,iBAAiB,GAAGA,iBAAiB;IACxDH,kBAAkB,CAAC,CAAC;EACtB,CACF,CAAC;EACD,IAAIK,WAAW,GAAGX,gBAAgB,CAACI,SAAS,CAAC;EAC7C,IAAIQ,sBAAsB,GAAGJ,uBAAuB,CAACK,IAAI;EACzD,IAAIC,0BAA0B,GAAGlB,yBAAyB,CACxDO,aAAa,EACbQ,WAAW,EACX,UAAUI,oBAAoB,EAAE;IAC9BR,kBAAkB,CAACQ,oBAAoB,GAAGA,oBAAoB;IAC9DT,kBAAkB,CAAC,CAAC;EACtB,CACF,CAAC;EACD,IAAIU,eAAe,GAAGF,0BAA0B,CAACD,IAAI;EACrD,IAAII,4BAA4B,GAAGlB,2BAA2B,CAC5DI,aAAa,EACbQ,WAAW,EACXO,MAAM,EACN,UAAUC,sBAAsB,EAAE;IAChCZ,kBAAkB,CAACY,sBAAsB,GAAGA,sBAAsB;IAClEb,kBAAkB,CAAC,CAAC;EACtB,CACF,CAAC;EACD,IAAIc,eAAe,GAAGH,4BAA4B,CAACJ,IAAI;EACvD,IAAIQ,gBAAgB,GAAGxB,eAAe,CACpCM,aAAa,EACbQ,WAAW,EACX,UAAUW,UAAU,EAAE;IACpBf,kBAAkB,CAACe,UAAU,GAAGA,UAAU;IAC1ChB,kBAAkB,CAAC,CAAC;EACtB,CACF,CAAC;EACD,IAAIiB,eAAe,GAAGF,gBAAgB,CAACR,IAAI;EAC3C,SAASA,IAAIA,CAAA,EAAG;IACdD,sBAAsB,CAAC,CAAC;IACxBI,eAAe,CAAC,CAAC;IACjBI,eAAe,CAAC,CAAC;IACjBG,eAAe,CAAC,CAAC;IACjBZ,WAAW,CAACE,IAAI,CAAC,CAAC;EACpB;EAEA,OAAO;IACLA,IAAI,EAAEA,IAAI;IACVN,kBAAkB,EAAEA;EACtB,CAAC;AACH","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackInteractionToNextPaint.js

@@ -0,0 +1,153 @@
+import { noop, ViewLoadingType, ONE_MINUTE, elapsed, isElementNode } from '@cloudcare/browser-core';
+import { getSelectorFromElement } from '../actions/getSelectorsFromElement';
+import { getInteractionCount, initInteractionCountPolyfill } from './interactionCountPolyfill';
+import { RumPerformanceEntryType, supportPerformanceTimingEvent, createPerformanceObservable } from '../../performanceObservable';
+import { getInteractionSelector } from '../actions/interactionSelectorCache';
+// Arbitrary value to prevent unnecessary memory usage on views with lots of interactions.
+var MAX_INTERACTION_ENTRIES = 10;
+export var MAX_INP_VALUE = 1 * ONE_MINUTE;
+
+/**
+ * Track the interaction to next paint (INP).
+ * To avoid outliers, return the p98 worst interaction of the view.
+ * Documentation: https://web.dev/inp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/onINP.ts
+ */
+export function trackInteractionToNextPaint(configuration, viewStart, viewLoadingType) {
+  if (!isInteractionToNextPaintSupported()) {
+    return {
+      getInteractionToNextPaint: function getInteractionToNextPaint() {
+        return undefined;
+      },
+      setViewEnd: noop,
+      stop: noop
+    };
+  }
+  var _trackViewInteractionCount = trackViewInteractionCount(viewLoadingType);
+  var getViewInteractionCount = _trackViewInteractionCount.getViewInteractionCount;
+  var stopViewInteractionCount = _trackViewInteractionCount.stopViewInteractionCount;
+  var viewEnd = Infinity;
+  var longestInteractions = trackLongestInteractions(getViewInteractionCount);
+  var interactionToNextPaint = -1;
+  var interactionToNextPaintTargetSelector;
+  var interactionToNextPaintStartTime;
+  function handleEntries(entries) {
+    for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+      var entry = entries_1[_i];
+      if (entry.interactionId && entry.startTime >= viewStart && entry.startTime <= viewEnd) {
+        longestInteractions.process(entry);
+      }
+    }
+    var newInteraction = longestInteractions.estimateP98Interaction();
+    if (newInteraction && newInteraction.duration !== interactionToNextPaint) {
+      interactionToNextPaint = newInteraction.duration;
+      interactionToNextPaintStartTime = elapsed(viewStart, newInteraction.startTime);
+      interactionToNextPaintTargetSelector = getInteractionSelector(newInteraction.startTime);
+      if (!interactionToNextPaintTargetSelector && newInteraction.target && isElementNode(newInteraction.target)) {
+        interactionToNextPaintTargetSelector = getSelectorFromElement(newInteraction.target, configuration.actionNameAttribute);
+      }
+    }
+  }
+  var firstInputSubscription = createPerformanceObservable(configuration, {
+    type: RumPerformanceEntryType.FIRST_INPUT,
+    buffered: true
+  }).subscribe(handleEntries);
+  var eventSubscription = createPerformanceObservable(configuration, {
+    type: RumPerformanceEntryType.EVENT,
+    // durationThreshold only impact PerformanceEventTiming entries used for INP computation which requires a threshold at 40 (default is 104ms)
+    // cf: https://github.com/GoogleChrome/web-vitals/blob/3806160ffbc93c3c4abf210a167b81228172b31c/src/onINP.ts#L202-L210
+    durationThreshold: 40,
+    buffered: true
+  }).subscribe(handleEntries);
+  return {
+    getInteractionToNextPaint: function getInteractionToNextPaint() {
+      // If no INP duration where captured because of the performanceObserver 40ms threshold
+      // but the view interaction count > 0 then report 0
+      if (interactionToNextPaint >= 0) {
+        return {
+          value: Math.min(interactionToNextPaint, MAX_INP_VALUE),
+          targetSelector: interactionToNextPaintTargetSelector,
+          time: interactionToNextPaintStartTime
+        };
+      } else if (getViewInteractionCount()) {
+        return {
+          value: 0
+        };
+      }
+    },
+    setViewEnd: function setViewEnd(viewEndTime) {
+      viewEnd = viewEndTime;
+      stopViewInteractionCount();
+    },
+    stop: function stop() {
+      eventSubscription.unsubscribe();
+      firstInputSubscription.unsubscribe();
+    }
+  };
+}
+function trackLongestInteractions(getViewInteractionCount) {
+  var longestInteractions = [];
+  function sortAndTrimLongestInteractions() {
+    longestInteractions.sort(function (a, b) {
+      return b.duration - a.duration;
+    }).splice(MAX_INTERACTION_ENTRIES);
+  }
+  return {
+    /**
+     * Process the performance entry:
+     * - if its duration is long enough, add the performance entry to the list of worst interactions
+     * - if an entry with the same interaction id exists and its duration is lower than the new one, then replace it in the list of worst interactions
+     */
+    process: function process(entry) {
+      var interactionIndex = longestInteractions.findIndex(function (interaction) {
+        return entry.interactionId === interaction.interactionId;
+      });
+      var minLongestInteraction = longestInteractions[longestInteractions.length - 1];
+      if (interactionIndex !== -1) {
+        if (entry.duration > longestInteractions[interactionIndex].duration) {
+          longestInteractions[interactionIndex] = entry;
+          sortAndTrimLongestInteractions();
+        }
+      } else if (longestInteractions.length < MAX_INTERACTION_ENTRIES || entry.duration > minLongestInteraction.duration) {
+        longestInteractions.push(entry);
+        sortAndTrimLongestInteractions();
+      }
+    },
+    /**
+     * Compute the p98 longest interaction.
+     * For better performance the computation is based on 10 longest interactions and the interaction count of the current view.
+     */
+    estimateP98Interaction: function estimateP98Interaction() {
+      var interactionIndex = Math.min(longestInteractions.length - 1, Math.floor(getViewInteractionCount() / 50));
+      return longestInteractions[interactionIndex];
+    }
+  };
+}
+export function trackViewInteractionCount(viewLoadingType) {
+  initInteractionCountPolyfill();
+  var previousInteractionCount = viewLoadingType === ViewLoadingType.INITIAL_LOAD ? 0 : getInteractionCount();
+  var state = {
+    stopped: false
+  };
+  function computeViewInteractionCount() {
+    return getInteractionCount() - previousInteractionCount;
+  }
+  return {
+    getViewInteractionCount: function getViewInteractionCount() {
+      if (state.stopped) {
+        return state.interactionCount;
+      }
+      return computeViewInteractionCount();
+    },
+    stopViewInteractionCount: function stopViewInteractionCount() {
+      state = {
+        stopped: true,
+        interactionCount: computeViewInteractionCount()
+      };
+    }
+  };
+}
+export function isInteractionToNextPaintSupported() {
+  return supportPerformanceTimingEvent('event') && window.PerformanceEventTiming && 'interactionId' in PerformanceEventTiming.prototype;
+}
+//# sourceMappingURL=trackInteractionToNextPaint.js.map

package/esm/domain/rumEventsCollection/view/trackInteractionToNextPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackInteractionToNextPaint.js","names":["noop","ViewLoadingType","ONE_MINUTE","elapsed","isElementNode","getSelectorFromElement","getInteractionCount","initInteractionCountPolyfill","RumPerformanceEntryType","supportPerformanceTimingEvent","createPerformanceObservable","getInteractionSelector","MAX_INTERACTION_ENTRIES","MAX_INP_VALUE","trackInteractionToNextPaint","configuration","viewStart","viewLoadingType","isInteractionToNextPaintSupported","getInteractionToNextPaint","undefined","setViewEnd","stop","_trackViewInteractionCount","trackViewInteractionCount","getViewInteractionCount","stopViewInteractionCount","viewEnd","Infinity","longestInteractions","trackLongestInteractions","interactionToNextPaint","interactionToNextPaintTargetSelector","interactionToNextPaintStartTime","handleEntries","entries","_i","entries_1","length","entry","interactionId","startTime","process","newInteraction","estimateP98Interaction","duration","target","actionNameAttribute","firstInputSubscription","type","FIRST_INPUT","buffered","subscribe","eventSubscription","EVENT","durationThreshold","value","Math","min","targetSelector","time","viewEndTime","unsubscribe","sortAndTrimLongestInteractions","sort","a","b","splice","interactionIndex","findIndex","interaction","minLongestInteraction","push","floor","previousInteractionCount","INITIAL_LOAD","state","stopped","computeViewInteractionCount","interactionCount","window","PerformanceEventTiming","prototype"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackInteractionToNextPaint.js"],"sourcesContent":["import {\n  noop,\n  ViewLoadingType,\n  ONE_MINUTE,\n  elapsed,\n  isElementNode\n} from '@cloudcare/browser-core'\nimport { getSelectorFromElement } from '../actions/getSelectorsFromElement'\nimport {\n  getInteractionCount,\n  initInteractionCountPolyfill\n} from './interactionCountPolyfill'\nimport {\n  RumPerformanceEntryType,\n  supportPerformanceTimingEvent,\n  createPerformanceObservable\n} from '../../performanceObservable'\nimport { getInteractionSelector } from '../actions/interactionSelectorCache'\n// Arbitrary value to prevent unnecessary memory usage on views with lots of interactions.\nvar MAX_INTERACTION_ENTRIES = 10\n\nexport var MAX_INP_VALUE = 1 * ONE_MINUTE\n\n/**\n * Track the interaction to next paint (INP).\n * To avoid outliers, return the p98 worst interaction of the view.\n * Documentation: https://web.dev/inp/\n * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/main/src/onINP.ts\n */\nexport function trackInteractionToNextPaint(\n  configuration,\n  viewStart,\n  viewLoadingType\n) {\n  if (!isInteractionToNextPaintSupported()) {\n    return {\n      getInteractionToNextPaint: function () {\n        return undefined\n      },\n      setViewEnd: noop,\n      stop: noop\n    }\n  }\n\n  var _trackViewInteractionCount = trackViewInteractionCount(viewLoadingType)\n  var getViewInteractionCount =\n    _trackViewInteractionCount.getViewInteractionCount\n  var stopViewInteractionCount =\n    _trackViewInteractionCount.stopViewInteractionCount\n\n  let viewEnd = Infinity\n  var longestInteractions = trackLongestInteractions(getViewInteractionCount)\n  var interactionToNextPaint = -1\n  var interactionToNextPaintTargetSelector\n  var interactionToNextPaintStartTime\n  function handleEntries(entries) {\n    for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {\n      var entry = entries_1[_i]\n      if (\n        entry.interactionId &&\n        entry.startTime >= viewStart &&\n        entry.startTime <= viewEnd\n      ) {\n        longestInteractions.process(entry)\n      }\n    }\n\n    var newInteraction = longestInteractions.estimateP98Interaction()\n    if (newInteraction && newInteraction.duration !== interactionToNextPaint) {\n      interactionToNextPaint = newInteraction.duration\n      interactionToNextPaintStartTime = elapsed(\n        viewStart,\n        newInteraction.startTime\n      )\n      interactionToNextPaintTargetSelector = getInteractionSelector(\n        newInteraction.startTime\n      )\n      if (\n        !interactionToNextPaintTargetSelector &&\n        newInteraction.target &&\n        isElementNode(newInteraction.target)\n      ) {\n        interactionToNextPaintTargetSelector = getSelectorFromElement(\n          newInteraction.target,\n          configuration.actionNameAttribute\n        )\n      }\n    }\n  }\n  var firstInputSubscription = createPerformanceObservable(configuration, {\n    type: RumPerformanceEntryType.FIRST_INPUT,\n    buffered: true\n  }).subscribe(handleEntries)\n\n  var eventSubscription = createPerformanceObservable(configuration, {\n    type: RumPerformanceEntryType.EVENT,\n    // durationThreshold only impact PerformanceEventTiming entries used for INP computation which requires a threshold at 40 (default is 104ms)\n    // cf: https://github.com/GoogleChrome/web-vitals/blob/3806160ffbc93c3c4abf210a167b81228172b31c/src/onINP.ts#L202-L210\n    durationThreshold: 40,\n    buffered: true\n  }).subscribe(handleEntries)\n\n  return {\n    getInteractionToNextPaint: function () {\n      // If no INP duration where captured because of the performanceObserver 40ms threshold\n      // but the view interaction count > 0 then report 0\n      if (interactionToNextPaint >= 0) {\n        return {\n          value: Math.min(interactionToNextPaint, MAX_INP_VALUE),\n          targetSelector: interactionToNextPaintTargetSelector,\n          time: interactionToNextPaintStartTime\n        }\n      } else if (getViewInteractionCount()) {\n        return {\n          value: 0\n        }\n      }\n    },\n    setViewEnd: function (viewEndTime) {\n      viewEnd = viewEndTime\n      stopViewInteractionCount()\n    },\n    stop: function () {\n      eventSubscription.unsubscribe()\n      firstInputSubscription.unsubscribe()\n    }\n  }\n}\n\nfunction trackLongestInteractions(getViewInteractionCount) {\n  var longestInteractions = []\n\n  function sortAndTrimLongestInteractions() {\n    longestInteractions\n      .sort(function (a, b) {\n        return b.duration - a.duration\n      })\n      .splice(MAX_INTERACTION_ENTRIES)\n  }\n\n  return {\n    /**\n     * Process the performance entry:\n     * - if its duration is long enough, add the performance entry to the list of worst interactions\n     * - if an entry with the same interaction id exists and its duration is lower than the new one, then replace it in the list of worst interactions\n     */\n    process: function (entry) {\n      var interactionIndex = longestInteractions.findIndex(function (\n        interaction\n      ) {\n        return entry.interactionId === interaction.interactionId\n      })\n\n      var minLongestInteraction =\n        longestInteractions[longestInteractions.length - 1]\n\n      if (interactionIndex !== -1) {\n        if (entry.duration > longestInteractions[interactionIndex].duration) {\n          longestInteractions[interactionIndex] = entry\n          sortAndTrimLongestInteractions()\n        }\n      } else if (\n        longestInteractions.length < MAX_INTERACTION_ENTRIES ||\n        entry.duration > minLongestInteraction.duration\n      ) {\n        longestInteractions.push(entry)\n        sortAndTrimLongestInteractions()\n      }\n    },\n    /**\n     * Compute the p98 longest interaction.\n     * For better performance the computation is based on 10 longest interactions and the interaction count of the current view.\n     */\n    estimateP98Interaction: function () {\n      var interactionIndex = Math.min(\n        longestInteractions.length - 1,\n        Math.floor(getViewInteractionCount() / 50)\n      )\n      return longestInteractions[interactionIndex]\n    }\n  }\n}\n\nexport function trackViewInteractionCount(viewLoadingType) {\n  initInteractionCountPolyfill()\n  var previousInteractionCount =\n    viewLoadingType === ViewLoadingType.INITIAL_LOAD ? 0 : getInteractionCount()\n  var state = { stopped: false }\n\n  function computeViewInteractionCount() {\n    return getInteractionCount() - previousInteractionCount\n  }\n  return {\n    getViewInteractionCount: function () {\n      if (state.stopped) {\n        return state.interactionCount\n      }\n      return computeViewInteractionCount()\n    },\n    stopViewInteractionCount: function () {\n      state = {\n        stopped: true,\n        interactionCount: computeViewInteractionCount()\n      }\n    }\n  }\n}\n\nexport function isInteractionToNextPaintSupported() {\n  return (\n    supportPerformanceTimingEvent('event') &&\n    window.PerformanceEventTiming &&\n    'interactionId' in PerformanceEventTiming.prototype\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackLargestContentfulPaint.js

@@ -0,0 +1,54 @@
+import { addEventListeners, DOM_EVENT, findLast, LifeCycleEventType, ONE_MINUTE } from '@cloudcare/browser-core';
+import { getSelectorFromElement } from '../actions/getSelectorsFromElement';
+import { RumPerformanceEntryType, createPerformanceObservable } from '../../performanceObservable';
+/**
+ * Track the largest contentful paint (LCP) occurring during the initial View.  This can yield
+ * multiple values, only the most recent one should be used.
+ * Documentation: https://web.dev/lcp/
+ * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/onLCP.ts
+ */
+// It happens in some cases like sleep mode or some browser implementations
+export var LCP_MAXIMUM_DELAY = 10 * ONE_MINUTE;
+export function trackLargestContentfulPaint(configuration, firstHidden, eventTarget, callback) {
+  // Ignore entries that come after the first user interaction.  According to the documentation, the
+  // browser should not send largest-contentful-paint entries after a user interact with the page,
+  // but the web-vitals reference implementation uses this as a safeguard.
+  var firstInteractionTimestamp = Infinity;
+  var _addEventListeners = addEventListeners(eventTarget, [DOM_EVENT.POINTER_DOWN, DOM_EVENT.KEY_DOWN], function (event) {
+    firstInteractionTimestamp = event.timeStamp;
+  }, {
+    capture: true,
+    once: true
+  });
+  var stopEventListener = _addEventListeners.stop;
+  var biggestLcpSize = 0;
+  var performanceLcpSubscription = createPerformanceObservable(configuration, {
+    type: RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT,
+    buffered: true
+  }).subscribe(function (entries) {
+    var lcpEntry = findLast(entries, function (entry) {
+      return entry.entryType === RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT && entry.startTime < firstInteractionTimestamp && entry.startTime < firstHidden.getTimeStamp() && entry.startTime < LCP_MAXIMUM_DELAY &&
+      // Ensure to get the LCP entry with the biggest size, see
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=1516655
+      entry.size > biggestLcpSize;
+    });
+    if (lcpEntry) {
+      var lcpTargetSelector;
+      if (lcpEntry.element) {
+        lcpTargetSelector = getSelectorFromElement(lcpEntry.element, configuration.actionNameAttribute);
+      }
+      callback({
+        value: lcpEntry.startTime,
+        targetSelector: lcpTargetSelector
+      });
+      biggestLcpSize = lcpEntry.size;
+    }
+  });
+  return {
+    stop: function stop() {
+      stopEventListener();
+      performanceLcpSubscription.unsubscribe();
+    }
+  };
+}
+//# sourceMappingURL=trackLargestContentfulPaint.js.map

package/esm/domain/rumEventsCollection/view/trackLargestContentfulPaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackLargestContentfulPaint.js","names":["addEventListeners","DOM_EVENT","findLast","LifeCycleEventType","ONE_MINUTE","getSelectorFromElement","RumPerformanceEntryType","createPerformanceObservable","LCP_MAXIMUM_DELAY","trackLargestContentfulPaint","configuration","firstHidden","eventTarget","callback","firstInteractionTimestamp","Infinity","_addEventListeners","POINTER_DOWN","KEY_DOWN","event","timeStamp","capture","once","stopEventListener","stop","biggestLcpSize","performanceLcpSubscription","type","LARGEST_CONTENTFUL_PAINT","buffered","subscribe","entries","lcpEntry","entry","entryType","startTime","getTimeStamp","size","lcpTargetSelector","element","actionNameAttribute","value","targetSelector","unsubscribe"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackLargestContentfulPaint.js"],"sourcesContent":["import {\n  addEventListeners,\n  DOM_EVENT,\n  findLast,\n  LifeCycleEventType,\n  ONE_MINUTE\n} from '@cloudcare/browser-core'\nimport { getSelectorFromElement } from '../actions/getSelectorsFromElement'\nimport {\n  RumPerformanceEntryType,\n  createPerformanceObservable\n} from '../../performanceObservable'\n/**\n * Track the largest contentful paint (LCP) occurring during the initial View.  This can yield\n * multiple values, only the most recent one should be used.\n * Documentation: https://web.dev/lcp/\n * Reference implementation: https://github.com/GoogleChrome/web-vitals/blob/master/src/onLCP.ts\n */\n// It happens in some cases like sleep mode or some browser implementations\nexport var LCP_MAXIMUM_DELAY = 10 * ONE_MINUTE\nexport function trackLargestContentfulPaint(\n  configuration,\n  firstHidden,\n  eventTarget,\n  callback\n) {\n  // Ignore entries that come after the first user interaction.  According to the documentation, the\n  // browser should not send largest-contentful-paint entries after a user interact with the page,\n  // but the web-vitals reference implementation uses this as a safeguard.\n  var firstInteractionTimestamp = Infinity\n  var _addEventListeners = addEventListeners(\n    eventTarget,\n    [DOM_EVENT.POINTER_DOWN, DOM_EVENT.KEY_DOWN],\n    function (event) {\n      firstInteractionTimestamp = event.timeStamp\n    },\n    { capture: true, once: true }\n  )\n  var stopEventListener = _addEventListeners.stop\n  var biggestLcpSize = 0\n  var performanceLcpSubscription = createPerformanceObservable(configuration, {\n    type: RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT,\n    buffered: true\n  }).subscribe(function (entries) {\n    var lcpEntry = findLast(entries, function (entry) {\n      return (\n        entry.entryType === RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT &&\n        entry.startTime < firstInteractionTimestamp &&\n        entry.startTime < firstHidden.getTimeStamp() &&\n        entry.startTime < LCP_MAXIMUM_DELAY &&\n        // Ensure to get the LCP entry with the biggest size, see\n        // https://bugs.chromium.org/p/chromium/issues/detail?id=1516655\n        entry.size > biggestLcpSize\n      )\n    })\n    if (lcpEntry) {\n      var lcpTargetSelector\n      if (lcpEntry.element) {\n        lcpTargetSelector = getSelectorFromElement(\n          lcpEntry.element,\n          configuration.actionNameAttribute\n        )\n      }\n      callback({\n        value: lcpEntry.startTime,\n        targetSelector: lcpTargetSelector\n      })\n      biggestLcpSize = lcpEntry.size\n    }\n  })\n\n  return {\n    stop: function () {\n      stopEventListener()\n      performanceLcpSubscription.unsubscribe()\n    }\n  }\n}\n"],"mappings":"AAAA,SACEA,iBAAiB,EACjBC,SAAS,EACTC,QAAQ,EACRC,kBAAkB,EAClBC,UAAU,QACL,yBAAyB;AAChC,SAASC,sBAAsB,QAAQ,oCAAoC;AAC3E,SACEC,uBAAuB,EACvBC,2BAA2B,QACtB,6BAA6B;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAIC,iBAAiB,GAAG,EAAE,GAAGJ,UAAU;AAC9C,OAAO,SAASK,2BAA2BA,CACzCC,aAAa,EACbC,WAAW,EACXC,WAAW,EACXC,QAAQ,EACR;EACA;EACA;EACA;EACA,IAAIC,yBAAyB,GAAGC,QAAQ;EACxC,IAAIC,kBAAkB,GAAGhB,iBAAiB,CACxCY,WAAW,EACX,CAACX,SAAS,CAACgB,YAAY,EAAEhB,SAAS,CAACiB,QAAQ,CAAC,EAC5C,UAAUC,KAAK,EAAE;IACfL,yBAAyB,GAAGK,KAAK,CAACC,SAAS;EAC7C,CAAC,EACD;IAAEC,OAAO,EAAE,IAAI;IAAEC,IAAI,EAAE;EAAK,CAC9B,CAAC;EACD,IAAIC,iBAAiB,GAAGP,kBAAkB,CAACQ,IAAI;EAC/C,IAAIC,cAAc,GAAG,CAAC;EACtB,IAAIC,0BAA0B,GAAGnB,2BAA2B,CAACG,aAAa,EAAE;IAC1EiB,IAAI,EAAErB,uBAAuB,CAACsB,wBAAwB;IACtDC,QAAQ,EAAE;EACZ,CAAC,CAAC,CAACC,SAAS,CAAC,UAAUC,OAAO,EAAE;IAC9B,IAAIC,QAAQ,GAAG9B,QAAQ,CAAC6B,OAAO,EAAE,UAAUE,KAAK,EAAE;MAChD,OACEA,KAAK,CAACC,SAAS,KAAK5B,uBAAuB,CAACsB,wBAAwB,IACpEK,KAAK,CAACE,SAAS,GAAGrB,yBAAyB,IAC3CmB,KAAK,CAACE,SAAS,GAAGxB,WAAW,CAACyB,YAAY,CAAC,CAAC,IAC5CH,KAAK,CAACE,SAAS,GAAG3B,iBAAiB;MACnC;MACA;MACAyB,KAAK,CAACI,IAAI,GAAGZ,cAAc;IAE/B,CAAC,CAAC;IACF,IAAIO,QAAQ,EAAE;MACZ,IAAIM,iBAAiB;MACrB,IAAIN,QAAQ,CAACO,OAAO,EAAE;QACpBD,iBAAiB,GAAGjC,sBAAsB,CACxC2B,QAAQ,CAACO,OAAO,EAChB7B,aAAa,CAAC8B,mBAChB,CAAC;MACH;MACA3B,QAAQ,CAAC;QACP4B,KAAK,EAAET,QAAQ,CAACG,SAAS;QACzBO,cAAc,EAAEJ;MAClB,CAAC,CAAC;MACFb,cAAc,GAAGO,QAAQ,CAACK,IAAI;IAChC;EACF,CAAC,CAAC;EAEF,OAAO;IACLb,IAAI,EAAE,SAANA,IAAIA,CAAA,EAAc;MAChBD,iBAAiB,CAAC,CAAC;MACnBG,0BAA0B,CAACiB,WAAW,CAAC,CAAC;IAC1C;EACF,CAAC;AACH","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackLoadingTime.js

@@ -0,0 +1,45 @@
+import { elapsed, ViewLoadingType } from '@cloudcare/browser-core';
+import { waitPageActivityEnd } from '../../waitPageActivityEnd';
+import { trackFirstHidden } from './trackFirstHidden';
+export function trackLoadingTime(lifeCycle, domMutationObservable, configuration, loadType, viewStart, callback) {
+  var isWaitingForLoadEvent = loadType === ViewLoadingType.INITIAL_LOAD;
+  var isWaitingForActivityLoadingTime = true;
+  var loadingTimeCandidates = [];
+  var firstHidden = trackFirstHidden(viewStart);
+  function invokeCallbackIfAllCandidatesAreReceived() {
+    if (!isWaitingForActivityLoadingTime && !isWaitingForLoadEvent && loadingTimeCandidates.length > 0) {
+      var loadingTime = Math.max.apply(Math, loadingTimeCandidates);
+      if (loadingTime < firstHidden.getTimeStamp() - viewStart.relative) {
+        callback(loadingTime);
+      }
+    }
+  }
+  var _waitPageActivityEnd = waitPageActivityEnd(lifeCycle, domMutationObservable, configuration, function (event) {
+    if (isWaitingForActivityLoadingTime) {
+      isWaitingForActivityLoadingTime = false;
+      if (event.hadActivity) {
+        loadingTimeCandidates.push(elapsed(viewStart.timeStamp, event.end));
+      }
+      invokeCallbackIfAllCandidatesAreReceived();
+    }
+  });
+  var _stop = _waitPageActivityEnd.stop;
+  return {
+    setLoadEvent: function setLoadEvent(loadEvent) {
+      if (isWaitingForLoadEvent) {
+        isWaitingForLoadEvent = false;
+        loadingTimeCandidates.push(loadEvent);
+        invokeCallbackIfAllCandidatesAreReceived();
+      }
+    },
+    stop: function stop() {
+      _stop();
+      firstHidden.stop();
+      if (isWaitingForActivityLoadingTime) {
+        isWaitingForActivityLoadingTime = false;
+        invokeCallbackIfAllCandidatesAreReceived();
+      }
+    }
+  };
+}
+//# sourceMappingURL=trackLoadingTime.js.map

package/esm/domain/rumEventsCollection/view/trackLoadingTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackLoadingTime.js","names":["elapsed","ViewLoadingType","waitPageActivityEnd","trackFirstHidden","trackLoadingTime","lifeCycle","domMutationObservable","configuration","loadType","viewStart","callback","isWaitingForLoadEvent","INITIAL_LOAD","isWaitingForActivityLoadingTime","loadingTimeCandidates","firstHidden","invokeCallbackIfAllCandidatesAreReceived","length","loadingTime","Math","max","apply","getTimeStamp","relative","_waitPageActivityEnd","event","hadActivity","push","timeStamp","end","stop","setLoadEvent","loadEvent"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackLoadingTime.js"],"sourcesContent":["import { elapsed, ViewLoadingType } from '@cloudcare/browser-core'\nimport { waitPageActivityEnd } from '../../waitPageActivityEnd'\nimport { trackFirstHidden } from './trackFirstHidden'\nexport function trackLoadingTime(\n  lifeCycle,\n  domMutationObservable,\n  configuration,\n  loadType,\n  viewStart,\n  callback\n) {\n  var isWaitingForLoadEvent = loadType === ViewLoadingType.INITIAL_LOAD\n  var isWaitingForActivityLoadingTime = true\n  var loadingTimeCandidates = []\n  var firstHidden = trackFirstHidden(viewStart)\n  function invokeCallbackIfAllCandidatesAreReceived() {\n    if (\n      !isWaitingForActivityLoadingTime &&\n      !isWaitingForLoadEvent &&\n      loadingTimeCandidates.length > 0\n    ) {\n      var loadingTime = Math.max.apply(Math, loadingTimeCandidates)\n      if (loadingTime < firstHidden.getTimeStamp() - viewStart.relative) {\n        callback(loadingTime)\n      }\n    }\n  }\n\n  var _waitPageActivityEnd = waitPageActivityEnd(\n    lifeCycle,\n    domMutationObservable,\n    configuration,\n    function (event) {\n      if (isWaitingForActivityLoadingTime) {\n        isWaitingForActivityLoadingTime = false\n        if (event.hadActivity) {\n          loadingTimeCandidates.push(elapsed(viewStart.timeStamp, event.end))\n        }\n        invokeCallbackIfAllCandidatesAreReceived()\n      }\n    }\n  )\n\n  var stop = _waitPageActivityEnd.stop\n  return {\n    setLoadEvent: function (loadEvent) {\n      if (isWaitingForLoadEvent) {\n        isWaitingForLoadEvent = false\n        loadingTimeCandidates.push(loadEvent)\n        invokeCallbackIfAllCandidatesAreReceived()\n      }\n    },\n    stop: function () {\n      stop()\n      firstHidden.stop()\n      if (isWaitingForActivityLoadingTime) {\n        isWaitingForActivityLoadingTime = false\n        invokeCallbackIfAllCandidatesAreReceived()\n      }\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,eAAe,QAAQ,yBAAyB;AAClE,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,OAAO,SAASC,gBAAgBA,CAC9BC,SAAS,EACTC,qBAAqB,EACrBC,aAAa,EACbC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACR;EACA,IAAIC,qBAAqB,GAAGH,QAAQ,KAAKP,eAAe,CAACW,YAAY;EACrE,IAAIC,+BAA+B,GAAG,IAAI;EAC1C,IAAIC,qBAAqB,GAAG,EAAE;EAC9B,IAAIC,WAAW,GAAGZ,gBAAgB,CAACM,SAAS,CAAC;EAC7C,SAASO,wCAAwCA,CAAA,EAAG;IAClD,IACE,CAACH,+BAA+B,IAChC,CAACF,qBAAqB,IACtBG,qBAAqB,CAACG,MAAM,GAAG,CAAC,EAChC;MACA,IAAIC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACC,KAAK,CAACF,IAAI,EAAEL,qBAAqB,CAAC;MAC7D,IAAII,WAAW,GAAGH,WAAW,CAACO,YAAY,CAAC,CAAC,GAAGb,SAAS,CAACc,QAAQ,EAAE;QACjEb,QAAQ,CAACQ,WAAW,CAAC;MACvB;IACF;EACF;EAEA,IAAIM,oBAAoB,GAAGtB,mBAAmB,CAC5CG,SAAS,EACTC,qBAAqB,EACrBC,aAAa,EACb,UAAUkB,KAAK,EAAE;IACf,IAAIZ,+BAA+B,EAAE;MACnCA,+BAA+B,GAAG,KAAK;MACvC,IAAIY,KAAK,CAACC,WAAW,EAAE;QACrBZ,qBAAqB,CAACa,IAAI,CAAC3B,OAAO,CAACS,SAAS,CAACmB,SAAS,EAAEH,KAAK,CAACI,GAAG,CAAC,CAAC;MACrE;MACAb,wCAAwC,CAAC,CAAC;IAC5C;EACF,CACF,CAAC;EAED,IAAIc,KAAI,GAAGN,oBAAoB,CAACM,IAAI;EACpC,OAAO;IACLC,YAAY,EAAE,SAAdA,YAAYA,CAAYC,SAAS,EAAE;MACjC,IAAIrB,qBAAqB,EAAE;QACzBA,qBAAqB,GAAG,KAAK;QAC7BG,qBAAqB,CAACa,IAAI,CAACK,SAAS,CAAC;QACrChB,wCAAwC,CAAC,CAAC;MAC5C;IACF,CAAC;IACDc,IAAI,EAAE,SAANA,IAAIA,CAAA,EAAc;MAChBA,KAAI,CAAC,CAAC;MACNf,WAAW,CAACe,IAAI,CAAC,CAAC;MAClB,IAAIjB,+BAA+B,EAAE;QACnCA,+BAA+B,GAAG,KAAK;QACvCG,wCAAwC,CAAC,CAAC;MAC5C;IACF;EACF,CAAC;AACH","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackNavigationTimings.js

@@ -0,0 +1,51 @@
+import { relativeNow, setTimeout, runOnReadyState, clearTimeout } from '@cloudcare/browser-core';
+import { getNavigationEntry } from '../../performanceUtils';
+export function trackNavigationTimings(configuration, callback, getNavigationEntryImpl) {
+  if (getNavigationEntryImpl === undefined) {
+    getNavigationEntryImpl = getNavigationEntry;
+  }
+  return waitAfterLoadEvent(function () {
+    var entry = getNavigationEntryImpl();
+    if (!isIncompleteNavigation(entry)) {
+      callback(processNavigationEntry(entry));
+    }
+  });
+}
+function processNavigationEntry(entry) {
+  return {
+    fetchStart: entry.fetchStart,
+    responseEnd: entry.responseEnd,
+    domComplete: entry.domComplete,
+    domContentLoaded: entry.domContentLoadedEventEnd,
+    domInteractive: entry.domInteractive,
+    loadEvent: entry.loadEventEnd,
+    loadEventEnd: entry.loadEventEnd,
+    loadEventStart: entry.loadEventStart,
+    domContentLoadedEventEnd: entry.domContentLoadedEventEnd,
+    domContentLoadedEventStart: entry.domContentLoadedEventStart,
+    // In some cases the value reported is negative or is larger
+    // than the current page time. Ignore these cases:
+    // https://github.com/GoogleChrome/web-vitals/issues/137
+    // https://github.com/GoogleChrome/web-vitals/issues/162
+    firstByte: entry.responseStart >= 0 && entry.responseStart <= relativeNow() ? entry.responseStart : undefined
+  };
+}
+function isIncompleteNavigation(entry) {
+  return entry.loadEventEnd <= 0;
+}
+function waitAfterLoadEvent(callback) {
+  var timeoutId;
+  var _runOnReadyState = runOnReadyState('complete', function () {
+    // Invoke the callback a bit after the actual load event, so the "loadEventEnd" timing is accurate
+    timeoutId = setTimeout(function () {
+      callback();
+    });
+  });
+  return {
+    stop: function stop() {
+      _runOnReadyState.stop();
+      clearTimeout(timeoutId);
+    }
+  };
+}
+//# sourceMappingURL=trackNavigationTimings.js.map

package/esm/domain/rumEventsCollection/view/trackNavigationTimings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackNavigationTimings.js","names":["relativeNow","setTimeout","runOnReadyState","clearTimeout","getNavigationEntry","trackNavigationTimings","configuration","callback","getNavigationEntryImpl","undefined","waitAfterLoadEvent","entry","isIncompleteNavigation","processNavigationEntry","fetchStart","responseEnd","domComplete","domContentLoaded","domContentLoadedEventEnd","domInteractive","loadEvent","loadEventEnd","loadEventStart","domContentLoadedEventStart","firstByte","responseStart","timeoutId","_runOnReadyState","stop"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackNavigationTimings.js"],"sourcesContent":["import {\n  relativeNow,\n  setTimeout,\n  runOnReadyState,\n  clearTimeout\n} from '@cloudcare/browser-core'\n\nimport { getNavigationEntry } from '../../performanceUtils'\nexport function trackNavigationTimings(\n  configuration,\n  callback,\n  getNavigationEntryImpl\n) {\n  if (getNavigationEntryImpl === undefined) {\n    getNavigationEntryImpl = getNavigationEntry\n  }\n  return waitAfterLoadEvent(function () {\n    var entry = getNavigationEntryImpl()\n\n    if (!isIncompleteNavigation(entry)) {\n      callback(processNavigationEntry(entry))\n    }\n  })\n}\n\nfunction processNavigationEntry(entry) {\n  return {\n    fetchStart: entry.fetchStart,\n    responseEnd: entry.responseEnd,\n    domComplete: entry.domComplete,\n    domContentLoaded: entry.domContentLoadedEventEnd,\n    domInteractive: entry.domInteractive,\n    loadEvent: entry.loadEventEnd,\n    loadEventEnd: entry.loadEventEnd,\n    loadEventStart: entry.loadEventStart,\n    domContentLoadedEventEnd: entry.domContentLoadedEventEnd,\n    domContentLoadedEventStart: entry.domContentLoadedEventStart,\n    // In some cases the value reported is negative or is larger\n    // than the current page time. Ignore these cases:\n    // https://github.com/GoogleChrome/web-vitals/issues/137\n    // https://github.com/GoogleChrome/web-vitals/issues/162\n    firstByte:\n      entry.responseStart >= 0 && entry.responseStart <= relativeNow()\n        ? entry.responseStart\n        : undefined\n  }\n}\n\nfunction isIncompleteNavigation(entry) {\n  return entry.loadEventEnd <= 0\n}\n\nfunction waitAfterLoadEvent(callback) {\n  var timeoutId\n  var _runOnReadyState = runOnReadyState('complete', function () {\n    // Invoke the callback a bit after the actual load event, so the \"loadEventEnd\" timing is accurate\n    timeoutId = setTimeout(function () {\n      callback()\n    })\n  })\n  return {\n    stop: function () {\n      _runOnReadyState.stop()\n      clearTimeout(timeoutId)\n    }\n  }\n}\n"],"mappings":"AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,eAAe,EACfC,YAAY,QACP,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,OAAO,SAASC,sBAAsBA,CACpCC,aAAa,EACbC,QAAQ,EACRC,sBAAsB,EACtB;EACA,IAAIA,sBAAsB,KAAKC,SAAS,EAAE;IACxCD,sBAAsB,GAAGJ,kBAAkB;EAC7C;EACA,OAAOM,kBAAkB,CAAC,YAAY;IACpC,IAAIC,KAAK,GAAGH,sBAAsB,CAAC,CAAC;IAEpC,IAAI,CAACI,sBAAsB,CAACD,KAAK,CAAC,EAAE;MAClCJ,QAAQ,CAACM,sBAAsB,CAACF,KAAK,CAAC,CAAC;IACzC;EACF,CAAC,CAAC;AACJ;AAEA,SAASE,sBAAsBA,CAACF,KAAK,EAAE;EACrC,OAAO;IACLG,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BC,WAAW,EAAEJ,KAAK,CAACI,WAAW;IAC9BC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,gBAAgB,EAAEN,KAAK,CAACO,wBAAwB;IAChDC,cAAc,EAAER,KAAK,CAACQ,cAAc;IACpCC,SAAS,EAAET,KAAK,CAACU,YAAY;IAC7BA,YAAY,EAAEV,KAAK,CAACU,YAAY;IAChCC,cAAc,EAAEX,KAAK,CAACW,cAAc;IACpCJ,wBAAwB,EAAEP,KAAK,CAACO,wBAAwB;IACxDK,0BAA0B,EAAEZ,KAAK,CAACY,0BAA0B;IAC5D;IACA;IACA;IACA;IACAC,SAAS,EACPb,KAAK,CAACc,aAAa,IAAI,CAAC,IAAId,KAAK,CAACc,aAAa,IAAIzB,WAAW,CAAC,CAAC,GAC5DW,KAAK,CAACc,aAAa,GACnBhB;EACR,CAAC;AACH;AAEA,SAASG,sBAAsBA,CAACD,KAAK,EAAE;EACrC,OAAOA,KAAK,CAACU,YAAY,IAAI,CAAC;AAChC;AAEA,SAASX,kBAAkBA,CAACH,QAAQ,EAAE;EACpC,IAAImB,SAAS;EACb,IAAIC,gBAAgB,GAAGzB,eAAe,CAAC,UAAU,EAAE,YAAY;IAC7D;IACAwB,SAAS,GAAGzB,UAAU,CAAC,YAAY;MACjCM,QAAQ,CAAC,CAAC;IACZ,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,OAAO;IACLqB,IAAI,EAAE,SAANA,IAAIA,CAAA,EAAc;MAChBD,gBAAgB,CAACC,IAAI,CAAC,CAAC;MACvBzB,YAAY,CAACuB,SAAS,CAAC;IACzB;EACF,CAAC;AACH","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackScrollMetrics.js

@@ -0,0 +1,84 @@
+import { ONE_SECOND, elapsed, relativeNow, throttle, addEventListener, DOM_EVENT, getScrollY, monitor, Observable } from '@cloudcare/browser-core';
+import { getViewportDimension } from '../../initViewportObservable';
+
+/** Arbitrary scroll throttle duration */
+export var THROTTLE_SCROLL_DURATION = ONE_SECOND;
+export function trackScrollMetrics(configuration, viewStart, callback, scrollValues) {
+  if (scrollValues === undefined) {
+    scrollValues = createScrollValuesObservable(configuration);
+  }
+  var maxScrollDepth = 0;
+  var maxScrollHeight = 0;
+  var maxScrollHeightTime = 0;
+  var subscription = scrollValues.subscribe(function (data) {
+    var scrollDepth = data.scrollDepth;
+    var scrollTop = data.scrollTop;
+    var scrollHeight = data.scrollHeight;
+    var shouldUpdate = false;
+    if (scrollDepth > maxScrollDepth) {
+      maxScrollDepth = scrollDepth;
+      shouldUpdate = true;
+    }
+    if (scrollHeight > maxScrollHeight) {
+      maxScrollHeight = scrollHeight;
+      var now = relativeNow();
+      maxScrollHeightTime = elapsed(viewStart.relative, now);
+      shouldUpdate = true;
+    }
+    if (shouldUpdate) {
+      callback({
+        maxDepth: Math.min(maxScrollDepth, maxScrollHeight),
+        maxDepthScrollTop: scrollTop,
+        maxScrollHeight: maxScrollHeight,
+        maxScrollHeightTime: maxScrollHeightTime
+      });
+    }
+  });
+  return {
+    stop: function stop() {
+      return subscription.unsubscribe();
+    }
+  };
+}
+export function computeScrollValues() {
+  var scrollTop = getScrollY();
+  var viewport = getViewportDimension();
+  var height = viewport.height;
+  var scrollHeight = Math.round((document.scrollingElement || document.documentElement).scrollHeight);
+  var scrollDepth = Math.round(height + scrollTop);
+  return {
+    scrollHeight: scrollHeight,
+    scrollDepth: scrollDepth,
+    scrollTop: scrollTop
+  };
+}
+export function createScrollValuesObservable(configuration, throttleDuration) {
+  if (throttleDuration === undefined) {
+    throttleDuration = THROTTLE_SCROLL_DURATION;
+  }
+  return new Observable(function (observable) {
+    function notify() {
+      observable.notify(computeScrollValues());
+    }
+    if (window.ResizeObserver) {
+      var throttledNotify = throttle(notify, throttleDuration, {
+        leading: false,
+        trailing: true
+      });
+      var observerTarget = document.scrollingElement || document.documentElement;
+      var resizeObserver = new ResizeObserver(monitor(throttledNotify.throttled));
+      if (observerTarget) {
+        resizeObserver.observe(observerTarget);
+      }
+      var eventListener = addEventListener(window, DOM_EVENT.SCROLL, throttledNotify.throttled, {
+        passive: true
+      });
+      return function () {
+        throttledNotify.cancel();
+        resizeObserver.unobserve(observerTarget);
+        eventListener.stop();
+      };
+    }
+  });
+}
+//# sourceMappingURL=trackScrollMetrics.js.map

package/esm/domain/rumEventsCollection/view/trackScrollMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackScrollMetrics.js","names":["ONE_SECOND","elapsed","relativeNow","throttle","addEventListener","DOM_EVENT","getScrollY","monitor","Observable","getViewportDimension","THROTTLE_SCROLL_DURATION","trackScrollMetrics","configuration","viewStart","callback","scrollValues","undefined","createScrollValuesObservable","maxScrollDepth","maxScrollHeight","maxScrollHeightTime","subscription","subscribe","data","scrollDepth","scrollTop","scrollHeight","shouldUpdate","now","relative","maxDepth","Math","min","maxDepthScrollTop","stop","unsubscribe","computeScrollValues","viewport","height","round","document","scrollingElement","documentElement","throttleDuration","observable","notify","window","ResizeObserver","throttledNotify","leading","trailing","observerTarget","resizeObserver","throttled","observe","eventListener","SCROLL","passive","cancel","unobserve"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackScrollMetrics.js"],"sourcesContent":["import {\n  ONE_SECOND,\n  elapsed,\n  relativeNow,\n  throttle,\n  addEventListener,\n  DOM_EVENT,\n  getScrollY,\n  monitor,\n  Observable\n} from '@cloudcare/browser-core'\nimport { getViewportDimension } from '../../initViewportObservable'\n\n/** Arbitrary scroll throttle duration */\nexport var THROTTLE_SCROLL_DURATION = ONE_SECOND\n\nexport function trackScrollMetrics(\n  configuration,\n  viewStart,\n  callback,\n  scrollValues\n) {\n  if (scrollValues === undefined) {\n    scrollValues = createScrollValuesObservable(configuration)\n  }\n  var maxScrollDepth = 0\n  var maxScrollHeight = 0\n  var maxScrollHeightTime = 0\n  var subscription = scrollValues.subscribe(function (data) {\n    var scrollDepth = data.scrollDepth\n    var scrollTop = data.scrollTop\n    var scrollHeight = data.scrollHeight\n    var shouldUpdate = false\n\n    if (scrollDepth > maxScrollDepth) {\n      maxScrollDepth = scrollDepth\n      shouldUpdate = true\n    }\n\n    if (scrollHeight > maxScrollHeight) {\n      maxScrollHeight = scrollHeight\n      var now = relativeNow()\n      maxScrollHeightTime = elapsed(viewStart.relative, now)\n      shouldUpdate = true\n    }\n\n    if (shouldUpdate) {\n      callback({\n        maxDepth: Math.min(maxScrollDepth, maxScrollHeight),\n        maxDepthScrollTop: scrollTop,\n        maxScrollHeight: maxScrollHeight,\n        maxScrollHeightTime: maxScrollHeightTime\n      })\n    }\n  })\n\n  return {\n    stop: function () {\n      return subscription.unsubscribe()\n    }\n  }\n}\n\nexport function computeScrollValues() {\n  var scrollTop = getScrollY()\n\n  var viewport = getViewportDimension()\n  var height = viewport.height\n  var scrollHeight = Math.round(\n    (document.scrollingElement || document.documentElement).scrollHeight\n  )\n  var scrollDepth = Math.round(height + scrollTop)\n\n  return {\n    scrollHeight: scrollHeight,\n    scrollDepth: scrollDepth,\n    scrollTop: scrollTop\n  }\n}\nexport function createScrollValuesObservable(configuration, throttleDuration) {\n  if (throttleDuration === undefined) {\n    throttleDuration = THROTTLE_SCROLL_DURATION\n  }\n  return new Observable(function (observable) {\n    function notify() {\n      observable.notify(computeScrollValues())\n    }\n\n    if (window.ResizeObserver) {\n      var throttledNotify = throttle(notify, throttleDuration, {\n        leading: false,\n        trailing: true\n      })\n\n      var observerTarget = document.scrollingElement || document.documentElement\n      var resizeObserver = new ResizeObserver(\n        monitor(throttledNotify.throttled)\n      )\n      if (observerTarget) {\n        resizeObserver.observe(observerTarget)\n      }\n      var eventListener = addEventListener(\n        window,\n        DOM_EVENT.SCROLL,\n        throttledNotify.throttled,\n        {\n          passive: true\n        }\n      )\n\n      return function () {\n        throttledNotify.cancel()\n        resizeObserver.unobserve(observerTarget)\n        eventListener.stop()\n      }\n    }\n  })\n}\n"],"mappings":"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","ignoreList":[]}

package/esm/domain/rumEventsCollection/view/trackViewEventCounts.js

@@ -0,0 +1,15 @@
+import { trackEventCounts } from '../../trackEventCounts';
+export function trackViewEventCounts(lifeCycle, viewId, onChange) {
+  var _trackEventCounts = trackEventCounts({
+    lifeCycle: lifeCycle,
+    isChildEvent: function isChildEvent(event) {
+      return event.view.id === viewId;
+    },
+    onChange: onChange
+  });
+  return {
+    stop: _trackEventCounts.stop,
+    eventCounts: _trackEventCounts.eventCounts
+  };
+}
+//# sourceMappingURL=trackViewEventCounts.js.map

package/esm/domain/rumEventsCollection/view/trackViewEventCounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trackViewEventCounts.js","names":["trackEventCounts","trackViewEventCounts","lifeCycle","viewId","onChange","_trackEventCounts","isChildEvent","event","view","id","stop","eventCounts"],"sources":["../../../../../rum/src/domain/rumEventsCollection/view/trackViewEventCounts.js"],"sourcesContent":["import { trackEventCounts } from '../../trackEventCounts'\n\nexport function trackViewEventCounts(lifeCycle, viewId, onChange) {\n  var _trackEventCounts = trackEventCounts({\n    lifeCycle: lifeCycle,\n    isChildEvent: function (event) {\n      return event.view.id === viewId\n    },\n    onChange: onChange\n  })\n  return {\n    stop: _trackEventCounts.stop,\n    eventCounts: _trackEventCounts.eventCounts\n  }\n}\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,SAASC,oBAAoBA,CAACC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,EAAE;EAChE,IAAIC,iBAAiB,GAAGL,gBAAgB,CAAC;IACvCE,SAAS,EAAEA,SAAS;IACpBI,YAAY,EAAE,SAAdA,YAAYA,CAAYC,KAAK,EAAE;MAC7B,OAAOA,KAAK,CAACC,IAAI,CAACC,EAAE,KAAKN,MAAM;IACjC,CAAC;IACDC,QAAQ,EAAEA;EACZ,CAAC,CAAC;EACF,OAAO;IACLM,IAAI,EAAEL,iBAAiB,CAACK,IAAI;IAC5BC,WAAW,EAAEN,iBAAiB,CAACM;EACjC,CAAC;AACH","ignoreList":[]}