@kubesense/kubesense-browser-rum-core 1.8.0 → 2.0.0-beta.1

package/cjs/browser/performanceObservable.js.map

@@ -1 +1 @@
-{"version":3,"file":"performanceObservable.js","sourceRoot":"","sources":["../../src/browser/performanceObservable.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"performanceObservable.js","names":["Observable","monitor","setTimeout","addEventListener","isAllowedRequestUrl","hasValidResourceEntryDuration"],"sources":["../../src/browser/performanceObservable.ts"],"sourcesContent":["import type { RelativeTime, Duration } from '@kubesense/kubesense-js-core/time'\nimport type { TimeoutId } from '@kubesense/kubesense-browser-core'\nimport { monitor } from '@kubesense/kubesense-js-core/monitor'\nimport { addEventListener, Observable, setTimeout, clearTimeout } from '@kubesense/kubesense-browser-core'\nimport { hasValidResourceEntryDuration, isAllowedRequestUrl } from '../domain/resource/resourceUtils'\n\ntype RumPerformanceObserverConstructor = new (callback: PerformanceObserverCallback) => RumPerformanceObserver\n\nexport interface BrowserWindow extends Window {\n  PerformanceObserver: RumPerformanceObserverConstructor\n  performance: Performance & { interactionCount?: number }\n}\n\nexport interface RumPerformanceObserver extends PerformanceObserver {\n  observe(options?: PerformanceObserverInit & { durationThreshold?: number }): void\n}\n\n// We want to use a real enum (i.e. not a const enum) here, to be able to check whether an arbitrary\n// string is an expected performance entry\n// eslint-disable-next-line no-restricted-syntax\nexport enum RumPerformanceEntryType {\n  EVENT = 'event',\n  FIRST_INPUT = 'first-input',\n  LARGEST_CONTENTFUL_PAINT = 'largest-contentful-paint',\n  LAYOUT_SHIFT = 'layout-shift',\n  LONG_TASK = 'longtask',\n  LONG_ANIMATION_FRAME = 'long-animation-frame',\n  NAVIGATION = 'navigation',\n  PAINT = 'paint',\n  RESOURCE = 'resource',\n  VISIBILITY_STATE = 'visibility-state',\n}\n\nexport interface RumPerformanceLongTaskTiming {\n  name: string\n  entryType: RumPerformanceEntryType.LONG_TASK\n  startTime: RelativeTime\n  duration: Duration\n  toJSON(): Omit<PerformanceEntry, 'toJSON'>\n}\n\nexport interface RumPerformanceResourceTiming {\n  entryType: RumPerformanceEntryType.RESOURCE\n  initiatorType: string\n  responseStatus?: number\n  name: string\n  startTime: RelativeTime\n  duration: Duration\n  fetchStart: RelativeTime\n  workerStart: RelativeTime\n  domainLookupStart: RelativeTime\n  domainLookupEnd: RelativeTime\n  connectStart: RelativeTime\n  secureConnectionStart: RelativeTime\n  connectEnd: RelativeTime\n  requestStart: RelativeTime\n  responseStart: RelativeTime\n  responseEnd: RelativeTime\n  redirectStart: RelativeTime\n  redirectEnd: RelativeTime\n  decodedBodySize?: number\n  encodedBodySize?: number\n  transferSize?: number\n  nextHopProtocol?: string\n  renderBlockingStatus?: string\n  deliveryType?: 'cache' | 'navigational-prefetch' | ''\n  contentType?: string\n  toJSON(): Omit<PerformanceEntry, 'toJSON'>\n}\n\nexport interface RumPerformancePaintTiming {\n  entryType: RumPerformanceEntryType.PAINT\n  name: 'first-paint' | 'first-contentful-paint'\n  startTime: RelativeTime\n  toJSON(): Omit<RumPerformancePaintTiming, 'toJSON'>\n}\n\nexport interface RumPerformanceNavigationTiming extends Omit<RumPerformanceResourceTiming, 'entryType'> {\n  entryType: RumPerformanceEntryType.NAVIGATION\n  initiatorType: 'navigation'\n  name: string\n\n  domComplete: RelativeTime\n  domContentLoadedEventEnd: RelativeTime\n  domInteractive: RelativeTime\n  loadEventEnd: RelativeTime\n\n  toJSON(): Omit<RumPerformanceNavigationTiming, 'toJSON'>\n}\n\nexport interface RumLargestContentfulPaintTiming {\n  entryType: RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT\n  startTime: RelativeTime\n  size: number\n  element?: Element\n  url?: string\n  toJSON(): Omit<RumLargestContentfulPaintTiming, 'toJSON'>\n}\n\nexport interface RumFirstInputTiming {\n  entryType: RumPerformanceEntryType.FIRST_INPUT\n  startTime: RelativeTime\n  processingStart: RelativeTime\n  processingEnd: RelativeTime\n  duration: Duration\n  target?: Node\n  interactionId?: number\n  toJSON(): Omit<RumFirstInputTiming, 'toJSON'>\n}\n\nexport interface RumPerformanceEventTiming {\n  entryType: RumPerformanceEntryType.EVENT\n  startTime: RelativeTime\n  processingStart: RelativeTime\n  processingEnd: RelativeTime\n  duration: Duration\n  interactionId?: number\n  target?: Node\n  name: string\n  toJSON(): Omit<RumPerformanceEventTiming, 'toJSON'>\n}\n\nexport interface RumLayoutShiftAttribution {\n  node: Node | null\n  previousRect: DOMRectReadOnly\n  currentRect: DOMRectReadOnly\n}\n\nexport interface RumLayoutShiftTiming {\n  entryType: RumPerformanceEntryType.LAYOUT_SHIFT\n  startTime: RelativeTime\n  value: number\n  hadRecentInput: boolean\n  sources: RumLayoutShiftAttribution[]\n  toJSON(): Omit<RumLayoutShiftTiming, 'toJSON'>\n}\n\n// Documentation https://developer.chrome.com/docs/web-platform/long-animation-frames#better-attribution\nexport interface RumPerformanceScriptTiming {\n  duration: Duration\n  entryType: 'script'\n  executionStart: RelativeTime\n  forcedStyleAndLayoutDuration: Duration\n  invoker: string // e.g. \"https://static.kubesense.ai/static/c/93085/chunk-bc4db53278fd4c77a637.min.js\"\n  invokerType:\n    'user-callback' | 'event-listener' | 'resolve-promise' | 'reject-promise' | 'classic-script' | 'module-script'\n  name: 'script'\n  pauseDuration: Duration\n  sourceCharPosition: number\n  sourceFunctionName: string\n  sourceURL: string\n  startTime: RelativeTime\n  window: Window\n  windowAttribution: string\n}\n\nexport interface RumPerformanceLongAnimationFrameTiming {\n  blockingDuration: Duration\n  duration: Duration\n  entryType: RumPerformanceEntryType.LONG_ANIMATION_FRAME\n  firstUIEventTimestamp: RelativeTime\n  name: 'long-animation-frame'\n  renderStart: RelativeTime\n  scripts: RumPerformanceScriptTiming[]\n  startTime: RelativeTime\n  styleAndLayoutStart: RelativeTime\n  toJSON(): Omit<RumPerformanceLongAnimationFrameTiming, 'toJSON'>\n}\n\nexport interface RumFirstHiddenTiming {\n  entryType: RumPerformanceEntryType.VISIBILITY_STATE\n  name: 'hidden' | 'visible'\n  startTime: RelativeTime\n  toJSON(): Omit<RumFirstHiddenTiming, 'toJSON'>\n}\n\nexport type RumPerformanceEntry =\n  | RumPerformanceResourceTiming\n  | RumPerformanceLongTaskTiming\n  | RumPerformanceLongAnimationFrameTiming\n  | RumPerformancePaintTiming\n  | RumPerformanceNavigationTiming\n  | RumLargestContentfulPaintTiming\n  | RumFirstInputTiming\n  | RumPerformanceEventTiming\n  | RumLayoutShiftTiming\n  | RumFirstHiddenTiming\n\nexport interface EntryTypeToReturnType {\n  [RumPerformanceEntryType.EVENT]: RumPerformanceEventTiming\n  [RumPerformanceEntryType.FIRST_INPUT]: RumFirstInputTiming\n  [RumPerformanceEntryType.LARGEST_CONTENTFUL_PAINT]: RumLargestContentfulPaintTiming\n  [RumPerformanceEntryType.LAYOUT_SHIFT]: RumLayoutShiftTiming\n  [RumPerformanceEntryType.PAINT]: RumPerformancePaintTiming\n  [RumPerformanceEntryType.LONG_TASK]: RumPerformanceLongTaskTiming\n  [RumPerformanceEntryType.LONG_ANIMATION_FRAME]: RumPerformanceLongAnimationFrameTiming\n  [RumPerformanceEntryType.NAVIGATION]: RumPerformanceNavigationTiming\n  [RumPerformanceEntryType.RESOURCE]: RumPerformanceResourceTiming\n  [RumPerformanceEntryType.VISIBILITY_STATE]: RumFirstHiddenTiming\n}\n\nexport function createPerformanceObservable<T extends RumPerformanceEntryType>(options: {\n  type: T\n  buffered?: boolean\n  durationThreshold?: number\n}) {\n  return new Observable<Array<EntryTypeToReturnType[T]>>((observable) => {\n    const handlePerformanceEntries = (entries: PerformanceEntryList) => {\n      const rumPerformanceEntries = filterRumPerformanceEntries(entries as Array<EntryTypeToReturnType[T]>)\n      if (rumPerformanceEntries.length > 0) {\n        observable.notify(rumPerformanceEntries)\n      }\n    }\n\n    let timeoutId: TimeoutId | undefined\n    let isObserverInitializing = true\n    const observer = new PerformanceObserver(\n      monitor((entries) => {\n        // In Safari the performance observer callback is synchronous.\n        // Because the buffered performance entry list can be quite large we delay the computation to prevent the SDK from blocking the main thread on init\n        if (isObserverInitializing) {\n          timeoutId = setTimeout(() => handlePerformanceEntries(entries.getEntries()))\n        } else {\n          handlePerformanceEntries(entries.getEntries())\n        }\n      })\n    )\n    observer.observe(options)\n    isObserverInitializing = false\n\n    manageResourceTimingBufferFull()\n\n    return () => {\n      observer.disconnect()\n      clearTimeout(timeoutId)\n    }\n  })\n}\n\nlet resourceTimingBufferFullListener: { stop: () => void } | undefined\nfunction manageResourceTimingBufferFull() {\n  if (!resourceTimingBufferFullListener && supportPerformanceObject() && 'addEventListener' in performance) {\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1559377\n    resourceTimingBufferFullListener = addEventListener(performance, 'resourcetimingbufferfull', () => {\n      performance.clearResourceTimings()\n    })\n  }\n}\n\nexport function resetManageResourceTimingBufferFull() {\n  if (resourceTimingBufferFullListener) {\n    resourceTimingBufferFullListener.stop()\n    resourceTimingBufferFullListener = undefined\n  }\n}\n\nfunction supportPerformanceObject() {\n  return window.performance !== undefined && 'getEntries' in performance\n}\n\nexport function supportPerformanceTimingEvent(entryType: RumPerformanceEntryType) {\n  return PerformanceObserver.supportedEntryTypes.includes(entryType)\n}\n\nfunction filterRumPerformanceEntries<T extends RumPerformanceEntryType>(entries: Array<EntryTypeToReturnType[T]>) {\n  return entries.filter((entry) => !isForbiddenResource(entry))\n}\n\nfunction isForbiddenResource(entry: RumPerformanceEntry) {\n  return (\n    entry.entryType === RumPerformanceEntryType.RESOURCE &&\n    (!isAllowedRequestUrl(entry.name) || !hasValidResourceEntryDuration(entry))\n  )\n}\n"],"mappings":";;;;AAoBA,IAAY,0BAAL,yBAAA,yBAAA;CACL,wBAAA,WAAA;CACA,wBAAA,iBAAA;CACA,wBAAA,8BAAA;CACA,wBAAA,kBAAA;CACA,wBAAA,eAAA;CACA,wBAAA,0BAAA;CACA,wBAAA,gBAAA;CACA,wBAAA,WAAA;CACA,wBAAA,cAAA;CACA,wBAAA,sBAAA;;AACF,EAAA,CAAA,CAAA;AA0KA,SAAgB,4BAA+D,SAI5E;CACD,OAAO,IAAIA,kCAAAA,YAA6C,eAAe;EACrE,MAAM,4BAA4B,YAAkC;GAClE,MAAM,wBAAwB,4BAA4B,OAA0C;GACpG,IAAI,sBAAsB,SAAS,GACjC,WAAW,OAAO,qBAAqB;EAE3C;EAEA,IAAI;EACJ,IAAI,yBAAyB;EAC7B,MAAM,WAAW,IAAI,qBAAA,GACnBC,qCAAAA,QAAAA,EAAS,YAAY;GAGnB,IAAI,wBACF,aAAA,GAAYC,kCAAAA,WAAAA,OAAiB,yBAAyB,QAAQ,WAAW,CAAC,CAAC;QAE3E,yBAAyB,QAAQ,WAAW,CAAC;EAEjD,CAAC,CACH;EACA,SAAS,QAAQ,OAAO;EACxB,yBAAyB;EAEzB,+BAA+B;EAE/B,aAAa;GACX,SAAS,WAAW;GACpB,CAAA,GAAA,kCAAA,aAAA,CAAa,SAAS;EACxB;CACF,CAAC;AACH;AAEA,IAAI;AACJ,SAAS,iCAAiC;CACxC,IAAI,CAAC,oCAAoC,yBAAyB,KAAK,sBAAsB,aAE3F,oCAAA,GAAmCC,kCAAAA,iBAAAA,CAAiB,aAAa,kCAAkC;EACjG,YAAY,qBAAqB;CACnC,CAAC;AAEL;AASA,SAAS,2BAA2B;CAClC,OAAO,OAAO,gBAAgB,KAAA,KAAa,gBAAgB;AAC7D;AAEA,SAAgB,8BAA8B,WAAoC;CAChF,OAAO,oBAAoB,oBAAoB,SAAS,SAAS;AACnE;AAEA,SAAS,4BAA+D,SAA0C;CAChH,OAAO,QAAQ,QAAQ,UAAU,CAAC,oBAAoB,KAAK,CAAC;AAC9D;AAEA,SAAS,oBAAoB,OAA4B;CACvD,OACE,MAAM,cAAA,eACL,CAACC,sBAAAA,oBAAoB,MAAM,IAAI,KAAK,CAACC,sBAAAA,8BAA8B,KAAK;AAE7E"}

package/cjs/browser/performanceUtils.d.ts

@@ -1,7 +1,19 @@
-import type { RelativeTime } from '@kubesense/kubesense-browser-core';
+import type { RelativeTime } from '@kubesense/kubesense-js-core/time';
+import type { RelevantNavigationTiming } from '../domain/view/viewMetrics/trackNavigationTimings';
 import type { RumPerformanceNavigationTiming } from './performanceObservable';
 export declare function getNavigationEntry(): RumPerformanceNavigationTiming;
 export type TimingsFromDeprecatedPerformanceTiming = {
     -readonly [key in keyof Omit<PerformanceTiming, 'toJSON'>]: RelativeTime;
 };
 export declare function computeTimingsFromDeprecatedPerformanceTiming(): TimingsFromDeprecatedPerformanceTiming;
+export declare function sanitizeFirstByte(entry: RelevantNavigationTiming): RelativeTime | undefined;
+export declare function getResourceEntries(): PerformanceEntryList | undefined;
+/**
+ * Find the most relevant resource entry for an LCP element.
+ *
+ * Resource entries persist for the entire page lifetime and can include multiple requests
+ * for the same URL (preloads, cache-busting reloads, SPA route changes, etc.).
+ * This function returns the most recent matching entry that started before the LCP time,
+ * which is most likely the one that triggered the LCP paint.
+ */
+export declare function findLcpResourceEntry(resourceUrl: string, lcpStartTime: RelativeTime): PerformanceResourceTiming | undefined;

package/cjs/browser/performanceUtils.js

@@ -1,42 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNavigationEntry = getNavigationEntry;
-exports.computeTimingsFromDeprecatedPerformanceTiming = computeTimingsFromDeprecatedPerformanceTiming;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const performanceObservable_1 = require("./performanceObservable");
+const require_performanceObservable = require("./performanceObservable.js");
+let _kubesense_kubesense_js_core_time = require("@kubesense/kubesense-js-core/time");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+//#region src/browser/performanceUtils.ts
+function isValidNavigationEntry(entry) {
+	return !(entry.loadEventEnd > 0 && entry.domComplete <= 0);
+}
 function getNavigationEntry() {
-    if ((0, performanceObservable_1.supportPerformanceTimingEvent)(performanceObservable_1.RumPerformanceEntryType.NAVIGATION)) {
-        const navigationEntry = performance.getEntriesByType(performanceObservable_1.RumPerformanceEntryType.NAVIGATION)[0];
-        if (navigationEntry) {
-            return navigationEntry;
-        }
-    }
-    const timings = computeTimingsFromDeprecatedPerformanceTiming();
-    const entry = {
-        entryType: performanceObservable_1.RumPerformanceEntryType.NAVIGATION,
-        initiatorType: 'navigation',
-        name: window.location.href,
-        startTime: 0,
-        duration: timings.loadEventEnd,
-        decodedBodySize: 0,
-        encodedBodySize: 0,
-        transferSize: 0,
-        workerStart: 0,
-        toJSON: () => ({ ...entry, toJSON: undefined }),
-        ...timings,
-    };
-    return entry;
+	if (require_performanceObservable.supportPerformanceTimingEvent("navigation")) {
+		const navigationEntry = performance.getEntriesByType("navigation")[0];
+		if (navigationEntry && isValidNavigationEntry(navigationEntry)) return navigationEntry;
+	}
+	const timings = computeTimingsFromDeprecatedPerformanceTiming();
+	const entry = {
+		entryType: "navigation",
+		initiatorType: "navigation",
+		name: window.location.href,
+		startTime: 0,
+		duration: timings.loadEventEnd,
+		decodedBodySize: 0,
+		encodedBodySize: 0,
+		transferSize: 0,
+		workerStart: 0,
+		toJSON: () => ({
+			...entry,
+			toJSON: void 0
+		}),
+		...timings
+	};
+	return entry;
 }
 function computeTimingsFromDeprecatedPerformanceTiming() {
-    const result = {};
-    const timing = performance.timing;
-    for (const key in timing) {
-        if ((0, kubesense_browser_core_1.isNumber)(timing[key])) {
-            const numberKey = key;
-            const timingElement = timing[numberKey];
-            result[numberKey] = timingElement === 0 ? 0 : (0, kubesense_browser_core_1.getRelativeTime)(timingElement);
-        }
-    }
-    return result;
+	const result = {};
+	const timing = performance.timing;
+	for (const key in timing) if ((0, _kubesense_kubesense_browser_core.isNumber)(timing[key])) {
+		const numberKey = key;
+		const timingElement = timing[numberKey];
+		result[numberKey] = timingElement === 0 ? 0 : (0, _kubesense_kubesense_js_core_time.toRelativeTime)(timingElement);
+	}
+	return result;
+}
+function sanitizeFirstByte(entry) {
+	return entry.responseStart > 0 && entry.responseStart <= (0, _kubesense_kubesense_js_core_time.relativeNow)() ? entry.responseStart : void 0;
 }
+function getResourceEntries() {
+	if (require_performanceObservable.supportPerformanceTimingEvent("resource")) return performance.getEntriesByType("resource");
+}
+/**
+* Find the most relevant resource entry for an LCP element.
+*
+* Resource entries persist for the entire page lifetime and can include multiple requests
+* for the same URL (preloads, cache-busting reloads, SPA route changes, etc.).
+* This function returns the most recent matching entry that started before the LCP time,
+* which is most likely the one that triggered the LCP paint.
+*/
+function findLcpResourceEntry(resourceUrl, lcpStartTime) {
+	const entries = getResourceEntries();
+	if (!entries) return;
+	return (0, _kubesense_kubesense_browser_core.findLast)(entries, (entry) => entry.name === resourceUrl && entry.startTime <= lcpStartTime);
+}
+//#endregion
+exports.computeTimingsFromDeprecatedPerformanceTiming = computeTimingsFromDeprecatedPerformanceTiming;
+exports.findLcpResourceEntry = findLcpResourceEntry;
+exports.getNavigationEntry = getNavigationEntry;
+exports.getResourceEntries = getResourceEntries;
+exports.sanitizeFirstByte = sanitizeFirstByte;
+
 //# sourceMappingURL=performanceUtils.js.map

package/cjs/browser/performanceUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"performanceUtils.js","sourceRoot":"","sources":["../../src/browser/performanceUtils.ts"],"names":[],"mappings":";;AAKA,gDA0BC;AAMD,sGAYC;AAhDD,8EAA6E;AAE7E,mEAAgG;AAEhG,SAAgB,kBAAkB;IAChC,IAAI,IAAA,qDAA6B,EAAC,+CAAuB,CAAC,UAAU,CAAC,EAAE,CAAC;QACtE,MAAM,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAClD,+CAAuB,CAAC,UAAU,CACnC,CAAC,CAAC,CAA8C,CAAA;QACjD,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,eAAe,CAAA;QACxB,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,6CAA6C,EAAE,CAAA;IAC/D,MAAM,KAAK,GAAmC;QAC5C,SAAS,EAAE,+CAAuB,CAAC,UAAmB;QACtD,aAAa,EAAE,YAAqB;QACpC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;QAC1B,SAAS,EAAE,CAAiB;QAC5B,QAAQ,EAAE,OAAO,CAAC,YAAY;QAC9B,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAiB;QAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAC/C,GAAG,OAAO;KACX,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAMD,SAAgB,6CAA6C;IAC3D,MAAM,MAAM,GAAoD,EAAE,CAAA;IAClE,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;IAEjC,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,IAAI,IAAA,iCAAQ,EAAC,MAAM,CAAC,GAA8B,CAAC,CAAC,EAAE,CAAC;YACrD,MAAM,SAAS,GAAG,GAAmD,CAAA;YACrE,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAc,CAAA;YACpD,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAE,CAAkB,CAAC,CAAC,CAAC,IAAA,wCAAe,EAAC,aAAa,CAAC,CAAA;QAChG,CAAC;IACH,CAAC;IACD,OAAO,MAAgD,CAAA;AACzD,CAAC"}
+{"version":3,"file":"performanceUtils.js","names":["supportPerformanceTimingEvent","isNumber","toRelativeTime","relativeNow","findLast"],"sources":["../../src/browser/performanceUtils.ts"],"sourcesContent":["import type { RelativeTime, TimeStamp } from '@kubesense/kubesense-js-core/time'\nimport { toRelativeTime, relativeNow } from '@kubesense/kubesense-js-core/time'\nimport { findLast, isNumber } from '@kubesense/kubesense-browser-core'\nimport type { RelevantNavigationTiming } from '../domain/view/viewMetrics/trackNavigationTimings'\nimport type { RumPerformanceNavigationTiming } from './performanceObservable'\nimport { RumPerformanceEntryType, supportPerformanceTimingEvent } from './performanceObservable'\n\nfunction isValidNavigationEntry(entry: Pick<RumPerformanceNavigationTiming, 'loadEventEnd' | 'domComplete'>) {\n  // WebKit 26.4 reports loadEventEnd/responseStart but leaves DOM timing fields at 0.\n  // performance.timing still has the correct values.\n  return !(entry.loadEventEnd > 0 && entry.domComplete <= 0)\n}\n\nexport function getNavigationEntry(): RumPerformanceNavigationTiming {\n  if (supportPerformanceTimingEvent(RumPerformanceEntryType.NAVIGATION)) {\n    const navigationEntry = performance.getEntriesByType(\n      RumPerformanceEntryType.NAVIGATION\n    )[0] as unknown as RumPerformanceNavigationTiming\n    if (navigationEntry && isValidNavigationEntry(navigationEntry)) {\n      return navigationEntry\n    }\n  }\n\n  const timings = computeTimingsFromDeprecatedPerformanceTiming()\n  const entry: RumPerformanceNavigationTiming = {\n    entryType: RumPerformanceEntryType.NAVIGATION as const,\n    initiatorType: 'navigation' as const,\n    name: window.location.href,\n    startTime: 0 as RelativeTime,\n    duration: timings.loadEventEnd,\n    decodedBodySize: 0,\n    encodedBodySize: 0,\n    transferSize: 0,\n    workerStart: 0 as RelativeTime,\n    toJSON: () => ({ ...entry, toJSON: undefined }),\n    ...timings,\n  }\n\n  return entry\n}\n\nexport type TimingsFromDeprecatedPerformanceTiming = {\n  -readonly [key in keyof Omit<PerformanceTiming, 'toJSON'>]: RelativeTime\n}\n\nexport function computeTimingsFromDeprecatedPerformanceTiming() {\n  const result: Partial<TimingsFromDeprecatedPerformanceTiming> = {}\n  const timing = performance.timing\n\n  for (const key in timing) {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    if (isNumber(timing[key as keyof PerformanceTiming])) {\n      const numberKey = key as keyof TimingsFromDeprecatedPerformanceTiming\n      const timingElement = timing[numberKey] as TimeStamp\n      result[numberKey] = timingElement === 0 ? (0 as RelativeTime) : toRelativeTime(timingElement)\n    }\n  }\n  return result as TimingsFromDeprecatedPerformanceTiming\n}\n\nexport function sanitizeFirstByte(entry: RelevantNavigationTiming) {\n  // In some cases the value reported is negative, zero (meaning unavailable, e.g. cross-origin\n  // without Timing-Allow-Origin), or larger 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  return entry.responseStart > 0 && entry.responseStart <= relativeNow() ? entry.responseStart : undefined\n}\n\nexport function getResourceEntries() {\n  if (supportPerformanceTimingEvent(RumPerformanceEntryType.RESOURCE)) {\n    return performance.getEntriesByType(RumPerformanceEntryType.RESOURCE)\n  }\n\n  return undefined\n}\n\n/**\n * Find the most relevant resource entry for an LCP element.\n *\n * Resource entries persist for the entire page lifetime and can include multiple requests\n * for the same URL (preloads, cache-busting reloads, SPA route changes, etc.).\n * This function returns the most recent matching entry that started before the LCP time,\n * which is most likely the one that triggered the LCP paint.\n */\nexport function findLcpResourceEntry(\n  resourceUrl: string,\n  lcpStartTime: RelativeTime\n): PerformanceResourceTiming | undefined {\n  const entries = getResourceEntries()\n  if (!entries) {\n    return undefined\n  }\n\n  return findLast(\n    entries,\n    (entry): entry is PerformanceResourceTiming => entry.name === resourceUrl && entry.startTime <= lcpStartTime\n  )\n}\n"],"mappings":";;;;AAOA,SAAS,uBAAuB,OAA6E;CAG3G,OAAO,EAAE,MAAM,eAAe,KAAK,MAAM,eAAe;AAC1D;AAEA,SAAgB,qBAAqD;CACnE,IAAIA,8BAAAA,8BAAAA,YAAgE,GAAG;EACrE,MAAM,kBAAkB,YAAY,iBAAA,YAEpC,CAAC,CAAC;EACF,IAAI,mBAAmB,uBAAuB,eAAe,GAC3D,OAAO;CAEX;CAEA,MAAM,UAAU,8CAA8C;CAC9D,MAAM,QAAwC;EAC5C,WAAA;EACA,eAAe;EACf,MAAM,OAAO,SAAS;EACtB,WAAW;EACX,UAAU,QAAQ;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,cAAc;EACd,aAAa;EACb,eAAe;GAAE,GAAG;GAAO,QAAQ,KAAA;EAAU;EAC7C,GAAG;CACL;CAEA,OAAO;AACT;AAMA,SAAgB,gDAAgD;CAC9D,MAAM,SAA0D,CAAC;CACjE,MAAM,SAAS,YAAY;CAE3B,KAAK,MAAM,OAAO,QAEhB,KAAA,GAAIC,kCAAAA,SAAAA,CAAS,OAAO,IAA+B,GAAG;EACpD,MAAM,YAAY;EAClB,MAAM,gBAAgB,OAAO;EAC7B,OAAO,aAAa,kBAAkB,IAAK,KAAA,GAAqBC,kCAAAA,eAAAA,CAAe,aAAa;CAC9F;CAEF,OAAO;AACT;AAEA,SAAgB,kBAAkB,OAAiC;CAKjE,OAAO,MAAM,gBAAgB,KAAK,MAAM,kBAAA,GAAiBC,kCAAAA,YAAAA,CAAY,IAAI,MAAM,gBAAgB,KAAA;AACjG;AAEA,SAAgB,qBAAqB;CACnC,IAAIH,8BAAAA,8BAAAA,UAA8D,GAChE,OAAO,YAAY,iBAAA,UAAiD;AAIxE;;;;;;;;;AAUA,SAAgB,qBACd,aACA,cACuC;CACvC,MAAM,UAAU,mBAAmB;CACnC,IAAI,CAAC,SACH;CAGF,QAAA,GAAOI,kCAAAA,SAAAA,CACL,UACC,UAA8C,MAAM,SAAS,eAAe,MAAM,aAAa,YAClG;AACF"}

package/cjs/browser/scroll.js

@@ -1,33 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getScrollX = getScrollX;
-exports.getScrollY = getScrollY;
+//#region src/browser/scroll.ts
 function getScrollX() {
-    let scrollX;
-    const visual = window.visualViewport;
-    if (visual) {
-        scrollX = visual.pageLeft - visual.offsetLeft;
-    }
-    else if (window.scrollX !== undefined) {
-        scrollX = window.scrollX;
-    }
-    else {
-        scrollX = window.pageXOffset || 0;
-    }
-    return Math.round(scrollX);
+	let scrollX;
+	const visual = window.visualViewport;
+	if (visual) scrollX = visual.pageLeft - visual.offsetLeft;
+	else if (window.scrollX !== void 0) scrollX = window.scrollX;
+	else scrollX = window.pageXOffset || 0;
+	return Math.round(scrollX);
 }
 function getScrollY() {
-    let scrollY;
-    const visual = window.visualViewport;
-    if (visual) {
-        scrollY = visual.pageTop - visual.offsetTop;
-    }
-    else if (window.scrollY !== undefined) {
-        scrollY = window.scrollY;
-    }
-    else {
-        scrollY = window.pageYOffset || 0;
-    }
-    return Math.round(scrollY);
+	let scrollY;
+	const visual = window.visualViewport;
+	if (visual) scrollY = visual.pageTop - visual.offsetTop;
+	else if (window.scrollY !== void 0) scrollY = window.scrollY;
+	else scrollY = window.pageYOffset || 0;
+	return Math.round(scrollY);
 }
+//#endregion
+exports.getScrollX = getScrollX;
+exports.getScrollY = getScrollY;
+
 //# sourceMappingURL=scroll.js.map

package/cjs/browser/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../src/browser/scroll.ts"],"names":[],"mappings":";;AAAA,gCAWC;AAED,gCAWC;AAxBD,SAAgB,UAAU;IACxB,IAAI,OAAO,CAAA;IACX,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAA;IACpC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAA;IAC/C,CAAC;SAAM,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACxC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;IAC1B,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAA;IACnC,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAC5B,CAAC;AAED,SAAgB,UAAU;IACxB,IAAI,OAAO,CAAA;IACX,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAA;IACpC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,CAAA;IAC7C,CAAC;SAAM,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACxC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;IAC1B,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAA;IACnC,CAAC;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAC5B,CAAC"}
+{"version":3,"file":"scroll.js","names":[],"sources":["../../src/browser/scroll.ts"],"sourcesContent":["export function getScrollX() {\n  let scrollX\n  const visual = window.visualViewport\n  if (visual) {\n    scrollX = visual.pageLeft - visual.offsetLeft\n  } else if (window.scrollX !== undefined) {\n    scrollX = window.scrollX\n  } else {\n    scrollX = window.pageXOffset || 0\n  }\n  return Math.round(scrollX)\n}\n\nexport function getScrollY() {\n  let scrollY\n  const visual = window.visualViewport\n  if (visual) {\n    scrollY = visual.pageTop - visual.offsetTop\n  } else if (window.scrollY !== undefined) {\n    scrollY = window.scrollY\n  } else {\n    scrollY = window.pageYOffset || 0\n  }\n  return Math.round(scrollY)\n}\n"],"mappings":";AAAA,SAAgB,aAAa;CAC3B,IAAI;CACJ,MAAM,SAAS,OAAO;CACtB,IAAI,QACF,UAAU,OAAO,WAAW,OAAO;MAC9B,IAAI,OAAO,YAAY,KAAA,GAC5B,UAAU,OAAO;MAEjB,UAAU,OAAO,eAAe;CAElC,OAAO,KAAK,MAAM,OAAO;AAC3B;AAEA,SAAgB,aAAa;CAC3B,IAAI;CACJ,MAAM,SAAS,OAAO;CACtB,IAAI,QACF,UAAU,OAAO,UAAU,OAAO;MAC7B,IAAI,OAAO,YAAY,KAAA,GAC5B,UAAU,OAAO;MAEjB,UAAU,OAAO,eAAe;CAElC,OAAO,KAAK,MAAM,OAAO;AAC3B"}

package/cjs/browser/viewportObservable.d.ts

@@ -1,10 +1,9 @@
 import { Observable } from '@kubesense/kubesense-browser-core';
-import type { RumConfiguration } from '../domain/configuration';
 export interface ViewportDimension {
     height: number;
     width: number;
     [k: string]: unknown;
 }
-export declare function initViewportObservable(configuration: RumConfiguration): Observable<ViewportDimension>;
-export declare function createViewportObservable(configuration: RumConfiguration): Observable<ViewportDimension>;
+export declare function initViewportObservable(): Observable<ViewportDimension>;
+export declare function createViewportObservable(): Observable<ViewportDimension>;
 export declare function getViewportDimension(): ViewportDimension;

package/cjs/browser/viewportObservable.js

@@ -1,37 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initViewportObservable = initViewportObservable;
-exports.createViewportObservable = createViewportObservable;
-exports.getViewportDimension = getViewportDimension;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+//#region src/browser/viewportObservable.ts
 let viewportObservable;
-function initViewportObservable(configuration) {
-    if (!viewportObservable) {
-        viewportObservable = createViewportObservable(configuration);
-    }
-    return viewportObservable;
+function initViewportObservable() {
+	if (!viewportObservable) viewportObservable = createViewportObservable();
+	return viewportObservable;
 }
-function createViewportObservable(configuration) {
-    return new kubesense_browser_core_1.Observable((observable) => {
-        const { throttled: updateDimension } = (0, kubesense_browser_core_1.throttle)(() => {
-            observable.notify(getViewportDimension());
-        }, 200);
-        return (0, kubesense_browser_core_1.addEventListener)(configuration, window, "resize" /* DOM_EVENT.RESIZE */, updateDimension, { capture: true, passive: true })
-            .stop;
-    });
+function createViewportObservable() {
+	return new _kubesense_kubesense_browser_core.Observable((observable) => {
+		const { throttled: updateDimension } = (0, _kubesense_kubesense_browser_core.throttle)(() => {
+			observable.notify(getViewportDimension());
+		}, 200);
+		return (0, _kubesense_kubesense_browser_core.addEventListener)(window, _kubesense_kubesense_browser_core.DOM_EVENT.RESIZE, updateDimension, {
+			capture: true,
+			passive: true
+		}).stop;
+	});
 }
-// excludes the width and height of any rendered classic scrollbar that is fixed to the visual viewport
 function getViewportDimension() {
-    const visual = window.visualViewport;
-    if (visual) {
-        return {
-            width: Number(visual.width * visual.scale),
-            height: Number(visual.height * visual.scale),
-        };
-    }
-    return {
-        width: Number(window.innerWidth || 0),
-        height: Number(window.innerHeight || 0),
-    };
+	const visual = window.visualViewport;
+	if (visual) return {
+		width: Number(visual.width * visual.scale),
+		height: Number(visual.height * visual.scale)
+	};
+	return {
+		width: Number(window.innerWidth || 0),
+		height: Number(window.innerHeight || 0)
+	};
 }
+//#endregion
+exports.createViewportObservable = createViewportObservable;
+exports.getViewportDimension = getViewportDimension;
+exports.initViewportObservable = initViewportObservable;
+
 //# sourceMappingURL=viewportObservable.js.map

package/cjs/browser/viewportObservable.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewportObservable.js","sourceRoot":"","sources":["../../src/browser/viewportObservable.ts"],"names":[],"mappings":";;AAWA,wDAKC;AAED,4DASC;AAGD,oDAaC;AA3CD,8EAAqG;AASrG,IAAI,kBAA6D,CAAA;AAEjE,SAAgB,sBAAsB,CAAC,aAA+B;IACpE,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,kBAAkB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAA;IAC9D,CAAC;IACD,OAAO,kBAAkB,CAAA;AAC3B,CAAC;AAED,SAAgB,wBAAwB,CAAC,aAA+B;IACtE,OAAO,IAAI,mCAAU,CAAoB,CAAC,UAAU,EAAE,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,iCAAQ,EAAC,GAAG,EAAE;YACnD,UAAU,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAA;QAC3C,CAAC,EAAE,GAAG,CAAC,CAAA;QAEP,OAAO,IAAA,yCAAgB,EAAC,aAAa,EAAE,MAAM,mCAAoB,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAChH,IAAI,CAAA;IACT,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,uGAAuG;AACvG,SAAgB,oBAAoB;IAClC,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAA;IACpC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;SAC7C,CAAA;IACH,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;QACrC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC;KACxC,CAAA;AACH,CAAC"}
+{"version":3,"file":"viewportObservable.js","names":["Observable","throttle","addEventListener","DOM_EVENT"],"sources":["../../src/browser/viewportObservable.ts"],"sourcesContent":["import { Observable, throttle, addEventListener, DOM_EVENT } from '@kubesense/kubesense-browser-core'\n\nexport interface ViewportDimension {\n  height: number\n  width: number\n  [k: string]: unknown\n}\n\nlet viewportObservable: Observable<ViewportDimension> | undefined\n\nexport function initViewportObservable() {\n  if (!viewportObservable) {\n    viewportObservable = createViewportObservable()\n  }\n  return viewportObservable\n}\n\nexport function createViewportObservable() {\n  return new Observable<ViewportDimension>((observable) => {\n    const { throttled: updateDimension } = throttle(() => {\n      observable.notify(getViewportDimension())\n    }, 200)\n\n    return addEventListener(window, DOM_EVENT.RESIZE, updateDimension, { capture: true, passive: true }).stop\n  })\n}\n\n// excludes the width and height of any rendered classic scrollbar that is fixed to the visual viewport\nexport function getViewportDimension(): ViewportDimension {\n  const visual = window.visualViewport\n  if (visual) {\n    return {\n      width: Number(visual.width * visual.scale),\n      height: Number(visual.height * visual.scale),\n    }\n  }\n\n  return {\n    width: Number(window.innerWidth || 0),\n    height: Number(window.innerHeight || 0),\n  }\n}\n"],"mappings":";;AAQA,IAAI;AAEJ,SAAgB,yBAAyB;CACvC,IAAI,CAAC,oBACH,qBAAqB,yBAAyB;CAEhD,OAAO;AACT;AAEA,SAAgB,2BAA2B;CACzC,OAAO,IAAIA,kCAAAA,YAA+B,eAAe;EACvD,MAAM,EAAE,WAAW,qBAAA,GAAoBC,kCAAAA,SAAAA,OAAe;GACpD,WAAW,OAAO,qBAAqB,CAAC;EAC1C,GAAG,GAAG;EAEN,QAAA,GAAOC,kCAAAA,iBAAAA,CAAiB,QAAQC,kCAAAA,UAAU,QAAQ,iBAAiB;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC,CAAC,CAAC;CACvG,CAAC;AACH;AAGA,SAAgB,uBAA0C;CACxD,MAAM,SAAS,OAAO;CACtB,IAAI,QACF,OAAO;EACL,OAAO,OAAO,OAAO,QAAQ,OAAO,KAAK;EACzC,QAAQ,OAAO,OAAO,SAAS,OAAO,KAAK;CAC7C;CAGF,OAAO;EACL,OAAO,OAAO,OAAO,cAAc,CAAC;EACpC,QAAQ,OAAO,OAAO,eAAe,CAAC;CACxC;AACF"}

package/cjs/browser/windowOpenObservable.js

@@ -1,10 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createWindowOpenObservable = createWindowOpenObservable;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+//#region src/browser/windowOpenObservable.ts
 function createWindowOpenObservable() {
-    const observable = new kubesense_browser_core_1.Observable();
-    const { stop } = (0, kubesense_browser_core_1.instrumentMethod)(window, 'open', () => observable.notify());
-    return { observable, stop };
+	const observable = new _kubesense_kubesense_browser_core.Observable();
+	const { stop } = (0, _kubesense_kubesense_browser_core.instrumentMethod)(window, "open", () => observable.notify());
+	return {
+		observable,
+		stop
+	};
 }
+//#endregion
+exports.createWindowOpenObservable = createWindowOpenObservable;
+
 //# sourceMappingURL=windowOpenObservable.js.map

package/cjs/browser/windowOpenObservable.js.map

@@ -1 +1 @@
-{"version":3,"file":"windowOpenObservable.js","sourceRoot":"","sources":["../../src/browser/windowOpenObservable.ts"],"names":[],"mappings":";;AAEA,gEAIC;AAND,8EAAgF;AAEhF,SAAgB,0BAA0B;IACxC,MAAM,UAAU,GAAG,IAAI,mCAAU,EAAQ,CAAA;IACzC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,yCAAgB,EAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAA;IAC5E,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;AAC7B,CAAC"}
+{"version":3,"file":"windowOpenObservable.js","names":["Observable","instrumentMethod"],"sources":["../../src/browser/windowOpenObservable.ts"],"sourcesContent":["import { instrumentMethod, Observable } from '@kubesense/kubesense-browser-core'\n\nexport function createWindowOpenObservable() {\n  const observable = new Observable<void>()\n  const { stop } = instrumentMethod(window, 'open', () => observable.notify())\n  return { observable, stop }\n}\n"],"mappings":";;AAEA,SAAgB,6BAA6B;CAC3C,MAAM,aAAa,IAAIA,kCAAAA,WAAiB;CACxC,MAAM,EAAE,UAAA,GAASC,kCAAAA,iBAAAA,CAAiB,QAAQ,cAAc,WAAW,OAAO,CAAC;CAC3E,OAAO;EAAE;EAAY;CAAK;AAC5B"}

package/cjs/domain/action/actionCollection.d.ts

@@ -1,21 +1,20 @@
-import type { ClocksState, Context, Observable } from '@kubesense/kubesense-browser-core';
-import { ActionType } from '../../rawRumEvent.types';
+import type { RelativeTime, Duration } from '@kubesense/kubesense-js-core/time';
+import type { Observable } from '@kubesense/kubesense-browser-core';
 import type { LifeCycle } from '../lifeCycle';
 import type { RumConfiguration } from '../configuration';
 import type { Hooks } from '../hooks';
 import type { RumMutationRecord } from '../../browser/domMutationObservable';
-import type { ActionContexts, ClickAction } from './trackClickActions';
-export type { ActionContexts };
-export interface CustomAction {
-    type: typeof ActionType.CUSTOM;
-    name: string;
-    startClocks: ClocksState;
-    context?: Context;
-    handlingStack?: string;
-}
+import type { ClickAction } from './trackClickActions';
+import type { ManualAction } from './trackManualActions';
 export type AutoAction = ClickAction;
+export interface ActionContexts {
+    findActionId: (startTime?: RelativeTime) => string[];
+}
+export declare const LONG_TASK_START_TIME_CORRECTION: Duration;
 export declare function startActionCollection(lifeCycle: LifeCycle, hooks: Hooks, domMutationObservable: Observable<RumMutationRecord[]>, windowOpenObservable: Observable<void>, configuration: RumConfiguration): {
-    addAction: (action: CustomAction) => void;
+    addAction: (action: Omit<ManualAction, "id" | "duration" | "counts" | "frustrationTypes">) => void;
+    startAction: (name: string, options?: import("./trackManualActions").ActionOptions, startClocks?: import("@kubesense/kubesense-js-core/time").ClocksState) => void;
+    stopAction: (name: string, options?: import("./trackManualActions").ActionOptions, stopClocks?: import("@kubesense/kubesense-js-core/time").ClocksState) => void;
     actionContexts: ActionContexts;
     stop: () => void;
 };

package/cjs/domain/action/actionCollection.js

@@ -1,96 +1,89 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.startActionCollection = startActionCollection;
-const kubesense_browser_core_1 = require("@kubesense/kubesense-browser-core");
-const discardNegativeDuration_1 = require("../discardNegativeDuration");
-const rawRumEvent_types_1 = require("../../rawRumEvent.types");
-const trackClickActions_1 = require("./trackClickActions");
+const require_rawRumEvent_types = require("../../rawRumEvent.types.js");
+require("../lifeCycle.js");
+const require_discardNegativeDuration = require("../discardNegativeDuration.js");
+const require_trackClickActions = require("./trackClickActions.js");
+const require_trackManualActions = require("./trackManualActions.js");
+let _kubesense_kubesense_js_core_time = require("@kubesense/kubesense-js-core/time");
+let _kubesense_kubesense_browser_core = require("@kubesense/kubesense-browser-core");
+let _kubesense_kubesense_js_core_assembly = require("@kubesense/kubesense-js-core/assembly");
 function startActionCollection(lifeCycle, hooks, domMutationObservable, windowOpenObservable, configuration) {
-    const { unsubscribe: unsubscribeAutoAction } = lifeCycle.subscribe(0 /* LifeCycleEventType.AUTO_ACTION_COMPLETED */, (action) => {
-        lifeCycle.notify(12 /* LifeCycleEventType.RAW_RUM_EVENT_COLLECTED */, processAction(action));
-    });
-    hooks.register(0 /* HookNames.Assemble */, ({ startTime, eventType }) => {
-        if (eventType !== rawRumEvent_types_1.RumEventType.ERROR &&
-            eventType !== rawRumEvent_types_1.RumEventType.RESOURCE &&
-            eventType !== rawRumEvent_types_1.RumEventType.LONG_TASK) {
-            return kubesense_browser_core_1.SKIPPED;
-        }
-        const actionId = actionContexts.findActionId(startTime);
-        if (!actionId) {
-            return kubesense_browser_core_1.SKIPPED;
-        }
-        return {
-            type: eventType,
-            action: { id: actionId },
-        };
-    });
-    hooks.register(1 /* HookNames.AssembleTelemetry */, ({ startTime }) => ({
-        action: { id: actionContexts.findActionId(startTime) },
-    }));
-    let actionContexts = { findActionId: kubesense_browser_core_1.noop };
-    let stop = kubesense_browser_core_1.noop;
-    if (configuration.trackUserInteractions) {
-        ;
-        ({ actionContexts, stop } = (0, trackClickActions_1.trackClickActions)(lifeCycle, domMutationObservable, windowOpenObservable, configuration));
-    }
-    return {
-        addAction: (action) => {
-            lifeCycle.notify(12 /* LifeCycleEventType.RAW_RUM_EVENT_COLLECTED */, processAction(action));
-        },
-        actionContexts,
-        stop: () => {
-            unsubscribeAutoAction();
-            stop();
-        },
-    };
+	const { unsubscribe: unsubscribeAutoAction } = lifeCycle.subscribe(0, (action) => {
+		lifeCycle.notify(13, processAction(action));
+	});
+	const stopClickActions = _kubesense_kubesense_browser_core.noop;
+	let clickActions;
+	if (configuration.trackUserInteractions) clickActions = require_trackClickActions.trackClickActions(lifeCycle, domMutationObservable, windowOpenObservable, configuration);
+	const manualActions = require_trackManualActions.trackManualActions(lifeCycle, (action) => {
+		lifeCycle.notify(13, processAction(action));
+	});
+	const actionContexts = { findActionId: (startTime) => {
+		const manualActionId = manualActions.findActionId(startTime);
+		const clickActionId = clickActions?.findActionId(startTime) ?? [];
+		return manualActionId.concat(clickActionId);
+	} };
+	hooks.assembleEventDefaults.register(({ startTime, eventType }) => {
+		if (eventType !== require_rawRumEvent_types.RumEventType.ERROR && eventType !== require_rawRumEvent_types.RumEventType.RESOURCE && eventType !== require_rawRumEvent_types.RumEventType.LONG_TASK) return _kubesense_kubesense_js_core_assembly.SKIPPED;
+		const correctedStartTime = eventType === require_rawRumEvent_types.RumEventType.LONG_TASK ? (0, _kubesense_kubesense_js_core_time.addDuration)(startTime, 1) : startTime;
+		const actionId = actionContexts.findActionId(correctedStartTime);
+		if (!actionId.length) return _kubesense_kubesense_js_core_assembly.SKIPPED;
+		return {
+			type: eventType,
+			action: { id: actionId }
+		};
+	});
+	hooks.assembleTelemetry.register(({ startTime }) => ({ action: { id: actionContexts.findActionId(startTime) } }));
+	return {
+		addAction: manualActions.addAction,
+		startAction: manualActions.startAction,
+		stopAction: manualActions.stopAction,
+		actionContexts,
+		stop: () => {
+			unsubscribeAutoAction();
+			stopClickActions();
+			manualActions.stop();
+			clickActions?.stop();
+		}
+	};
 }
 function processAction(action) {
-    const autoActionProperties = isAutoAction(action)
-        ? {
-            action: {
-                id: action.id,
-                loading_time: (0, discardNegativeDuration_1.discardNegativeDuration)((0, kubesense_browser_core_1.toServerDuration)(action.duration)),
-                frustration: {
-                    type: action.frustrationTypes,
-                },
-                error: {
-                    count: action.counts.errorCount,
-                },
-                long_task: {
-                    count: action.counts.longTaskCount,
-                },
-                resource: {
-                    count: action.counts.resourceCount,
-                },
-            },
-            _kubesense: {
-                action: {
-                    target: action.target,
-                    position: action.position,
-                    name_source: action.nameSource,
-                },
-            },
-        }
-        : {
-            context: action.context,
-        };
-    const actionEvent = (0, kubesense_browser_core_1.combine)({
-        action: { id: (0, kubesense_browser_core_1.generateUUID)(), target: { name: action.name }, type: action.type },
-        date: action.startClocks.timeStamp,
-        type: rawRumEvent_types_1.RumEventType.ACTION,
-    }, autoActionProperties);
-    const duration = isAutoAction(action) ? action.duration : undefined;
-    const domainContext = isAutoAction(action)
-        ? { events: action.events }
-        : { handlingStack: action.handlingStack };
-    return {
-        rawRumEvent: actionEvent,
-        duration,
-        startTime: action.startClocks.relative,
-        domainContext,
-    };
+	const isAuto = isAutoAction(action);
+	const loadingTime = require_discardNegativeDuration.discardNegativeDuration((0, _kubesense_kubesense_js_core_time.toServerDuration)(action.duration));
+	return {
+		rawRumEvent: {
+			type: require_rawRumEvent_types.RumEventType.ACTION,
+			date: action.startClocks.timeStamp,
+			action: {
+				id: action.id,
+				target: { name: action.name },
+				type: action.type,
+				...loadingTime !== void 0 && { loading_time: loadingTime },
+				...action.counts && {
+					error: { count: action.counts.errorCount },
+					long_task: { count: action.counts.longTaskCount },
+					resource: { count: action.counts.resourceCount }
+				},
+				frustration: { type: action.frustrationTypes }
+			},
+			...isAuto ? { _kubesense: { action: {
+				target: {
+					selector: action.target?.selector || void 0,
+					width: action.target?.width || void 0,
+					height: action.target?.height || void 0,
+					composed_path_selector: action.target?.composedPathSelector
+				},
+				position: action.position,
+				name_source: action.nameSource
+			} } } : { context: action.context }
+		},
+		duration: action.duration,
+		startClocks: action.startClocks,
+		domainContext: isAuto ? { events: action.events } : { handlingStack: action.handlingStack }
+	};
 }
 function isAutoAction(action) {
-    return action.type !== rawRumEvent_types_1.ActionType.CUSTOM;
+	return "events" in action;
 }
+//#endregion
+exports.startActionCollection = startActionCollection;
+
 //# sourceMappingURL=actionCollection.js.map