@monoscopetech/browser 0.1.0 → 0.2.1

package/dist/index.d.ts

@@ -5,5 +5,6 @@ declare class Monoscope {
     config: MonoscopeConfig;
     sessionId: string;
     constructor(config: MonoscopeConfig);
+    getSessionId(): string;
 }
 export default Monoscope;

package/dist/index.js

@@ -6,12 +6,6 @@ class Monoscope {
         if (!config.projectId) {
             throw new Error("MonoscopeConfig must include projectId");
         }
-        if (!config.replayEndpoint) {
-            config.replayEndpoint = `https://app.apitoolkit.io/p/${config.projectId}/replay`;
-        }
-        if (!config.exporterEndpoint) {
-            config.exporterEndpoint = "http://otelcol.apitoolkit.io:4318";
-        }
         const storedSessionId = sessionStorage.getItem("monoscope-session-id");
         if (storedSessionId) {
             this.sessionId = storedSessionId;
@@ -25,5 +19,8 @@ class Monoscope {
         this.replay = new MonoscopeReplay(config, this.sessionId);
         this.replay.configure();
     }
+    getSessionId() {
+        return this.sessionId;
+    }
 }
 export default Monoscope;

package/dist/replay.js

@@ -19,14 +19,17 @@ export class MonoscopeReplay {
     save() {
         if (this.events.length === 0)
             return;
-        let { replayEndpoint, projectId } = this.config;
-        if (!replayEndpoint) {
-            replayEndpoint = `https://app.apitoolkit.io/p/${projectId}/rrweb`;
+        let { replayEventsBaseUrl, projectId } = this.config;
+        if (!replayEventsBaseUrl) {
+            replayEventsBaseUrl = `https://app.apitoolkit.io/p/${projectId}/rrweb`;
+        }
+        else {
+            replayEventsBaseUrl = `${replayEventsBaseUrl}/p/${projectId}/rrweb`;
         }
         const events = this.events;
         this.events = [];
         const body = JSON.stringify({ events, sessionId: this.sessionId });
-        fetch(replayEndpoint, {
+        fetch(replayEventsBaseUrl, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",

package/dist/tracing.js

@@ -10,12 +10,11 @@ import { resourceFromAttributes } from "@opentelemetry/resources";
 import { ATTR_SERVICE_NAME } from "@opentelemetry/semantic-conventions";
 import { OTLPTraceExporter } from "@opentelemetry/exporter-trace-otlp-http";
 export const configureOpenTelemetry = (config, sessionId) => {
-    //create a resource with service name and attributes
-    const { serviceName, resourceAttributes, instrumentations = [] } = config;
+    const { serviceName, resourceAttributes, instrumentations = [], propagateTraceHeaderCorsUrls, } = config;
     const SESSION_ID = sessionId;
     const resource = resourceFromAttributes({
         [ATTR_SERVICE_NAME]: serviceName,
-        "at-project-key": config.projectId,
+        "at-project-id": config.projectId,
         ...(resourceAttributes || {}),
     });
     const otlpExporter = new OTLPTraceExporter({
@@ -30,6 +29,7 @@ export const configureOpenTelemetry = (config, sessionId) => {
         contextManager: new ZoneContextManager(),
         propagator: new W3CTraceContextPropagator(),
     });
+    const headerUrls = propagateTraceHeaderCorsUrls || [/^https?:\/\/.*/];
     registerInstrumentations({
         tracerProvider: provider,
         instrumentations: [
@@ -39,16 +39,22 @@ export const configureOpenTelemetry = (config, sessionId) => {
                     documentLoad: (span) => {
                         span.setAttribute("session.id", SESSION_ID);
                     },
+                    documentFetch: (span) => {
+                        span.setAttribute("session.id", SESSION_ID);
+                    },
+                    resourceFetch: (span) => {
+                        span.setAttribute("session.id", SESSION_ID);
+                    },
                 },
             }),
             new XMLHttpRequestInstrumentation({
-                propagateTraceHeaderCorsUrls: [/^http:\/\/localhost:3000/],
+                propagateTraceHeaderCorsUrls: headerUrls,
                 applyCustomAttributesOnSpan: (span, xhr) => {
                     span.setAttribute("session.id", SESSION_ID);
                 },
             }),
             new FetchInstrumentation({
-                propagateTraceHeaderCorsUrls: [/^http:\/\/localhost:3000/],
+                propagateTraceHeaderCorsUrls: headerUrls,
                 applyCustomAttributesOnSpan: (span, request) => {
                     span.setAttribute("session.id", SESSION_ID);
                 },

package/dist/types.d.ts

@@ -1,12 +1,9 @@
 export type MonoscopeConfig = {
     serviceName: string;
-    exporterEndpoint: string;
+    exporterEndpoint?: string;
     propagateTraceHeaderCorsUrls?: RegExp[];
     projectId: string;
     resourceAttributes?: Record<string, string>;
-    documentLoadAttributes?: (span: any) => void;
-    xhrAttributes?: (span: any, xhr: any) => void;
-    fetchAttributes?: (span: any, request: any) => void;
     instrumentations?: any[];
-    replayEndpoint: string;
+    replayEventsBaseUrl?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monoscopetech/browser",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",