@openreplay/tracker 4.1.11 → 5.0.0

package/lib/app/logger.d.ts

@@ -5,8 +5,8 @@ export declare const LogLevel: {
     readonly Errors: 2;
     readonly Silent: 0;
 };
-declare type LogLevel = typeof LogLevel[keyof typeof LogLevel];
-declare type CustomLevel = {
+type LogLevel = typeof LogLevel[keyof typeof LogLevel];
+type CustomLevel = {
     error: boolean;
     warn: boolean;
     log: boolean;
@@ -15,7 +15,7 @@ interface _Options {
     level: LogLevel | CustomLevel;
     messages?: number[];
 }
-export declare type Options = true | _Options | LogLevel;
+export type Options = true | _Options | LogLevel;
 export default class Logger {
     private readonly options;
     constructor(options?: Options);

package/lib/app/messages.gen.d.ts

@@ -1,7 +1,5 @@
 import * as Messages from '../common/messages.gen.js';
-export { default } from '../common/messages.gen.js';
-export declare function BatchMetadata(version: number, pageNo: number, firstIndex: number, timestamp: number, location: string): Messages.BatchMetadata;
-export declare function PartitionedMessage(partNo: number, partTotal: number): Messages.PartitionedMessage;
+export { default, Type } from '../common/messages.gen.js';
 export declare function Timestamp(timestamp: number): Messages.Timestamp;
 export declare function SetPageLocation(url: string, referrer: string, navigationStart: number): Messages.SetPageLocation;
 export declare function SetViewportSize(width: number, height: number): Messages.SetViewportSize;
@@ -19,11 +17,11 @@ export declare function SetInputTarget(id: number, label: string): Messages.SetI
 export declare function SetInputValue(id: number, value: string, mask: number): Messages.SetInputValue;
 export declare function SetInputChecked(id: number, checked: boolean): Messages.SetInputChecked;
 export declare function MouseMove(x: number, y: number): Messages.MouseMove;
+export declare function NetworkRequest(type: string, method: string, url: string, request: string, response: string, status: number, timestamp: number, duration: number): Messages.NetworkRequest;
 export declare function ConsoleLog(level: string, value: string): Messages.ConsoleLog;
 export declare function PageLoadTiming(requestStart: number, responseStart: number, responseEnd: number, domContentLoadedEventStart: number, domContentLoadedEventEnd: number, loadEventStart: number, loadEventEnd: number, firstPaint: number, firstContentfulPaint: number): Messages.PageLoadTiming;
 export declare function PageRenderTiming(speedIndex: number, visuallyComplete: number, timeToInteractive: number): Messages.PageRenderTiming;
-export declare function JSExceptionDeprecated(name: string, message: string, payload: string): Messages.JSExceptionDeprecated;
-export declare function RawCustomEvent(name: string, payload: string): Messages.RawCustomEvent;
+export declare function CustomEvent(name: string, payload: string): Messages.CustomEvent;
 export declare function UserID(id: string): Messages.UserID;
 export declare function UserAnonymousID(id: string): Messages.UserAnonymousID;
 export declare function Metadata(key: string, value: string): Messages.Metadata;
@@ -39,6 +37,8 @@ export declare function MobX(type: string, payload: string): Messages.MobX;
 export declare function NgRx(action: string, state: string, duration: number): Messages.NgRx;
 export declare function GraphQL(operationKind: string, operationName: string, variables: string, response: string): Messages.GraphQL;
 export declare function PerformanceTrack(frames: number, ticks: number, totalJSHeapSize: number, usedJSHeapSize: number): Messages.PerformanceTrack;
+export declare function StringDict(key: number, value: string): Messages.StringDict;
+export declare function SetNodeAttributeDict(id: number, nameKey: number, valueKey: number): Messages.SetNodeAttributeDict;
 export declare function ResourceTiming(timestamp: number, duration: number, ttfb: number, headerSize: number, encodedBodySize: number, decodedBodySize: number, url: string, initiator: string): Messages.ResourceTiming;
 export declare function ConnectionInformation(downlink: number, type: string): Messages.ConnectionInformation;
 export declare function SetPageVisibility(hidden: boolean): Messages.SetPageVisibility;
@@ -57,5 +57,7 @@ export declare function AdoptedSSInsertRuleURLBased(sheetID: number, rule: strin
 export declare function AdoptedSSDeleteRule(sheetID: number, index: number): Messages.AdoptedSSDeleteRule;
 export declare function AdoptedSSAddOwner(sheetID: number, id: number): Messages.AdoptedSSAddOwner;
 export declare function AdoptedSSRemoveOwner(sheetID: number, id: number): Messages.AdoptedSSRemoveOwner;
-export declare function Zustand(mutation: string, state: string): Messages.Zustand;
 export declare function JSException(name: string, message: string, payload: string, metadata: string): Messages.JSException;
+export declare function Zustand(mutation: string, state: string): Messages.Zustand;
+export declare function BatchMetadata(version: number, pageNo: number, firstIndex: number, timestamp: number, location: string): Messages.BatchMetadata;
+export declare function PartitionedMessage(partNo: number, partTotal: number): Messages.PartitionedMessage;

package/lib/app/messages.gen.js

@@ -1,31 +1,14 @@
 // Auto-generated, do not edit
 /* eslint-disable */
-export function BatchMetadata(version, pageNo, firstIndex, timestamp, location) {
-    return [
-        81 /* BatchMetadata */,
-        version,
-        pageNo,
-        firstIndex,
-        timestamp,
-        location,
-    ];
-}
-export function PartitionedMessage(partNo, partTotal) {
-    return [
-        82 /* PartitionedMessage */,
-        partNo,
-        partTotal,
-    ];
-}
 export function Timestamp(timestamp) {
     return [
-        0 /* Timestamp */,
+        0 /* Messages.Type.Timestamp */,
         timestamp,
     ];
 }
 export function SetPageLocation(url, referrer, navigationStart) {
     return [
-        4 /* SetPageLocation */,
+        4 /* Messages.Type.SetPageLocation */,
         url,
         referrer,
         navigationStart,
@@ -33,26 +16,26 @@ export function SetPageLocation(url, referrer, navigationStart) {
 }
 export function SetViewportSize(width, height) {
     return [
-        5 /* SetViewportSize */,
+        5 /* Messages.Type.SetViewportSize */,
         width,
         height,
     ];
 }
 export function SetViewportScroll(x, y) {
     return [
-        6 /* SetViewportScroll */,
+        6 /* Messages.Type.SetViewportScroll */,
         x,
         y,
     ];
 }
 export function CreateDocument() {
     return [
-        7 /* CreateDocument */,
+        7 /* Messages.Type.CreateDocument */,
     ];
 }
 export function CreateElementNode(id, parentID, index, tag, svg) {
     return [
-        8 /* CreateElementNode */,
+        8 /* Messages.Type.CreateElementNode */,
         id,
         parentID,
         index,
@@ -62,7 +45,7 @@ export function CreateElementNode(id, parentID, index, tag, svg) {
 }
 export function CreateTextNode(id, parentID, index) {
     return [
-        9 /* CreateTextNode */,
+        9 /* Messages.Type.CreateTextNode */,
         id,
         parentID,
         index,
@@ -70,7 +53,7 @@ export function CreateTextNode(id, parentID, index) {
 }
 export function MoveNode(id, parentID, index) {
     return [
-        10 /* MoveNode */,
+        10 /* Messages.Type.MoveNode */,
         id,
         parentID,
         index,
@@ -78,13 +61,13 @@ export function MoveNode(id, parentID, index) {
 }
 export function RemoveNode(id) {
     return [
-        11 /* RemoveNode */,
+        11 /* Messages.Type.RemoveNode */,
         id,
     ];
 }
 export function SetNodeAttribute(id, name, value) {
     return [
-        12 /* SetNodeAttribute */,
+        12 /* Messages.Type.SetNodeAttribute */,
         id,
         name,
         value,
@@ -92,21 +75,21 @@ export function SetNodeAttribute(id, name, value) {
 }
 export function RemoveNodeAttribute(id, name) {
     return [
-        13 /* RemoveNodeAttribute */,
+        13 /* Messages.Type.RemoveNodeAttribute */,
         id,
         name,
     ];
 }
 export function SetNodeData(id, data) {
     return [
-        14 /* SetNodeData */,
+        14 /* Messages.Type.SetNodeData */,
         id,
         data,
     ];
 }
 export function SetNodeScroll(id, x, y) {
     return [
-        16 /* SetNodeScroll */,
+        16 /* Messages.Type.SetNodeScroll */,
         id,
         x,
         y,
@@ -114,14 +97,14 @@ export function SetNodeScroll(id, x, y) {
 }
 export function SetInputTarget(id, label) {
     return [
-        17 /* SetInputTarget */,
+        17 /* Messages.Type.SetInputTarget */,
         id,
         label,
     ];
 }
 export function SetInputValue(id, value, mask) {
     return [
-        18 /* SetInputValue */,
+        18 /* Messages.Type.SetInputValue */,
         id,
         value,
         mask,
@@ -129,28 +112,41 @@ export function SetInputValue(id, value, mask) {
 }
 export function SetInputChecked(id, checked) {
     return [
-        19 /* SetInputChecked */,
+        19 /* Messages.Type.SetInputChecked */,
         id,
         checked,
     ];
 }
 export function MouseMove(x, y) {
     return [
-        20 /* MouseMove */,
+        20 /* Messages.Type.MouseMove */,
         x,
         y,
     ];
 }
+export function NetworkRequest(type, method, url, request, response, status, timestamp, duration) {
+    return [
+        21 /* Messages.Type.NetworkRequest */,
+        type,
+        method,
+        url,
+        request,
+        response,
+        status,
+        timestamp,
+        duration,
+    ];
+}
 export function ConsoleLog(level, value) {
     return [
-        22 /* ConsoleLog */,
+        22 /* Messages.Type.ConsoleLog */,
         level,
         value,
     ];
 }
 export function PageLoadTiming(requestStart, responseStart, responseEnd, domContentLoadedEventStart, domContentLoadedEventEnd, loadEventStart, loadEventEnd, firstPaint, firstContentfulPaint) {
     return [
-        23 /* PageLoadTiming */,
+        23 /* Messages.Type.PageLoadTiming */,
         requestStart,
         responseStart,
         responseEnd,
@@ -164,49 +160,41 @@ export function PageLoadTiming(requestStart, responseStart, responseEnd, domCont
 }
 export function PageRenderTiming(speedIndex, visuallyComplete, timeToInteractive) {
     return [
-        24 /* PageRenderTiming */,
+        24 /* Messages.Type.PageRenderTiming */,
         speedIndex,
         visuallyComplete,
         timeToInteractive,
     ];
 }
-export function JSExceptionDeprecated(name, message, payload) {
-    return [
-        25 /* JSExceptionDeprecated */,
-        name,
-        message,
-        payload,
-    ];
-}
-export function RawCustomEvent(name, payload) {
+export function CustomEvent(name, payload) {
     return [
-        27 /* RawCustomEvent */,
+        27 /* Messages.Type.CustomEvent */,
         name,
         payload,
     ];
 }
 export function UserID(id) {
     return [
-        28 /* UserID */,
+        28 /* Messages.Type.UserID */,
         id,
     ];
 }
 export function UserAnonymousID(id) {
     return [
-        29 /* UserAnonymousID */,
+        29 /* Messages.Type.UserAnonymousID */,
         id,
     ];
 }
 export function Metadata(key, value) {
     return [
-        30 /* Metadata */,
+        30 /* Messages.Type.Metadata */,
         key,
         value,
     ];
 }
 export function CSSInsertRule(id, rule, index) {
     return [
-        37 /* CSSInsertRule */,
+        37 /* Messages.Type.CSSInsertRule */,
         id,
         rule,
         index,
@@ -214,14 +202,14 @@ export function CSSInsertRule(id, rule, index) {
 }
 export function CSSDeleteRule(id, index) {
     return [
-        38 /* CSSDeleteRule */,
+        38 /* Messages.Type.CSSDeleteRule */,
         id,
         index,
     ];
 }
 export function Fetch(method, url, request, response, status, timestamp, duration) {
     return [
-        39 /* Fetch */,
+        39 /* Messages.Type.Fetch */,
         method,
         url,
         request,
@@ -233,7 +221,7 @@ export function Fetch(method, url, request, response, status, timestamp, duratio
 }
 export function Profiler(name, duration, args, result) {
     return [
-        40 /* Profiler */,
+        40 /* Messages.Type.Profiler */,
         name,
         duration,
         args,
@@ -242,20 +230,20 @@ export function Profiler(name, duration, args, result) {
 }
 export function OTable(key, value) {
     return [
-        41 /* OTable */,
+        41 /* Messages.Type.OTable */,
         key,
         value,
     ];
 }
 export function StateAction(type) {
     return [
-        42 /* StateAction */,
+        42 /* Messages.Type.StateAction */,
         type,
     ];
 }
 export function Redux(action, state, duration) {
     return [
-        44 /* Redux */,
+        44 /* Messages.Type.Redux */,
         action,
         state,
         duration,
@@ -263,21 +251,21 @@ export function Redux(action, state, duration) {
 }
 export function Vuex(mutation, state) {
     return [
-        45 /* Vuex */,
+        45 /* Messages.Type.Vuex */,
         mutation,
         state,
     ];
 }
 export function MobX(type, payload) {
     return [
-        46 /* MobX */,
+        46 /* Messages.Type.MobX */,
         type,
         payload,
     ];
 }
 export function NgRx(action, state, duration) {
     return [
-        47 /* NgRx */,
+        47 /* Messages.Type.NgRx */,
         action,
         state,
         duration,
@@ -285,7 +273,7 @@ export function NgRx(action, state, duration) {
 }
 export function GraphQL(operationKind, operationName, variables, response) {
     return [
-        48 /* GraphQL */,
+        48 /* Messages.Type.GraphQL */,
         operationKind,
         operationName,
         variables,
@@ -294,16 +282,31 @@ export function GraphQL(operationKind, operationName, variables, response) {
 }
 export function PerformanceTrack(frames, ticks, totalJSHeapSize, usedJSHeapSize) {
     return [
-        49 /* PerformanceTrack */,
+        49 /* Messages.Type.PerformanceTrack */,
         frames,
         ticks,
         totalJSHeapSize,
         usedJSHeapSize,
     ];
 }
+export function StringDict(key, value) {
+    return [
+        50 /* Messages.Type.StringDict */,
+        key,
+        value,
+    ];
+}
+export function SetNodeAttributeDict(id, nameKey, valueKey) {
+    return [
+        51 /* Messages.Type.SetNodeAttributeDict */,
+        id,
+        nameKey,
+        valueKey,
+    ];
+}
 export function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBodySize, decodedBodySize, url, initiator) {
     return [
-        53 /* ResourceTiming */,
+        53 /* Messages.Type.ResourceTiming */,
         timestamp,
         duration,
         ttfb,
@@ -316,20 +319,20 @@ export function ResourceTiming(timestamp, duration, ttfb, headerSize, encodedBod
 }
 export function ConnectionInformation(downlink, type) {
     return [
-        54 /* ConnectionInformation */,
+        54 /* Messages.Type.ConnectionInformation */,
         downlink,
         type,
     ];
 }
 export function SetPageVisibility(hidden) {
     return [
-        55 /* SetPageVisibility */,
+        55 /* Messages.Type.SetPageVisibility */,
         hidden,
     ];
 }
 export function LoadFontFace(parentID, family, source, descriptors) {
     return [
-        57 /* LoadFontFace */,
+        57 /* Messages.Type.LoadFontFace */,
         parentID,
         family,
         source,
@@ -338,13 +341,13 @@ export function LoadFontFace(parentID, family, source, descriptors) {
 }
 export function SetNodeFocus(id) {
     return [
-        58 /* SetNodeFocus */,
+        58 /* Messages.Type.SetNodeFocus */,
         id,
     ];
 }
 export function LongTask(timestamp, duration, context, containerType, containerSrc, containerId, containerName) {
     return [
-        59 /* LongTask */,
+        59 /* Messages.Type.LongTask */,
         timestamp,
         duration,
         context,
@@ -356,7 +359,7 @@ export function LongTask(timestamp, duration, context, containerType, containerS
 }
 export function SetNodeAttributeURLBased(id, name, value, baseURL) {
     return [
-        60 /* SetNodeAttributeURLBased */,
+        60 /* Messages.Type.SetNodeAttributeURLBased */,
         id,
         name,
         value,
@@ -365,7 +368,7 @@ export function SetNodeAttributeURLBased(id, name, value, baseURL) {
 }
 export function SetCSSDataURLBased(id, data, baseURL) {
     return [
-        61 /* SetCSSDataURLBased */,
+        61 /* Messages.Type.SetCSSDataURLBased */,
         id,
         data,
         baseURL,
@@ -373,21 +376,21 @@ export function SetCSSDataURLBased(id, data, baseURL) {
 }
 export function TechnicalInfo(type, value) {
     return [
-        63 /* TechnicalInfo */,
+        63 /* Messages.Type.TechnicalInfo */,
         type,
         value,
     ];
 }
 export function CustomIssue(name, payload) {
     return [
-        64 /* CustomIssue */,
+        64 /* Messages.Type.CustomIssue */,
         name,
         payload,
     ];
 }
 export function CSSInsertRuleURLBased(id, rule, index, baseURL) {
     return [
-        67 /* CSSInsertRuleURLBased */,
+        67 /* Messages.Type.CSSInsertRuleURLBased */,
         id,
         rule,
         index,
@@ -396,7 +399,7 @@ export function CSSInsertRuleURLBased(id, rule, index, baseURL) {
 }
 export function MouseClick(id, hesitationTime, label, selector) {
     return [
-        69 /* MouseClick */,
+        69 /* Messages.Type.MouseClick */,
         id,
         hesitationTime,
         label,
@@ -405,14 +408,14 @@ export function MouseClick(id, hesitationTime, label, selector) {
 }
 export function CreateIFrameDocument(frameID, id) {
     return [
-        70 /* CreateIFrameDocument */,
+        70 /* Messages.Type.CreateIFrameDocument */,
         frameID,
         id,
     ];
 }
 export function AdoptedSSReplaceURLBased(sheetID, text, baseURL) {
     return [
-        71 /* AdoptedSSReplaceURLBased */,
+        71 /* Messages.Type.AdoptedSSReplaceURLBased */,
         sheetID,
         text,
         baseURL,
@@ -420,7 +423,7 @@ export function AdoptedSSReplaceURLBased(sheetID, text, baseURL) {
 }
 export function AdoptedSSInsertRuleURLBased(sheetID, rule, index, baseURL) {
     return [
-        73 /* AdoptedSSInsertRuleURLBased */,
+        73 /* Messages.Type.AdoptedSSInsertRuleURLBased */,
         sheetID,
         rule,
         index,
@@ -429,38 +432,55 @@ export function AdoptedSSInsertRuleURLBased(sheetID, rule, index, baseURL) {
 }
 export function AdoptedSSDeleteRule(sheetID, index) {
     return [
-        75 /* AdoptedSSDeleteRule */,
+        75 /* Messages.Type.AdoptedSSDeleteRule */,
         sheetID,
         index,
     ];
 }
 export function AdoptedSSAddOwner(sheetID, id) {
     return [
-        76 /* AdoptedSSAddOwner */,
+        76 /* Messages.Type.AdoptedSSAddOwner */,
         sheetID,
         id,
     ];
 }
 export function AdoptedSSRemoveOwner(sheetID, id) {
     return [
-        77 /* AdoptedSSRemoveOwner */,
+        77 /* Messages.Type.AdoptedSSRemoveOwner */,
         sheetID,
         id,
     ];
 }
+export function JSException(name, message, payload, metadata) {
+    return [
+        78 /* Messages.Type.JSException */,
+        name,
+        message,
+        payload,
+        metadata,
+    ];
+}
 export function Zustand(mutation, state) {
     return [
-        79 /* Zustand */,
+        79 /* Messages.Type.Zustand */,
         mutation,
         state,
     ];
 }
-export function JSException(name, message, payload, metadata) {
+export function BatchMetadata(version, pageNo, firstIndex, timestamp, location) {
     return [
-        78 /* JSException */,
-        name,
-        message,
-        payload,
-        metadata,
+        81 /* Messages.Type.BatchMetadata */,
+        version,
+        pageNo,
+        firstIndex,
+        timestamp,
+        location,
+    ];
+}
+export function PartitionedMessage(partNo, partTotal) {
+    return [
+        82 /* Messages.Type.PartitionedMessage */,
+        partNo,
+        partTotal,
     ];
 }

package/lib/app/nodes.d.ts

@@ -1,4 +1,4 @@
-declare type NodeCallback = (node: Node, isStart: boolean) => void;
+type NodeCallback = (node: Node, isStart: boolean) => void;
 export default class Nodes {
     private readonly node_id;
     private nodes;

package/lib/app/observer/iframe_offsets.d.ts

@@ -1,4 +1,4 @@
-export declare type Offset = [/*left:*/ number, /*top: */ number];
+export type Offset = [/*left:*/ number, /*top: */ number];
 export default class IFrameOffsets {
     private readonly states;
     private calcOffset;

package/lib/app/observer/observer.js

@@ -123,7 +123,7 @@ export default class Observer {
             return;
         }
         if (name === 'value' &&
-            hasTag(node, 'INPUT') &&
+            hasTag(node, 'input') &&
             node.type !== 'button' &&
             node.type !== 'reset' &&
             node.type !== 'submit') {
@@ -133,7 +133,7 @@ export default class Observer {
             this.app.send(RemoveNodeAttribute(id, name));
             return;
         }
-        if (name === 'style' || (name === 'href' && hasTag(node, 'LINK'))) {
+        if (name === 'style' || (name === 'href' && hasTag(node, 'link'))) {
             this.app.send(SetNodeAttributeURLBased(id, name, value, this.app.getBaseHref()));
             return;
         }
@@ -143,7 +143,7 @@ export default class Observer {
         this.app.send(SetNodeAttribute(id, name, value));
     }
     sendNodeData(id, parentElement, data) {
-        if (hasTag(parentElement, 'STYLE') || hasTag(parentElement, 'style')) {
+        if (hasTag(parentElement, 'style')) {
             this.app.send(SetCSSDataURLBased(id, data, this.app.getBaseHref()));
             return;
         }
@@ -204,7 +204,7 @@ export default class Observer {
         // Disable parent check for the upper context HTMLHtmlElement, because it is root there... (before)
         // TODO: get rid of "special" cases (there is an issue with CreateDocument altered behaviour though)
         // TODO: Clean the logic (though now it workd fine)
-        if (!hasTag(node, 'HTML') || !this.isTopContext) {
+        if (!hasTag(node, 'html') || !this.isTopContext) {
             if (parent === null) {
                 // Sometimes one observation contains attribute mutations for the removimg node, which gets ignored here.
                 // That shouldn't affect the visual rendering ( should it? maybe when transition applied? )
@@ -312,7 +312,7 @@ export default class Observer {
         });
         this.clear();
     }
-    // ISSSUE (nodeToBinde should be the same as node. Look at the comment about 0-node at the beginning of the file.)
+    // ISSSUE (nodeToBinde should be the same as node in all cases. Look at the comment about 0-node at the beginning of the file.)
     // TODO: use one observer instance for all iframes/shadowRoots (composition instiad of inheritance)
     observeRoot(node, beforeCommit, nodeToBind = node) {
         this.observer.observe(node, {

package/lib/app/observer/top_observer.d.ts

@@ -4,8 +4,8 @@ import App from '../index.js';
 export interface Options {
     captureIFrames: boolean;
 }
-declare type Context = Window & typeof globalThis;
-declare type ContextCallback = (context: Context) => void;
+type Context = Window & typeof globalThis;
+type ContextCallback = (context: Context) => void;
 export default class TopObserver extends Observer {
     private readonly options;
     private readonly iframeOffsets;

package/lib/app/observer/top_observer.js

@@ -20,7 +20,7 @@ export default class TopObserver extends Observer {
         }, options);
         // IFrames
         this.app.nodes.attachNodeCallback((node) => {
-            if (hasTag(node, 'IFRAME') &&
+            if (hasTag(node, 'iframe') &&
                 ((this.options.captureIFrames && !hasOpenreplayAttribute(node, 'obscured')) ||
                     hasOpenreplayAttribute(node, 'capture'))) {
                 this.handleIframe(node);