vendor util in

Author: mydea

packages/replay-internal/src/replay.ts

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */ // TODO: We might want to split this file up
 import type { ReplayRecordingMode, Span } from '@sentry/core';
 import { getActiveSpan, getClient, getRootSpan, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, spanToJSON } from '@sentry/core';
-import { EventType, record, utils as rrwebUtils } from '@sentry-internal/rrweb';
+import { EventType, record } from '@sentry-internal/rrweb';
 import {
   BUFFER_CHECKOUT_TIME,
   SESSION_IDLE_EXPIRE_DURATION,
@@ -53,6 +53,7 @@ import { isExpired } from './util/isExpired';
 import { isSessionExpired } from './util/isSessionExpired';
 import { logger } from './util/logger';
 import { resetReplayIdOnDynamicSamplingContext } from './util/resetReplayIdOnDynamicSamplingContext';
+import { closestElementOfNode } from './util/rrweb';
 import { sendReplay } from './util/sendReplay';
 import { RateLimitError } from './util/sendReplayRequest';
 import type { SKIPPED } from './util/throttle';
@@ -1309,7 +1310,7 @@ export class ReplayContainer implements ReplayContainerInterface {
     if (ignoreMutations?.length) {
       if (
         mutations.some(mutation => {
-          const el = rrwebUtils.closestElementOfNode(mutation.target);
+          const el = closestElementOfNode(mutation.target);
           const selector = ignoreMutations.join(',');
           return el?.matches(selector);
         })

packages/replay-internal/src/util/rrweb.ts

@@ -0,0 +1,18 @@
+/**
+ * Vendored in from @sentry-internal/rrweb.
+ *
+ * This is a copy of the function from rrweb, it is not nicely exported there.
+ */
+export function closestElementOfNode(node: Node | null): HTMLElement | null {
+  if (!node) {
+    return null;
+  }
+
+  // Catch access to node properties to avoid Firefox "permission denied" errors
+  try {
+    const el: HTMLElement | null = node.nodeType === node.ELEMENT_NODE ? (node as HTMLElement) : node.parentElement;
+    return el;
+  } catch (error) {
+    return null;
+  }
+}