@monoscopetech/browser 0.2.0 → 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({
@@ -19,14 +20,18 @@ 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/rrweb/${projectId}`;
+        }
+        else {
+            replayEventsBaseUrl = `${replayEventsBaseUrl}/rrweb/${projectId}`;
         }
         const events = this.events;
         this.events = [];
         const body = JSON.stringify({ events, sessionId: this.sessionId });
-        fetch(replayEndpoint, {
+        fetch(replayEventsBaseUrl, {
+            mode: "no-cors",
             method: "POST",
             headers: {
                 "Content-Type": "application/json",

package/dist/tracing.js

@@ -10,16 +10,15 @@ 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({
-        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 +29,11 @@ export const configureOpenTelemetry = (config, sessionId) => {
         contextManager: new ZoneContextManager(),
         propagator: new W3CTraceContextPropagator(),
     });
+    const headerUrls = propagateTraceHeaderCorsUrls || [/^https?:\/\/.*/];
+    const ignoreUrls = [
+        /^https?:\/\/(?:[^\/]+\.)?apitoolkit\.io\//,
+        /^https?:\/\/(?:[^\/]+\.)?monoscope\.tech\//,
+    ];
     registerInstrumentations({
         tracerProvider: provider,
         instrumentations: [
@@ -39,16 +43,24 @@ 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,
+                ignoreUrls,
                 applyCustomAttributesOnSpan: (span, xhr) => {
                     span.setAttribute("session.id", SESSION_ID);
                 },
             }),
             new FetchInstrumentation({
-                propagateTraceHeaderCorsUrls: [/^http:\/\/localhost:3000/],
+                propagateTraceHeaderCorsUrls: headerUrls,
+                ignoreUrls,
                 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,9 +1,15 @@
 {
   "name": "@monoscopetech/browser",
-  "version": "0.2.0",
+  "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"
   }
-}
+}