npm install expo-datadog @datadog/mobile-react-native

yarn add expo-datadog @datadog/mobile-react-native

importar {
    DdRum
} desde 'expo-Datadog';

// Iniciar una vista con un identificador único de la vista, un nombre personalizado de la vista y un objeto para adjuntar atributos adicionales a la vista
DdRum.startView(
    '<view-key>', // <view-key> tiene que ser único, por ejemplo puede ser ViewName-unique-id
    'View Name',
    { 'custom.foo': 'something' },
    Date.now()
);
// Detiene una vista iniciada previamente con el mismo identificador único de la vista y un objeto para adjuntar atributos adicionales a la vista
DdRum.stopView('<view-key>', { 'custom.bar': 42 }, Date.now());

<NavigationContainer
          ref={navigationRef}
          onReady={() => {
            DdRumReactNavigationTracking.startTrackingViews(
              navigationRef.current,
            );
          }}>

importar { DdSdkReactNative, DdSdkReactNativeConfiguration } desde 'expo-Datadog';

const config = nueva DdSdkReactNativeConfiguration(
    '<CLIENT_TOKEN>',
    '<ENVIRONMENT_NAME>',
    '<RUM_APPLICATION_ID>',
    true, // rastrea las interacciones del usuario como tocar un botón. Puedes utilizar la propiedad del elemento 'accessibilityLabel' para dar un nombre a la acción de tocar, de lo contrario se informa del tipo de elemento.
    true, // rastrea recursos de XHR.
    true // rastrea errores.
);
// Opcional: Selecciona tu sitio web Datadog ("US1", "US3", "US5", EU1" o "US1_FED"). El valor predeterminado es "US1".
config.site = 'US1';
// Opcional: Activa o desactiva los informes de bloqueos nativos.
config.nativeCrashReportEnabled = true;
// Opcional: Muestrea sesiones de RUM, por ejemplo: un 80 % de las sesiones se envían a Datadog. El valor predeterminado es 100 %.
config.sessionSamplingRate = 80;
// Opcional: Muestrea las integraciones de rastreo para llamadas de red entre tu aplicación y tu backend, por ejemplo: el 80 % de las llamadas a tu backend instrumentado se vinculan desde la vista de RUM a la vista de APM. El valor predeterminado es 20 %.
// Necesitas especificar los hosts de tus backends para activar el rastreo con estos backends.
config.resourceTracingSamplingRate = 80;
config.firstPartyHosts = ['example.com']; // Coincide con 'example.com' y subdominios como 'api.example.com'.
// Opcional: Deja que el SDK de Datadog imprima logs internos por encima o iguales al nivel proporcionado. El valor predeterminado es indefinido, lo que significa que no hay logs.
config.verbosity = SdkVerbosity.WARN;

esperar DdSdkReactNative.initialize(config);

// Una vez inicializado el SDK de Datadog, es necesario configurar el rastreo de la vista para ver los datos en el dashboard de RUM.

{
    "expo": {
        "plugins": ["expo-datadog"]
    }
}

npm install @datadog/datadog-ci --save-dev

yarn add -D @datadog/datadog-ci

importar { useEffect } desde 'react';
importar { usePathname, useSearchParams, useSegments, Slot } desde 'expo-router';

exportar la función predeterminada Layout() {
    const pathname = usePathname();
    const segmentos = useSegments();
    const viewKey = segments.join('/');

    useEffect(() => {
        DdRum.startView(viewKey, pathname);
    }, [viewKey, pathname]);

    // Exportar todas las rutas secundarias de la forma más básica.
    devolver <Slot />;
}

// mockDatadog.ts
// Datadog no recomienda este enfoque, considera pasar a las compilaciones de desarrollo de Expo en su lugar.
// Este archivo no se mantiene oficialmente y puede no estar actualizado con las nuevas versiones.

importar { DdLogs, DdTrace, DdRum, DdSdkReactNative } desde 'expo-Datadog';

si (__DEV__) {
    const emptyAsyncFunction = () => nueva Promise<void>(resolver => resolver());

    DdLogs.debug = emptyAsyncFunction;
    DdLogs.info = emptyAsyncFunction;
    DdLogs.warn = emptyAsyncFunction;
    DdLogs.error = emptyAsyncFunction;

    DdTrace.startSpan = () =>
        nuevo Promise<string>(resolver => resolver('fakeSpanId'));
    DdTrace.finishSpan = emptyAsyncFunction;
    DdRum.startView = emptyAsyncFunction;
    DdRum.stopView = emptyAsyncFunction;
    DdRum.startAction = emptyAsyncFunction;
    DdRum.stopAction = emptyAsyncFunction;
    DdRum.addAction = emptyAsyncFunction;
    DdRum.startResource = emptyAsyncFunction;
    DdRum.stopResource = emptyAsyncFunction;
    DdRum.addError = emptyAsyncFunction;
    DdRum.addTiming = emptyAsyncFunction;

    DdSdkReactNative.initialize = emptyAsyncFunction;
    DdSdkReactNative.setUser = emptyAsyncFunction;
    DdSdkReactNative.setAttributes = emptyAsyncFunction;
    DdSdkReactNative.setTrackingConsent = emptyAsyncFunction;
}

importar './mockDatadog';
importar { DdSdkReactNative } desde 'expo-Datadog';

const config = nuevo DdSdkReactNativeConfiguration(/* tu configuración */);
DdSdkReactNative.initialize(config);

importar { DdSdkReactNativeConfiguration } desde 'expo-Datadog';
importar Constants desde 'expo-constants';

const config = nuevo DdSdkReactNativeConfiguration(/* tu configuración */);
config.resourceEventMapper = evento => {
  si (
   event.resourceContext?.responseURL ===
   `http://${Constants.expoConfig.hostUri}/logs`
  ) {
    devolver nulo;
  }
  devolver evento;
};