EMB-3907 tracer provider package with android implementation

integration-tests/basic-test-app/app/(tabs)/_layout.tsx

@@ -1,34 +1,29 @@
-import { Tabs } from 'expo-router';
-import React from 'react';
+import { Tabs } from "expo-router";
+import React from "react";
 
-import { TabBarIcon } from '@/components/navigation/TabBarIcon';
-import { Colors } from '@/constants/Colors';
-import { useColorScheme } from '@/hooks/useColorScheme';
+import { TabBarIcon } from "@/components/navigation/TabBarIcon";
+import { Colors } from "@/constants/Colors";
+import { useColorScheme } from "@/hooks/useColorScheme";
 
 export default function TabLayout() {
  const colorScheme = useColorScheme();
 
  return (
  <Tabs
  screenOptions={{
- tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
+ tabBarActiveTintColor: Colors[colorScheme ?? "light"].tint,
  headerShown: false,
- }}>
+ }}
+ >
  <Tabs.Screen
  name="index"
  options={{
- title: 'Home',
+ title: "HOME",
  tabBarIcon: ({ color, focused }) => (
- <TabBarIcon name={focused ? 'home' : 'home-outline'} color={color} />
- ),
- }}
- />
- <Tabs.Screen
- name="explore"
- options={{
- title: 'Explore',
- tabBarIcon: ({ color, focused }) => (
- <TabBarIcon name={focused ? 'code-slash' : 'code-slash-outline'} color={color} />
+ <TabBarIcon
+ name={focused ? "home" : "home-outline"}
+ color={color}
+ />
  ),
  }}
  />

integration-tests/basic-test-app/app/(tabs)/index.tsx

@@ -1,17 +1,25 @@
 import { Image, StyleSheet, Button } from "react-native";
-import { useCallback } from "react";
+import { useCallback, useMemo } from "react";
 
 import { ThemedView } from "@/components/ThemedView";
 import { ThemedText } from "@/components/ThemedText";
 
 import ParallaxScrollView from "@/components/ParallaxScrollView";
-import { endSession, logError } from "@embrace-io/react-native";
+import { endSession } from "@embrace-io/react-native";
+import {
+ generateNestedSpans,
+ generateTestSpans,
+} from "@/helpers/generateSpans";
+import { Tracer } from "@opentelemetry/api";
+import { EmbraceNativeTracerProvider } from "@embrace.io/react-native-tracer-provider";
 
 const HomeScreen = () => {
  const handleEndSession = useCallback(() => {
- console.log("end session was clicked");
  endSession();
  }, []);
+ const tracer = useMemo<Tracer>(() => {
+ return new EmbraceNativeTracerProvider().getTracer("span-test", "1.0");
+ }, []);
 
  return (
  <ParallaxScrollView
@@ -24,9 +32,20 @@ const HomeScreen = () => {
  }
  >
  <ThemedView style={styles.stepContainer}>
- <ThemedText type="subtitle">End Session</ThemedText>
+ <ThemedText type="subtitle">Session</ThemedText>
  <Button onPress={handleEndSession} title="END SESSION" />
  </ThemedView>
+ <ThemedView style={styles.stepContainer}>
+ <ThemedText type="subtitle">Span</ThemedText>
+ <Button
+ onPress={() => generateTestSpans(tracer)}
+ title={"GENERATE TEST SPANS"}
+ />
+ <Button
+ onPress={() => generateNestedSpans(tracer)}
+ title={"GENERATE NESTED SPANS"}
+ />
+ </ThemedView>
  </ParallaxScrollView>
  );
 };

integration-tests/basic-test-app/helpers/generateSpans.ts

