@grafana/faro-react-native 1.0.0 → 1.2.0

package/src/util/performanceObserverPolyfill.ts

@@ -21,6 +21,9 @@ const globalObj =
   (typeof window !== 'undefined' && window) ||
   {};
 
+const RESOURCE_ENTRY_TYPE = 'resource';
+const FARO_RESOURCE_TIMING_PATCH = '__faroResourceTimingPatch';
+
 interface PerformanceEntry {
   readonly duration: number;
   readonly entryType: string;
@@ -71,15 +74,20 @@ class NoopPerformanceObserver {
 }
 
 /**
- * Apply polyfill on React Native iOS to prevent bad_variant_access crash.
- * Must run before any code that might use PerformanceObserver.
+ * Apply React Native performance API compatibility patches.
+ *
+ * Resource Timing lookup is patched on all platforms because OTel web
+ * instrumentation can probe it. The PerformanceObserver replacement is
+ * iOS-only to avoid the native bad_variant_access crash.
  */
 export function applyPerformanceObserverPolyfill(): void {
+  const record = globalObj as Record<string, unknown>;
+  patchUnsupportedResourceTimingLookup(record);
+
   if (Platform.OS !== 'ios') {
     return;
   }
 
-  const record = globalObj as Record<string, unknown>;
   const existing = record['PerformanceObserver'];
   if (existing && (existing as unknown as { name?: string }).name === 'NoopPerformanceObserver') {
     return; // Already applied
@@ -91,3 +99,35 @@ export function applyPerformanceObserverPolyfill(): void {
     // Ignore if global is frozen (e.g. in some test environments)
   }
 }
+
+function patchUnsupportedResourceTimingLookup(record: Record<string, unknown>): void {
+  const performance = record['performance'] as
+    | {
+        getEntriesByType?: ((entryType: string) => PerformanceEntry[]) & Record<string, boolean>;
+      }
+    | undefined;
+
+  if (!performance?.getEntriesByType || performance.getEntriesByType[FARO_RESOURCE_TIMING_PATCH]) {
+    return;
+  }
+
+  const originalGetEntriesByType = performance.getEntriesByType.bind(performance);
+  const patchedGetEntriesByType = ((entryType: string): PerformanceEntry[] => {
+    if (entryType === RESOURCE_ENTRY_TYPE) {
+      // OTel web fetch instrumentation probes browser Resource Timing APIs.
+      // React Native does not expose resource entries, and calling through emits
+      // "Deprecated API for given entry type." warnings in development.
+      return [];
+    }
+
+    return originalGetEntriesByType(entryType);
+  }) as typeof performance.getEntriesByType;
+
+  patchedGetEntriesByType[FARO_RESOURCE_TIMING_PATCH] = true;
+
+  try {
+    performance.getEntriesByType = patchedGetEntriesByType;
+  } catch {
+    // Ignore if performance is read-only in a test or host environment.
+  }
+}