@openreplay/tracker 7.0.3 → 7.0.4

package/coverage/lcov-report/main/modules/input.ts.html

@@ -796,7 +796,7 @@ export interface Options {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/mouse.ts.html

@@ -811,7 +811,7 @@ export interface MouseHandlerOptions {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/network.ts.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/121</span>
+                <span class='fraction'>0/127</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/49</span>
+                <span class='fraction'>0/54</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/25</span>
+                <span class='fraction'>0/27</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/118</span>
+                <span class='fraction'>0/124</span>
             </div>
         
             
@@ -416,36 +416,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -499,6 +470,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -512,6 +484,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -531,6 +504,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -562,6 +536,17 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -627,6 +612,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -646,6 +632,19 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -697,6 +696,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -764,42 +764,13 @@
 <span class="cstat-no" title="statement not covered" >import { getTimeOrigin } from '../utils.js'</span>
 import type { AxiosInstance } from './axiosSpy.js'
 <span class="cstat-no" title="statement not covered" >import axiosSpy from './axiosSpy.js'</span>
+<span class="cstat-no" title="statement not covered" >import setProxy from './Network/index.js'</span>
 &nbsp;
 type WindowFetch = typeof window.fetch
 type XHRRequestBody = Parameters&lt;XMLHttpRequest['send']&gt;[0]
-type FetchRequestBody = RequestInit['body']
-&nbsp;
-// Request:
-// declare const enum BodyType {
-//   Blob = "Blob",
-//   ArrayBuffer = "ArrayBuffer",
-//   TypedArray = "TypedArray",
-//   DataView = "DataView",
-//   FormData = "FormData",
-//   URLSearchParams = "URLSearchParams",
-//   Document = "Document", // XHR only
-//   ReadableStream = "ReadableStream", // Fetch only
-//   Literal = "literal",
-//   Unknown = "unk",
-// }
-// XHRResponse body: ArrayBuffer, a Blob, a Document, a JavaScript Object, or a string
-&nbsp;
-// TODO: extract maximum of useful information from any type of Request/Response bodies
-// function objectifyBody(body: any): RequestBody {
-//   if (body instanceof Blob) {
-//     return {
-//       body: `&lt;Blob type: ${body.type}&gt;; size: ${body.size}`,
-//       bodyType: BodyType.Blob,
-//     }
-//   }
-//   return {
-//     body,
-//     bodyType: BodyType.Literal,
-//   }
-// }
 &nbsp;
 interface RequestData {
-  body: XHRRequestBody | FetchRequestBody
+  body: string | null
   headers: Record&lt;string, string&gt;
 }
 &nbsp;
@@ -835,7 +806,7 @@ function <span class="fstat-no" title="function not covered" >strMethod(</span>m
 <span class="cstat-no" title="statement not covered" >  return typeof method === 'string' ? method.toUpperCase() : 'GET'</span>
 }
 &nbsp;
-type Sanitizer = (data: RequestResponseData) =&gt; RequestResponseData | null
+type Sanitizer = (data: RequestResponseData) =&gt; RequestResponseData
 &nbsp;
 export interface Options {
   sessionTokenHeader: string | boolean
@@ -845,6 +816,7 @@ export interface Options {
   captureInIframes: boolean
   sanitizer?: Sanitizer
   axiosInstances?: Array&lt;AxiosInstance&gt;
+  useProxy?: boolean
 }
 &nbsp;
 <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >export default function (a</span></span>pp: App, opts: Partial&lt;Options&gt; = <span class="branch-0 cbranch-no" title="branch not covered" >{})</span> {
@@ -856,6 +828,7 @@ export interface Options {
       sessionTokenHeader: false,
       captureInIframes: true,
       axiosInstances: undefined,
+      useProxy: true,
     },
     opts,
   )
@@ -879,13 +852,14 @@ export interface Options {
 &nbsp;
   function <span class="fstat-no" title="function not covered" >sanitize(</span>reqResInfo: RequestResponseData) {
 <span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (!options.capturePayload) {</span>
+      // @ts-ignore
 <span class="cstat-no" title="statement not covered" >      delete reqResInfo.request.body</span>
 <span class="cstat-no" title="statement not covered" >      delete reqResInfo.response.body</span>
     }
 <span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (options.sanitizer) {</span>
       const resBody = <span class="cstat-no" title="statement not covered" >reqResInfo.response.body</span>
 <span class="cstat-no" title="statement not covered" >      <span class="missing-if-branch" title="if path not taken" >I</span>if (typeof resBody === 'string') {</span>
-        // Parse response in order to have handy view in sanitisation function
+        // Parse response in order to have handy view in sanitization function
 <span class="cstat-no" title="statement not covered" >        try {</span>
 <span class="cstat-no" title="statement not covered" >          reqResInfo.response.body = JSON.parse(resBody)</span>
         } catch {}
@@ -908,6 +882,17 @@ export interface Options {
   }
 &nbsp;
   const patchWindow = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(c</span>ontext: typeof globalThis) =&gt; {</span>
+    /* ====== modern way ====== */
+<span class="cstat-no" title="statement not covered" >    <span class="missing-if-branch" title="if path not taken" >I</span>if (options.useProxy) {</span>
+<span class="cstat-no" title="statement not covered" >      return setProxy(</span>
+        context,
+        options.ignoreHeaders,
+        setSessionTokenHeader,
+        sanitize,
+<span class="fstat-no" title="function not covered" >        (m</span>essage) =&gt; <span class="cstat-no" title="statement not covered" >app.send(message),</span>
+<span class="fstat-no" title="function not covered" >        (u</span>rl) =&gt; <span class="cstat-no" title="statement not covered" >app.isServiceURL(url),</span>
+      )
+    }
     /* ====== Fetch ====== */
     const origFetch = <span class="cstat-no" title="statement not covered" >context.fetch.bind(context) as WindowFetch</span>
 &nbsp;
@@ -968,7 +953,8 @@ export interface Options {
               status: r.status,
               request: {
                 headers: reqHs,
-                body: init.body,
+                // @ts-ignore
+                body: init.body || null,
               },
               response: {
                 headers: resHs,
@@ -979,6 +965,19 @@ export interface Options {
 <span class="cstat-no" title="statement not covered" >              return</span>
             }
 &nbsp;
+<span class="cstat-no" title="statement not covered" >            console.log(</span>
+              'original',
+              NetworkRequest(
+                'fetch',
+                method,
+                String(reqResInfo.url),
+                stringify(reqResInfo.request),
+                stringify(reqResInfo.response),
+                r.status,
+                startTime + getTimeOrigin(),
+                duration,
+              ),
+            )
 <span class="cstat-no" title="statement not covered" >            app.send(</span>
               NetworkRequest(
                 'fetch',
@@ -1038,7 +1037,8 @@ export interface Options {
             status: xhr.status,
             request: {
               headers: reqHs,
-              body: reqBody,
+              // @ts-ignore
+              body: reqBody || null,
             },
             response: {
               headers: headerMap,
@@ -1114,7 +1114,7 @@ export interface Options {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/performance.ts.html

@@ -352,7 +352,7 @@ export interface Options {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/scroll.ts.html

@@ -349,7 +349,7 @@ function <span class="fstat-no" title="function not covered" >getDocumentScroll(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/selection.ts.html

@@ -187,7 +187,7 @@ function <span class="fstat-no" title="function not covered" >selection(</span>a
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/tabs.ts.html

@@ -109,7 +109,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/timing.ts.html

@@ -826,7 +826,7 @@ export interface Options {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/main/modules/viewport.ts.html

@@ -235,7 +235,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-05-31T15:51:28.464Z
+                at 2023-06-28T10:44:28.733Z
             </div>
         <script src="../../prettify.js"></script>
         <script>