@monoscopetech/browser 0.2.1 → 0.2.2

package/dist/replay.js

@@ -7,6 +7,7 @@ export class MonoscopeReplay {
         this.save = this.save.bind(this);
         this.events = [];
         this.configure = this.configure.bind(this);
+        window.addEventListener("unload", () => this.save());
     }
     configure() {
         rrweb.record({
@@ -21,15 +22,16 @@ export class MonoscopeReplay {
             return;
         let { replayEventsBaseUrl, projectId } = this.config;
         if (!replayEventsBaseUrl) {
-            replayEventsBaseUrl = `https://app.apitoolkit.io/p/${projectId}/rrweb`;
+            replayEventsBaseUrl = `https://app.apitoolkit.io/rrweb/${projectId}`;
         }
         else {
-            replayEventsBaseUrl = `${replayEventsBaseUrl}/p/${projectId}/rrweb`;
+            replayEventsBaseUrl = `${replayEventsBaseUrl}/rrweb/${projectId}`;
         }
         const events = this.events;
         this.events = [];
         const body = JSON.stringify({ events, sessionId: this.sessionId });
         fetch(replayEventsBaseUrl, {
+            mode: "no-cors",
             method: "POST",
             headers: {
                 "Content-Type": "application/json",

package/dist/tracing.js

@@ -18,7 +18,7 @@ export const configureOpenTelemetry = (config, sessionId) => {
         ...(resourceAttributes || {}),
     });
     const otlpExporter = new OTLPTraceExporter({
-        url: config.exporterEndpoint || "http://otelcol.apitoolkit.io:4318", // HTTP endpoint (note the :4318 port)
+        url: config.exporterEndpoint || "http://otelcol.apitoolkit.io:4318/v1/traces",
         headers: {},
     });
     const provider = new WebTracerProvider({
@@ -30,6 +30,10 @@ export const configureOpenTelemetry = (config, sessionId) => {
         propagator: new W3CTraceContextPropagator(),
     });
     const headerUrls = propagateTraceHeaderCorsUrls || [/^https?:\/\/.*/];
+    const ignoreUrls = [
+        /^https?:\/\/(?:[^\/]+\.)?apitoolkit\.io\//,
+        /^https?:\/\/(?:[^\/]+\.)?monoscope\.tech\//,
+    ];
     registerInstrumentations({
         tracerProvider: provider,
         instrumentations: [
@@ -49,12 +53,14 @@ export const configureOpenTelemetry = (config, sessionId) => {
             }),
             new XMLHttpRequestInstrumentation({
                 propagateTraceHeaderCorsUrls: headerUrls,
+                ignoreUrls,
                 applyCustomAttributesOnSpan: (span, xhr) => {
                     span.setAttribute("session.id", SESSION_ID);
                 },
             }),
             new FetchInstrumentation({
                 propagateTraceHeaderCorsUrls: headerUrls,
+                ignoreUrls,
                 applyCustomAttributesOnSpan: (span, request) => {
                     span.setAttribute("session.id", SESSION_ID);
                 },

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "@monoscopetech/browser",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
+  "unpkg": "dis/monoscopetech-browser.umd.js",
+
+  "scripts": {
+    "build": "rollup -c",
+    "lint": "eslint src --ext .ts"
+  },
   "dependencies": {
     "@opentelemetry/context-zone": "^2.0.1",
     "@opentelemetry/core": "^2.0.1",
@@ -41,9 +47,5 @@
     "rollup": "^4.0.0",
     "tslib": "^2.8.1",
     "typescript": "^5.0.0"
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint src --ext .ts"
   }
-}
+}