@openreplay/tracker 9.0.0 → 9.0.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# 9.0.2
+
+- fix "setSessionTokenHeader" method
+
+# 9.0.1
+
+- Warning about SSR mode
+- Prevent crashes due to network proxy in SSR
+
 # 9.0.0
 
 - Option to disable string dictionary `{disableStringDict: true}` in Tracker constructor

package/cjs/app/index.js

@@ -35,7 +35,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '9.0.0'; // TODO: version compatability check inside each plugin.
+        this.version = '9.0.2'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/cjs/index.js

@@ -153,7 +153,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '9.0.0',
+                trackerVersion: '9.0.2',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/cjs/modules/Network/fetchProxy.d.ts

@@ -23,7 +23,7 @@ export declare class FetchProxyHandler<T extends typeof fetch> implements ProxyH
     private readonly sendMessage;
     private readonly isServiceUrl;
     constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean);
-    apply(target: T, thisArg: typeof window, argsList: [RequestInfo | URL, RequestInit]): any;
+    apply(target: T, _: typeof window, argsList: [RequestInfo | URL, RequestInit]): any;
     protected beforeFetch(item: NetworkMessage, input: RequestInfo, init?: RequestInit): void;
     protected afterFetch(item: NetworkMessage): (resp: Response) => Response;
     protected handleResponseBody(resp: Response, item: NetworkMessage): Promise<ArrayBuffer> | Promise<string>;

package/cjs/modules/Network/fetchProxy.js

@@ -73,8 +73,10 @@ class ResponseProxyHandler {
                         readerReceivedValue = new Uint8Array(result.value);
                     }
                     else {
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                         const newValue = new Uint8Array(readerReceivedValue.length + result.value.length);
                         newValue.set(readerReceivedValue);
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                         newValue.set(result.value, readerReceivedValue.length);
                         readerReceivedValue = newValue;
                     }
@@ -111,7 +113,7 @@ class FetchProxyHandler {
         this.sendMessage = sendMessage;
         this.isServiceUrl = isServiceUrl;
     }
