OTEL Tracing Initial Explorations

common/api-review/crashlytics-angular.api.md

@@ -15,7 +15,8 @@ export interface Crashlytics {
 // @public
 export interface CrashlyticsOptions {
     appVersion?: string;
-    endpointUrl?: string;
+    loggingUrl?: string;
+    tracingUrl?: string;
 }
 
 // @public

common/api-review/crashlytics-react-router.api.md

@@ -16,7 +16,8 @@ export interface Crashlytics {
 // @public
 export interface CrashlyticsOptions {
     appVersion?: string;
-    endpointUrl?: string;
+    loggingUrl?: string;
+    tracingUrl?: string;
 }
 
 // @public

common/api-review/crashlytics-react.api.md

@@ -14,7 +14,8 @@ export interface Crashlytics {
 // @public
 export interface CrashlyticsOptions {
     appVersion?: string;
-    endpointUrl?: string;
+    loggingUrl?: string;
+    tracingUrl?: string;
 }
 
 // @public

common/api-review/crashlytics.api.md

@@ -16,7 +16,8 @@ export interface Crashlytics {
 // @public
 export interface CrashlyticsOptions {
     appVersion?: string;
-    endpointUrl?: string;
+    loggingUrl?: string;
+    tracingUrl?: string;
 }
 
 // @public

docs-devsite/crashlytics_.crashlyticsoptions.md

@@ -23,7 +23,8 @@ export interface CrashlyticsOptions
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [appVersion](./crashlytics_.crashlyticsoptions.md#crashlyticsoptionsappversion) | string | The version of the application. This should be a unique string that identifies the snapshot of code to be deployed, such as "1.0.2". If not specified, other default locations will be checked for an identifier. Setting a value here takes precedence over any other values. |
-|  [endpointUrl](./crashlytics_.crashlyticsoptions.md#crashlyticsoptionsendpointurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [loggingUrl](./crashlytics_.crashlyticsoptions.md#crashlyticsoptionsloggingurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [tracingUrl](./crashlytics_.crashlyticsoptions.md#crashlyticsoptionstracingurl) | string | The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
 
 ## CrashlyticsOptions.appVersion
 
@@ -35,12 +36,22 @@ The version of the application. This should be a unique string that identifies t
 appVersion?: string;
 ```
 
-## CrashlyticsOptions.endpointUrl
+## CrashlyticsOptions.loggingUrl
 
 The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
 
 <b>Signature:</b>
 
 ```typescript
-endpointUrl?: string;
+loggingUrl?: string;
+```
+
+## CrashlyticsOptions.tracingUrl
+
+The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
+
+<b>Signature:</b>
+
+```typescript
+tracingUrl?: string;
 ```

docs-devsite/crashlytics_angular.crashlyticsoptions.md

@@ -23,7 +23,8 @@ export interface CrashlyticsOptions
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [appVersion](./crashlytics_angular.crashlyticsoptions.md#crashlyticsoptionsappversion) | string | The version of the application. This should be a unique string that identifies the snapshot of code to be deployed, such as "1.0.2". If not specified, other default locations will be checked for an identifier. Setting a value here takes precedence over any other values. |
-|  [endpointUrl](./crashlytics_angular.crashlyticsoptions.md#crashlyticsoptionsendpointurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [loggingUrl](./crashlytics_angular.crashlyticsoptions.md#crashlyticsoptionsloggingurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [tracingUrl](./crashlytics_angular.crashlyticsoptions.md#crashlyticsoptionstracingurl) | string | The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
 
 ## CrashlyticsOptions.appVersion
 
@@ -35,12 +36,22 @@ The version of the application. This should be a unique string that identifies t
 appVersion?: string;
 ```
 
-## CrashlyticsOptions.endpointUrl
+## CrashlyticsOptions.loggingUrl
 
 The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
 
 <b>Signature:</b>
 
 ```typescript
-endpointUrl?: string;
+loggingUrl?: string;
+```
+
+## CrashlyticsOptions.tracingUrl
+
+The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
+
+<b>Signature:</b>
+
+```typescript
+tracingUrl?: string;
 ```

docs-devsite/crashlytics_react-router.crashlyticsoptions.md

@@ -23,7 +23,8 @@ export interface CrashlyticsOptions
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [appVersion](./crashlytics_react-router.crashlyticsoptions.md#crashlyticsoptionsappversion) | string | The version of the application. This should be a unique string that identifies the snapshot of code to be deployed, such as "1.0.2". If not specified, other default locations will be checked for an identifier. Setting a value here takes precedence over any other values. |
-|  [endpointUrl](./crashlytics_react-router.crashlyticsoptions.md#crashlyticsoptionsendpointurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [loggingUrl](./crashlytics_react-router.crashlyticsoptions.md#crashlyticsoptionsloggingurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [tracingUrl](./crashlytics_react-router.crashlyticsoptions.md#crashlyticsoptionstracingurl) | string | The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
 
 ## CrashlyticsOptions.appVersion
 
@@ -35,12 +36,22 @@ The version of the application. This should be a unique string that identifies t
 appVersion?: string;
 ```
 
-## CrashlyticsOptions.endpointUrl
+## CrashlyticsOptions.loggingUrl
 
 The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
 
 <b>Signature:</b>
 
 ```typescript
-endpointUrl?: string;
+loggingUrl?: string;
+```
+
+## CrashlyticsOptions.tracingUrl
+
+The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
+
+<b>Signature:</b>
+
+```typescript
+tracingUrl?: string;
 ```

docs-devsite/crashlytics_react-router.md

@@ -15,7 +15,7 @@ https://github.com/firebase/firebase-js-sdk
 
 |  Function | Description |
 |  --- | --- |
-|  [CrashlyticsRoutes({ firebaseApp, crashlyticsOptions, children, ...props })](./crashlytics_react-router.md#crashlyticsroutes_707e4a5) | A wrapper around  that automatically captures errors in route components.<!-- -->This component acts as a replacement for <code>Routes</code> from <code>react-router-dom</code>. It wraps the routes in an error boundary that captures errors thrown during rendering and reports them to Crashlytics. The error boundary is reset on navigation (path changes). |
+|  [CrashlyticsRoutes({ firebaseApp, crashlyticsOptions, children, ...props })](./crashlytics_react-router.md#crashlyticsroutes_707e4a5) | A wrapper around <code>Routes</code> from <code>react-router-dom</code> that automatically captures errors in route components.<!-- -->This component acts as a replacement for <code>Routes</code> from <code>react-router-dom</code>. It wraps the routes in an error boundary that captures errors thrown during rendering and reports them to Crashlytics. The error boundary is reset on navigation (path changes). |
 
 ## Interfaces
 
@@ -28,7 +28,7 @@ https://github.com/firebase/firebase-js-sdk
 
 ### CrashlyticsRoutes({ firebaseApp, crashlyticsOptions, children, ...props }) {:#crashlyticsroutes_707e4a5}
 
-A wrapper around  that automatically captures errors in route components.
+A wrapper around `Routes` from `react-router-dom` that automatically captures errors in route components.
 
 This component acts as a replacement for `Routes` from `react-router-dom`<!-- -->. It wraps the routes in an error boundary that captures errors thrown during rendering and reports them to Crashlytics. The error boundary is reset on navigation (path changes).
 

docs-devsite/crashlytics_react.crashlyticsoptions.md

@@ -23,7 +23,8 @@ export interface CrashlyticsOptions
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [appVersion](./crashlytics_react.crashlyticsoptions.md#crashlyticsoptionsappversion) | string | The version of the application. This should be a unique string that identifies the snapshot of code to be deployed, such as "1.0.2". If not specified, other default locations will be checked for an identifier. Setting a value here takes precedence over any other values. |
-|  [endpointUrl](./crashlytics_react.crashlyticsoptions.md#crashlyticsoptionsendpointurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [loggingUrl](./crashlytics_react.crashlyticsoptions.md#crashlyticsoptionsloggingurl) | string | The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
+|  [tracingUrl](./crashlytics_react.crashlyticsoptions.md#crashlyticsoptionstracingurl) | string | The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase. |
 
 ## CrashlyticsOptions.appVersion
 
@@ -35,12 +36,22 @@ The version of the application. This should be a unique string that identifies t
 appVersion?: string;
 ```
 
-## CrashlyticsOptions.endpointUrl
+## CrashlyticsOptions.loggingUrl
 
 The URL for the endpoint to which Crashlytics data should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
 
 <b>Signature:</b>
 
 ```typescript
-endpointUrl?: string;
+loggingUrl?: string;
+```
+
+## CrashlyticsOptions.tracingUrl
+
+The URL for the endpoint to which Crashlytics traces should be sent, in the OpenTelemetry format. By default, data will be sent to Firebase.
+
+<b>Signature:</b>
+
+```typescript
+tracingUrl?: string;
 ```

package.json

@@ -159,6 +159,7 @@
     "typescript": "5.5.4",
     "watch": "1.0.2",
     "webpack": "5.98.0",
-    "yargs": "17.7.2"
+    "yargs": "17.7.2",
+    "@opentelemetry/exporter-trace-otlp-proto": "0.203.0"
   }
 }

packages/crashlytics/package.json

@@ -89,7 +89,8 @@
     "@firebase/app-types": "0.x",
     "@types/react": ">= 16.8.0",
     "react": ">= 16.8.0",
-    "react-router-dom": ">= 6.0.0"
+    "react-router-dom": ">= 6.0.0",
+    "next": ">= 13.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -106,20 +107,30 @@
     },
     "react-router-dom": {
       "optional": true
+    },
+    "next": {
+      "optional": true
     }
   },
   "dependencies": {
     "@firebase/component": "0.7.0",
     "@firebase/installations": "0.6.19",
     "@opentelemetry/api": "1.9.0",
-    "@opentelemetry/api-logs": "0.203.0",
-    "@opentelemetry/core": "2.2.0",
-    "@opentelemetry/exporter-logs-otlp-http": "0.203.0",
-    "@opentelemetry/otlp-exporter-base": "0.205.0",
-    "@opentelemetry/otlp-transformer": "0.205.0",
-    "@opentelemetry/resources": "2.0.1",
-    "@opentelemetry/sdk-logs": "0.203.0",
-    "@opentelemetry/semantic-conventions": "1.36.0",
+    "@opentelemetry/api-logs": "0.212.0",
+    "@opentelemetry/core": "2.5.1",
+    "@opentelemetry/exporter-logs-otlp-http": "0.212.0",
+    "@opentelemetry/exporter-trace-otlp-proto": "0.212.0",
+    "@opentelemetry/instrumentation": "0.212.0",
+    "@opentelemetry/instrumentation-document-load": "0.57.0",
+    "@opentelemetry/instrumentation-fetch": "0.212.0",
+    "@opentelemetry/instrumentation-user-interaction": "0.56.0",
+    "@opentelemetry/otlp-exporter-base": "0.212.0",
+    "@opentelemetry/otlp-transformer": "0.212.0",
+    "@opentelemetry/resources": "2.5.1",
+    "@opentelemetry/sdk-logs": "0.212.0",
+    "@opentelemetry/sdk-trace-base": "2.5.1",
+    "@opentelemetry/sdk-trace-web": "2.5.1",
+    "@opentelemetry/semantic-conventions": "1.39.0",
     "tslib": "^2.1.0"
   },
   "license": "Apache-2.0",
@@ -131,7 +142,6 @@
     "@angular/router": "19.2.15",
     "@firebase/app": "0.14.8",
     "@firebase/util": "1.13.0",
-    "@opentelemetry/sdk-trace-web": "2.1.0",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-replace": "6.0.2",
     "@testing-library/dom": "10.4.1",

packages/crashlytics/src/angular/index.ts

@@ -15,9 +15,7 @@
  * limitations under the License.
  */
 
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { ErrorHandler, inject } from '@angular/core';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { ActivatedRouteSnapshot, Router } from '@angular/router';
 import { registerCrashlytics } from '../register';
 import { recordError, getCrashlytics } from '../api';