@@ -0,0 +1,83 @@
+/* 'use strict'; */
+/* eslint-disable no-unused-vars */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import {
+ context,
+ SpanKind,
+ SpanStatusCode,
+ trace,
+ Tracer,
+} from "@opentelemetry/api";
+
+export function generateTestSpans(tracer: Tracer) {
+ const span1 = tracer.startSpan("test-1");
+ const span2 = tracer.startSpan("test-2", { kind: SpanKind.CLIENT });
+ const span3 = tracer.startSpan("test-3");
+ // Not ended so shouldn't be part of the output
+ tracer.startSpan("test-4");
+
+ // Set some attributes
+ span1.setAttributes({
+ "string-attr": "my-attr",
+ "number-attr": 22,
+ });
+ span1.setAttribute("bool-attr", true);
+
+ // Misc updates
+ span1.setStatus({ code: SpanStatusCode.OK, message: "ok span" });
+ span1.updateName("test-1-updated");
+
+ // Make sure isRecording reports correctly
+ if (span1.isRecording()) {
+ span1.end();
+ }
+ if (span1.isRecording()) {
+ span1.setAttribute("after-recording", "should not exist");
+ }
+
+ // Add some span events
+ span2.addEvent("test-2-event-1");
+ span2.addEvent("test-2-event-2", 1700001002000);
+ span2.addEvent(
+ "test-2-event-3",
+ { "test-2-event-attr": "my-event-attr" },
+ 1700009002000
+ );
+ span2.end(new Date("2099-01-01T00:00:00Z"));
+
+ // Add some links
+ span3.addLink({ context: span1.spanContext() });
+ span3.addLinks([
+ {
+ context: span2.spanContext(),
+ attributes: { "test-3-link-attr": "my-link-attr" },
+ },
+ ]);
+ span3.recordException({ message: "span exception" });
+ span3.end();
+}
+
+export function generateNestedSpans(tracer: Tracer) {
+ const span1 = tracer.startSpan("test-1");
+ const span1Context = trace.setSpan(context.active(), span1);
+ const span2 = tracer.startSpan(
+ "test-2",
+ { attributes: { "test-2-attr": "my-attr" } },
+ span1Context
+ );
+ const span3 = tracer.startSpan(
+ "test-3",
+ { attributes: { "test-3-attr": "my-attr" }, root: true },
+ span1Context
+ );
+
+ tracer.startActiveSpan("test-4", (span4) => {
+ const span5 = tracer.startSpan("test-5");
+ span5.end();
+
+ span4.end();
+ });
+ span1.end();
+ span2.end();
+ span3.end();
+}

integration-tests/basic-test-app/package.json

@@ -16,6 +16,7 @@
  },
  "dependencies": {
  "@embrace-io/react-native": "file:../artifacts/embrace-io-react-native-local.tgz",
+ "@embrace.io/react-native-tracer-provider": "file:../artifacts/embrace-io-react-native-tracer-provider-local.tgz",
  "@expo/vector-icons": "^14.0.0",
  "@react-navigation/native": "^6.0.2",
  "expo": "~51.0.9",

integration-tests/helpers/embrace_server.ts

@@ -1,7 +1,7 @@
-import { start_mockserver, stop_mockserver } from 'mockserver-node';
-import { EmbraceRequestBody, SessionPayload } from '../typings/embrace';
+import { start_mockserver, stop_mockserver } from "mockserver-node";
+import { EmbraceRequestBody, SessionMessage } from "../typings/embrace";
 
-import { mockServerClient } from 'mockserver-client';
+import { mockServerClient } from "mockserver-client";
 
 const PORT = 8877;
 
@@ -19,26 +19,26 @@ const stopServer = () => {
 };
 
 const clearServer = async () => {
- return await mockServerClient('localhost', PORT).clear({}, 'LOG');
+ return await mockServerClient("localhost", PORT).clear({}, "LOG");
 };
 
-const getSessionPayloads = async (delay = 2000): Promise<SessionPayload[]> => {
+const getSessionMessages = async (delay = 2000): Promise<SessionMessage[]> => {
  if (delay) {
  await new Promise((r) => setTimeout(r, delay));
  }
 
  const requests = await mockServerClient(
- 'localhost',
+ "localhost",
  PORT
  ).retrieveRecordedRequests({
- path: '/v1/log/sessions',
- method: 'POST',
+ path: "/v1/log/sessions",
+ method: "POST",
  });
 
  return requests.map((r) => {
  const body = r.body as EmbraceRequestBody;
- return body.json.s;
+ return body.json;
  });
 };
 
-export { startServer, stopServer, clearServer, getSessionPayloads };
+export { startServer, stopServer, clearServer, getSessionMessages };

integration-tests/specs/session.test.ts

@@ -1,17 +1,17 @@
-import { driver } from '@wdio/globals';
+import { driver } from "@wdio/globals";
 
-import { getSessionPayloads } from '../helpers/embrace_server';
+import { getSessionMessages } from "../helpers/embrace_server";
 
-describe('Sessions', () => {
- it('should be recorded as foreground', async () => {
- const endSession = await driver.$('~END SESSION');
+describe("Sessions", () => {
+ it("should be recorded as foreground", async () => {
+ const endSession = await driver.$("~END SESSION");
  await endSession.click();
 
- const sessionPayloads = await getSessionPayloads();
+ const sessionPayloads = await getSessionMessages();
 
  expect(sessionPayloads).toHaveLength(1);
  if (sessionPayloads.length > 0) {
- expect(sessionPayloads[0].as).toBe('foreground');
+ expect(sessionPayloads[0].s.as).toBe("foreground");
  }
  });
 });