-    apply(target, thisArg, argsList) {
+    apply(target, _, argsList) {
         const input = argsList[0];
         const init = argsList[1];
         const isORUrl = input instanceof URL || typeof input === 'string'
@@ -122,6 +124,10 @@ class FetchProxyHandler {
         }
         const item = new networkMessage_js_1.default(this.ignoredHeaders, this.setSessionTokenHeader, this.sanitize);
         this.beforeFetch(item, input, init);
+        this.setSessionTokenHeader((name, value) => {
+            var _a;
+            argsList[1] = Object.assign(Object.assign({}, argsList[1]), { headers: Object.assign(Object.assign({}, (_a = argsList[1]) === null || _a === void 0 ? void 0 : _a.headers), { [name]: value }) });
+        });
         return target.apply(window, argsList)
             .then(this.afterFetch(item))
             .catch((e) => {

package/cjs/modules/Network/index.js

@@ -2,8 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const fetchProxy_js_1 = require("./fetchProxy.js");
 const xhrProxy_js_1 = require("./xhrProxy.js");
+const getWarning = (api) => console.warn(`Openreplay: Can't find ${api} in global context. 
+If you're using serverside rendering in your app, make sure that tracker is loaded dynamically, otherwise ${api} won't be tracked.`);
 function setProxy(context, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl) {
-    context.XMLHttpRequest = xhrProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
-    context.fetch = fetchProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    if (context.XMLHttpRequest) {
+        context.XMLHttpRequest = xhrProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    }
+    else {
+        getWarning('XMLHttpRequest');
+    }
+    if (context.fetch) {
+        context.fetch = fetchProxy_js_1.default.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    }
+    else {
+        getWarning('fetch');
+    }
 }
 exports.default = setProxy;

package/cjs/modules/Network/xhrProxy.js

@@ -35,6 +35,9 @@ class XHRProxyHandler {
             case 'open':
                 return this.getOpen(target);
             case 'send':
+                this.setSessionTokenHeader((name, value) => {
+                    target.setRequestHeader(name, value);
+                });
                 return this.getSend(target);
             case 'setRequestHeader':
                 return this.getSetRequestHeader(target);

package/lib/app/index.js

@@ -32,7 +32,7 @@ export default class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '9.0.0'; // TODO: version compatability check inside each plugin.
+        this.version = '9.0.2'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/lib/index.js

@@ -148,7 +148,7 @@ export default class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '9.0.0',
+                trackerVersion: '9.0.2',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/lib/modules/Network/fetchProxy.d.ts

@@ -23,7 +23,7 @@ export declare class FetchProxyHandler<T extends typeof fetch> implements ProxyH
     private readonly sendMessage;
     private readonly isServiceUrl;
     constructor(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData, sendMessage: (item: NetworkRequest) => void, isServiceUrl: (url: string) => boolean);
-    apply(target: T, thisArg: typeof window, argsList: [RequestInfo | URL, RequestInit]): any;
+    apply(target: T, _: typeof window, argsList: [RequestInfo | URL, RequestInit]): any;
     protected beforeFetch(item: NetworkMessage, input: RequestInfo, init?: RequestInit): void;
     protected afterFetch(item: NetworkMessage): (resp: Response) => Response;
     protected handleResponseBody(resp: Response, item: NetworkMessage): Promise<string> | Promise<ArrayBuffer>;

package/lib/modules/Network/fetchProxy.js

@@ -70,8 +70,10 @@ export class ResponseProxyHandler {
                         readerReceivedValue = new Uint8Array(result.value);
                     }
                     else {
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                         const newValue = new Uint8Array(readerReceivedValue.length + result.value.length);
                         newValue.set(readerReceivedValue);
+                        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                         newValue.set(result.value, readerReceivedValue.length);
                         readerReceivedValue = newValue;
                     }
@@ -107,7 +109,7 @@ export class FetchProxyHandler {
         this.sendMessage = sendMessage;
         this.isServiceUrl = isServiceUrl;
     }
-    apply(target, thisArg, argsList) {
+    apply(target, _, argsList) {
         const input = argsList[0];
         const init = argsList[1];
         const isORUrl = input instanceof URL || typeof input === 'string'
@@ -118,6 +120,10 @@ export class FetchProxyHandler {
         }
         const item = new NetworkMessage(this.ignoredHeaders, this.setSessionTokenHeader, this.sanitize);
         this.beforeFetch(item, input, init);
+        this.setSessionTokenHeader((name, value) => {
+            var _a;
+            argsList[1] = Object.assign(Object.assign({}, argsList[1]), { headers: Object.assign(Object.assign({}, (_a = argsList[1]) === null || _a === void 0 ? void 0 : _a.headers), { [name]: value }) });
+        });
         return target.apply(window, argsList)
             .then(this.afterFetch(item))
             .catch((e) => {

package/lib/modules/Network/index.js

@@ -1,6 +1,18 @@
 import FetchProxy from './fetchProxy.js';
 import XHRProxy from './xhrProxy.js';
+const getWarning = (api) => console.warn(`Openreplay: Can't find ${api} in global context. 
+If you're using serverside rendering in your app, make sure that tracker is loaded dynamically, otherwise ${api} won't be tracked.`);
 export default function setProxy(context, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl) {
-    context.XMLHttpRequest = XHRProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
-    context.fetch = FetchProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    if (context.XMLHttpRequest) {
+        context.XMLHttpRequest = XHRProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    }
+    else {
+        getWarning('XMLHttpRequest');
+    }
+    if (context.fetch) {
+        context.fetch = FetchProxy.create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl);
+    }
+    else {
+        getWarning('fetch');
+    }
 }

package/lib/modules/Network/xhrProxy.js

@@ -32,6 +32,9 @@ export class XHRProxyHandler {
             case 'open':
                 return this.getOpen(target);
             case 'send':
+                this.setSessionTokenHeader((name, value) => {
+                    target.setRequestHeader(name, value);
+                });
                 return this.getSend(target);
             case 'setRequestHeader':
                 return this.getSetRequestHeader(target);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "9.0.0",
+  "version": "9.0.2",
   "keywords": [
     "logging",
     "replay"