@datadog/browser-rum-core - npm Package Compare versions

Comparing version 5.13.0 to 5.14.0

cjs/domain/action/computeFrustration.js

@@ -5,2 +5,3 @@ "use strict";
 var browser_core_1 = require("@datadog/browser-core");
+var polyfills_1 = require("../../browser/polyfills");
 var MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE = 3;
@@ -33,3 +34,3 @@ function computeFrustration(clicks, rageClick) {
 function isRage(clicks) {
-    if (clicks.some(function (click) { return click.getUserActivity().selection; })) {
+    if (clicks.some(function (click) { return click.getUserActivity().selection || click.getUserActivity().scroll; })) {
         return false;
@@ -62,8 +63,8 @@ }
 function isDead(click) {
-    if (click.hasPageActivity || click.getUserActivity().input) {
+    if (click.hasPageActivity || click.getUserActivity().input || click.getUserActivity().scroll) {
         return false;
     }
-    return !(0, browser_core_1.elementMatches)(click.event.target, DEAD_CLICK_EXCLUDE_SELECTOR);
+    return !(0, polyfills_1.elementMatches)(click.event.target, DEAD_CLICK_EXCLUDE_SELECTOR);
 }
 exports.isDead = isDead;
 //# sourceMappingURL=computeFrustration.js.map

cjs/domain/action/getActionNameFromElement.js

@@ -5,2 +5,3 @@ "use strict";
 var browser_core_1 = require("@datadog/browser-core");
+var polyfills_1 = require("../../browser/polyfills");
 /**
@@ -41,3 +42,3 @@ * Get the action name from the attribute 'data-dd-action-name' on the element or any of its parent.
             }
-            element = element.parentElement;
+            element = (0, polyfills_1.getParentElement)(element);
         }
@@ -138,3 +139,3 @@ }
         }
-        element = element.parentElement;
+        element = (0, polyfills_1.getParentElement)(element);
         recursionCounter += 1;
@@ -141,0 +142,0 @@ }

cjs/domain/action/listenActionEvents.d.ts

@@ -8,2 +8,3 @@ import type { RumConfiguration } from '../configuration';
     input: boolean;
+    scroll: boolean;
 }
@@ -10,0 +11,0 @@ export interface ActionEventsHooks<ClickContext> {

cjs/domain/action/listenActionEvents.js

@@ -11,2 +11,3 @@ "use strict";
         input: false,
+        scroll: false,
     };
@@ -21,2 +22,3 @@ var clickContext;
                     input: false,
+                    scroll: false,
                 };
@@ -31,2 +33,5 @@ clickContext = onPointerDown(event);
         }, { capture: true }),
+        (0, browser_core_1.addEventListener)(configuration, window, browser_core_1.DOM_EVENT.SCROLL, function () {
+            userActivity.scroll = true;
+        }, { capture: true, passive: true }),
         (0, browser_core_1.addEventListener)(configuration, window, browser_core_1.DOM_EVENT.POINTER_UP, function (event) {
@@ -33,0 +38,0 @@ if (isValidPointerEvent(event) && clickContext) {

cjs/domain/assembly.js

@@ -61,3 +61,3 @@ "use strict";
                     },
-                    browser_sdk_version: (0, browser_core_1.canUseEventBridge)() ? "5.13.0" : undefined,
+                    browser_sdk_version: (0, browser_core_1.canUseEventBridge)() ? "5.14.0" : undefined,
                 },
@@ -64,0 +64,0 @@ application: {

cjs/domain/getSelectorFromElement.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.supportScopeSelector = exports.getSelectorFromElement = exports.STABLE_ATTRIBUTES = void 0;
-var browser_core_1 = require("@datadog/browser-core");
+var polyfills_1 = require("../browser/polyfills");
 var getActionNameFromElement_1 = require("./action/getActionNameFromElement");
@@ -49,3 +49,3 @@ /**
             uniqueSelectorAmongChildren || combineSelector(getPositionSelector(element), targetElementSelector);
-        element = element.parentElement;
+        element = (0, polyfills_1.getParentElement)(element);
     }
@@ -68,3 +68,3 @@ return targetElementSelector;
     if (element.id && !isGeneratedValue(element.id)) {
-        return "#".concat((0, browser_core_1.cssEscape)(element.id));
+        return "#".concat((0, polyfills_1.cssEscape)(element.id));
     }
@@ -76,14 +76,13 @@ }
     }
-    if (element.classList.length > 0) {
-        for (var i = 0; i < element.classList.length; i += 1) {
-            var className = element.classList[i];
-            if (isGeneratedValue(className)) {
-                continue;
-            }
-            return "".concat((0, browser_core_1.cssEscape)(element.tagName), ".").concat((0, browser_core_1.cssEscape)(className));
+    var classList = (0, polyfills_1.getClassList)(element);
+    for (var i = 0; i < classList.length; i += 1) {
+        var className = classList[i];
+        if (isGeneratedValue(className)) {
+            continue;
         }
+        return "".concat((0, polyfills_1.cssEscape)(element.tagName), ".").concat((0, polyfills_1.cssEscape)(className));
     }
 }
 function getTagNameSelector(element) {
-    return (0, browser_core_1.cssEscape)(element.tagName);
+    return (0, polyfills_1.cssEscape)(element.tagName);
 }
@@ -106,3 +105,3 @@ function getStableAttributeSelector(element, actionNameAttribute) {
         if (element.hasAttribute(attributeName)) {
-            return "".concat((0, browser_core_1.cssEscape)(element.tagName), "[").concat(attributeName, "=\"").concat((0, browser_core_1.cssEscape)(element.getAttribute(attributeName)), "\"]");
+            return "".concat((0, polyfills_1.cssEscape)(element.tagName), "[").concat(attributeName, "=\"").concat((0, polyfills_1.cssEscape)(element.getAttribute(attributeName)), "\"]");
         }
@@ -112,3 +111,3 @@ }
 function getPositionSelector(element) {
-    var sibling = element.parentElement.firstElementChild;
+    var sibling = (0, polyfills_1.getParentElement)(element).firstElementChild;
     var elementIndex = 1;
@@ -121,3 +120,3 @@ while (sibling && sibling !== element) {
     }
-    return "".concat((0, browser_core_1.cssEscape)(element.tagName), ":nth-of-type(").concat(elementIndex, ")");
+    return "".concat((0, polyfills_1.cssEscape)(element.tagName), ":nth-of-type(").concat(elementIndex, ")");
 }
@@ -154,3 +153,3 @@ function findSelector(element, selectorGetters, predicate, actionNameAttribute, childSelector) {
 function isSelectorUniqueAmongSiblings(element, selector) {
-    return (element.parentElement.querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
+    return ((0, polyfills_1.getParentElement)(element).querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
         .length === 1);
@@ -157,0 +156,0 @@ }

cjs/domain/requestCollection.d.ts

@@ -42,2 +42,3 @@ import type { Duration, XhrCompleteContext, XhrStartContext, ClocksState, FetchStartContext, FetchResolveContext } from '@datadog/browser-core';
     error?: Error;
+    isAborted: boolean;
 }
@@ -44,0 +45,0 @@ export declare function startRequestCollection(lifeCycle: LifeCycle, configuration: RumConfiguration, sessionManager: RumSessionManager): void;

cjs/domain/requestCollection.js

@@ -43,2 +43,3 @@ "use strict";
                     xhr: context.xhr,
+                    isAborted: context.isAborted,
                 });
@@ -84,2 +85,3 @@ break;
                         input: context.input,
+                        isAborted: context.isAborted,
                     });
@@ -86,0 +88,0 @@ });

cjs/domain/resource/resourceCollection.js

@@ -66,2 +66,3 @@ "use strict";
             error: request.error,
+            isAborted: request.isAborted,
         },
@@ -68,0 +69,0 @@ };

cjs/domainContext.types.d.ts

@@ -18,2 +18,3 @@ /**
     performanceEntry?: PerformanceEntry;
+    isAborted: boolean;
 }
@@ -23,2 +24,3 @@ export interface RumXhrResourceEventDomainContext {
     performanceEntry?: PerformanceEntry;
+    isAborted: boolean;
 }
@@ -25,0 +27,0 @@ export interface RumOtherResourceEventDomainContext {

cjs/index.d.ts

@@ -12,3 +12,3 @@ export { RumPublicApi, makeRumPublicApi, RecorderApi } from './boot/rumPublicApi';
 export { getMutationObserverConstructor } from './browser/domMutationObservable';
-export { initViewportObservable, getViewportDimension } from './browser/viewportObservable';
+export { initViewportObservable, getViewportDimension, ViewportDimension } from './browser/viewportObservable';
 export { getScrollX, getScrollY } from './browser/scroll';
@@ -19,2 +19,3 @@ export { RumInitConfiguration, RumConfiguration } from './domain/configuration';
 export * from './browser/htmlDomUtils';
+export * from './browser/polyfills';
 export { getSessionReplayUrl } from './domain/getSessionReplayUrl';

cjs/index.js

@@ -39,4 +39,5 @@ "use strict";
 __exportStar(require("./browser/htmlDomUtils"), exports);
+__exportStar(require("./browser/polyfills"), exports);
 var getSessionReplayUrl_1 = require("./domain/getSessionReplayUrl");
 Object.defineProperty(exports, "getSessionReplayUrl", { enumerable: true, get: function () { return getSessionReplayUrl_1.getSessionReplayUrl; } });
 //# sourceMappingURL=index.js.map

esm/domain/action/computeFrustration.js

@@ -1,2 +0,3 @@
-import { elementMatches, ONE_SECOND } from '@datadog/browser-core';
+import { ONE_SECOND } from '@datadog/browser-core';
+import { elementMatches } from '../../browser/polyfills';
 var MIN_CLICKS_PER_SECOND_TO_CONSIDER_RAGE = 3;
@@ -28,3 +29,3 @@ export function computeFrustration(clicks, rageClick) {
 export function isRage(clicks) {
-    if (clicks.some(function (click) { return click.getUserActivity().selection; })) {
+    if (clicks.some(function (click) { return click.getUserActivity().selection || click.getUserActivity().scroll; })) {
         return false;
@@ -56,3 +57,3 @@ }
 export function isDead(click) {
-    if (click.hasPageActivity || click.getUserActivity().input) {
+    if (click.hasPageActivity || click.getUserActivity().input || click.getUserActivity().scroll) {
         return false;
@@ -59,0 +60,0 @@ }

esm/domain/action/getActionNameFromElement.js

 import { safeTruncate, isIE, find } from '@datadog/browser-core';
+import { getParentElement } from '../../browser/polyfills';
 /**
@@ -36,3 +37,3 @@ * Get the action name from the attribute 'data-dd-action-name' on the element or any of its parent.
             }
-            element = element.parentElement;
+            element = getParentElement(element);
         }
@@ -133,3 +134,3 @@ }
         }
-        element = element.parentElement;
+        element = getParentElement(element);
         recursionCounter += 1;
@@ -136,0 +137,0 @@ }

esm/domain/action/listenActionEvents.d.ts

@@ -8,2 +8,3 @@ import type { RumConfiguration } from '../configuration';
     input: boolean;
+    scroll: boolean;
 }
@@ -10,0 +11,0 @@ export interface ActionEventsHooks<ClickContext> {

esm/domain/action/listenActionEvents.js

@@ -8,2 +8,3 @@ import { addEventListener, DOM_EVENT } from '@datadog/browser-core';
         input: false,
+        scroll: false,
     };
@@ -18,2 +19,3 @@ var clickContext;
                     input: false,
+                    scroll: false,
                 };
@@ -28,2 +30,5 @@ clickContext = onPointerDown(event);
         }, { capture: true }),
+        addEventListener(configuration, window, DOM_EVENT.SCROLL, function () {
+            userActivity.scroll = true;
+        }, { capture: true, passive: true }),
         addEventListener(configuration, window, DOM_EVENT.POINTER_UP, function (event) {
@@ -30,0 +35,0 @@ if (isValidPointerEvent(event) && clickContext) {

esm/domain/assembly.js

@@ -58,3 +58,3 @@ import { combine, isEmptyObject, timeStampNow, currentDrift, display, createEventRateLimiter, canUseEventBridge, assign, round, isExperimentalFeatureEnabled, ExperimentalFeature, getConnectivity, } from '@datadog/browser-core';
                     },
-                    browser_sdk_version: canUseEventBridge() ? "5.13.0" : undefined,
+                    browser_sdk_version: canUseEventBridge() ? "5.14.0" : undefined,
                 },
@@ -61,0 +61,0 @@ application: {

esm/domain/getSelectorFromElement.js

@@ -1,2 +0,2 @@
-import { cssEscape } from '@datadog/browser-core';
+import { cssEscape, getClassList, getParentElement } from '../browser/polyfills';
 import { DEFAULT_PROGRAMMATIC_ACTION_NAME_ATTRIBUTE } from './action/getActionNameFromElement';
@@ -46,3 +46,3 @@ /**
             uniqueSelectorAmongChildren || combineSelector(getPositionSelector(element), targetElementSelector);
-        element = element.parentElement;
+        element = getParentElement(element);
     }
@@ -71,10 +71,9 @@ return targetElementSelector;
     }
-    if (element.classList.length > 0) {
-        for (var i = 0; i < element.classList.length; i += 1) {
-            var className = element.classList[i];
-            if (isGeneratedValue(className)) {
-                continue;
-            }
-            return "".concat(cssEscape(element.tagName), ".").concat(cssEscape(className));
+    var classList = getClassList(element);
+    for (var i = 0; i < classList.length; i += 1) {
+        var className = classList[i];
+        if (isGeneratedValue(className)) {
+            continue;
         }
+        return "".concat(cssEscape(element.tagName), ".").concat(cssEscape(className));
     }
@@ -106,3 +105,3 @@ }
 function getPositionSelector(element) {
-    var sibling = element.parentElement.firstElementChild;
+    var sibling = getParentElement(element).firstElementChild;
     var elementIndex = 1;
@@ -147,3 +146,3 @@ while (sibling && sibling !== element) {
 function isSelectorUniqueAmongSiblings(element, selector) {
-    return (element.parentElement.querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
+    return (getParentElement(element).querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
         .length === 1);
@@ -150,0 +149,0 @@ }

esm/domain/requestCollection.d.ts

@@ -42,2 +42,3 @@ import type { Duration, XhrCompleteContext, XhrStartContext, ClocksState, FetchStartContext, FetchResolveContext } from '@datadog/browser-core';
     error?: Error;
+    isAborted: boolean;
 }
@@ -44,0 +45,0 @@ export declare function startRequestCollection(lifeCycle: LifeCycle, configuration: RumConfiguration, sessionManager: RumSessionManager): void;

esm/domain/requestCollection.js

@@ -39,2 +39,3 @@ import { initFetchObservable, initXhrObservable, readBytesFromStream, elapsed, timeStampNow, tryToClone, } from '@datadog/browser-core';
                     xhr: context.xhr,
+                    isAborted: context.isAborted,
                 });
@@ -79,2 +80,3 @@ break;
                         input: context.input,
+                        isAborted: context.isAborted,
                     });
@@ -81,0 +83,0 @@ });

esm/domain/resource/resourceCollection.js

@@ -62,2 +62,3 @@ import { combine, generateUUID, toServerDuration, relativeToClocks, assign, isNumber, isExperimentalFeatureEnabled, ExperimentalFeature, } from '@datadog/browser-core';
             error: request.error,
+            isAborted: request.isAborted,
         },
@@ -64,0 +65,0 @@ };

esm/domainContext.types.d.ts

@@ -18,2 +18,3 @@ /**
     performanceEntry?: PerformanceEntry;
+    isAborted: boolean;
 }
@@ -23,2 +24,3 @@ export interface RumXhrResourceEventDomainContext {
     performanceEntry?: PerformanceEntry;
+    isAborted: boolean;
 }
@@ -25,0 +27,0 @@ export interface RumOtherResourceEventDomainContext {

esm/index.d.ts

@@ -12,3 +12,3 @@ export { RumPublicApi, makeRumPublicApi, RecorderApi } from './boot/rumPublicApi';
 export { getMutationObserverConstructor } from './browser/domMutationObservable';
-export { initViewportObservable, getViewportDimension } from './browser/viewportObservable';
+export { initViewportObservable, getViewportDimension, ViewportDimension } from './browser/viewportObservable';
 export { getScrollX, getScrollY } from './browser/scroll';
@@ -19,2 +19,3 @@ export { RumInitConfiguration, RumConfiguration } from './domain/configuration';
 export * from './browser/htmlDomUtils';
+export * from './browser/polyfills';
 export { getSessionReplayUrl } from './domain/getSessionReplayUrl';

esm/index.js

@@ -11,3 +11,4 @@ export { makeRumPublicApi } from './boot/rumPublicApi';
 export * from './browser/htmlDomUtils';
+export * from './browser/polyfills';
 export { getSessionReplayUrl } from './domain/getSessionReplayUrl';
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@datadog/browser-rum-core",
-  "version": "5.13.0",
+  "version": "5.14.0",
   "license": "Apache-2.0",
@@ -15,3 +15,3 @@ "main": "cjs/index.js",
   "dependencies": {
-    "@datadog/browser-core": "5.13.0"
+    "@datadog/browser-core": "5.14.0"
   },
@@ -32,3 +32,3 @@ "devDependencies": {
   },
-  "gitHead": "b703afd5ef260f5b6b023e42c3696771cd8976e9"
+  "gitHead": "4b81ddc33d4b3b137f9bbf7d0478845c74ae8d50"
 }

src/domain/action/computeFrustration.ts

@@ -1,3 +0,4 @@
-import { elementMatches, ONE_SECOND } from '@datadog/browser-core'
+import { ONE_SECOND } from '@datadog/browser-core'
 import { FrustrationType } from '../../rawRumEvent.types'
+import { elementMatches } from '../../browser/polyfills'
 import type { Click } from './trackClickActions'
@@ -36,3 +37,3 @@
 export function isRage(clicks: Click[]) {
-  if (clicks.some((click) => click.getUserActivity().selection)) {
+  if (clicks.some((click) => click.getUserActivity().selection || click.getUserActivity().scroll)) {
     return false
@@ -68,3 +69,3 @@ }
 export function isDead(click: Click) {
-  if (click.hasPageActivity || click.getUserActivity().input) {
+  if (click.hasPageActivity || click.getUserActivity().input || click.getUserActivity().scroll) {
     return false
@@ -71,0 +72,0 @@ }

src/domain/action/getActionNameFromElement.ts

 import { safeTruncate, isIE, find } from '@datadog/browser-core'
+import { getParentElement } from '../../browser/polyfills'
 
@@ -40,3 +41,3 @@ /**
       }
-      element = element.parentElement
+      element = getParentElement(element)
     }
@@ -151,3 +152,3 @@ }
     }
-    element = element.parentElement
+    element = getParentElement(element)
     recursionCounter += 1
@@ -154,0 +155,0 @@ }

src/domain/action/listenActionEvents.ts

@@ -9,2 +9,3 @@ import { addEventListener, DOM_EVENT } from '@datadog/browser-core'
   input: boolean
+  scroll: boolean
 }
@@ -24,2 +25,3 @@ export interface ActionEventsHooks<ClickContext> {
     input: false,
+    scroll: false,
   }
@@ -39,2 +41,3 @@ let clickContext: ClickContext | undefined
             input: false,
+            scroll: false,
           }
@@ -62,2 +65,12 @@ clickContext = onPointerDown(event)
       window,
+      DOM_EVENT.SCROLL,
+      () => {
+        userActivity.scroll = true
+      },
+      { capture: true, passive: true }
+    ),
+
+    addEventListener(
+      configuration,
+      window,
       DOM_EVENT.POINTER_UP,
@@ -64,0 +77,0 @@ (event: PointerEvent) => {

src/domain/getSelectorFromElement.ts

@@ -1,2 +0,2 @@
-import { cssEscape } from '@datadog/browser-core'
+import { cssEscape, getClassList, getParentElement } from '../browser/polyfills'
 import { DEFAULT_PROGRAMMATIC_ACTION_NAME_ATTRIBUTE } from './action/getActionNameFromElement'
@@ -67,3 +67,3 @@
 
-    element = element.parentElement
+    element = getParentElement(element)
   }
@@ -96,11 +96,10 @@
   }
-  if (element.classList.length > 0) {
-    for (let i = 0; i < element.classList.length; i += 1) {
-      const className = element.classList[i]
-      if (isGeneratedValue(className)) {
-        continue
-      }
+  const classList = getClassList(element)
+  for (let i = 0; i < classList.length; i += 1) {
+    const className = classList[i]
+    if (isGeneratedValue(className)) {
+      continue
+    }
 
-      return `${cssEscape(element.tagName)}.${cssEscape(className)}`
-    }
+    return `${cssEscape(element.tagName)}.${cssEscape(className)}`
   }
@@ -136,3 +135,3 @@ }
 function getPositionSelector(element: Element): string {
-  let sibling = element.parentElement!.firstElementChild
+  let sibling = getParentElement(element)!.firstElementChild
   let elementIndex = 1
@@ -188,3 +187,3 @@
   return (
-    element.parentElement!.querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
+    getParentElement(element)!.querySelectorAll(supportScopeSelector() ? combineSelector(':scope', selector) : selector)
       .length === 1
@@ -191,0 +190,0 @@ )

src/domain/requestCollection.ts

@@ -58,2 +58,3 @@ import type {
   error?: Error
+  isAborted: boolean
 }
@@ -104,2 +105,3 @@
           xhr: context.xhr,
+          isAborted: context.isAborted,
         })
@@ -148,2 +150,3 @@ break
             input: context.input,
+            isAborted: context.isAborted,
           })
@@ -150,0 +153,0 @@ })

src/domain/resource/resourceCollection.ts

@@ -115,2 +115,3 @@ import type { ClocksState, Duration } from '@datadog/browser-core'
       error: request.error,
+      isAborted: request.isAborted,
     } as RumFetchResourceEventDomainContext | RumXhrResourceEventDomainContext,
@@ -117,0 +118,0 @@ }

src/domainContext.types.ts

@@ -35,2 +35,3 @@ /**
   performanceEntry?: PerformanceEntry
+  isAborted: boolean
 }
@@ -41,2 +42,3 @@
   performanceEntry?: PerformanceEntry
+  isAborted: boolean
 }
@@ -43,0 +45,0 @@

src/index.ts

@@ -30,3 +30,3 @@ export { RumPublicApi, makeRumPublicApi, RecorderApi } from './boot/rumPublicApi'
 export { getMutationObserverConstructor } from './browser/domMutationObservable'
-export { initViewportObservable, getViewportDimension } from './browser/viewportObservable'
+export { initViewportObservable, getViewportDimension, ViewportDimension } from './browser/viewportObservable'
 export { getScrollX, getScrollY } from './browser/scroll'
@@ -37,2 +37,3 @@ export { RumInitConfiguration, RumConfiguration } from './domain/configuration'
 export * from './browser/htmlDomUtils'
+export * from './browser/polyfills'
 export { getSessionReplayUrl } from './domain/getSessionReplayUrl'

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1290885

increased by1.31%

Number of package files

479

increased by1.48%

Lines of code

23701

increased by1.29%

Dependency changes

• + Added@datadog/browser-core@5.14.0(transitive)

• - Removed@datadog/browser-core@5.13.0(transitive)

• Updated@datadog/browser-core@5.14.0