@openreplay/tracker 16.1.4 → 16.2.0

package/dist/lib/main/app/index.d.ts

@@ -172,6 +172,7 @@ export default class App {
     private frameOderNumber;
     private features;
     private emptyBatchCounter;
+    private inlineCss;
     constructor(projectKey: string, sessionToken: string | undefined, options: Partial<Options>, signalError: (error: string, apis: string[]) => void, insideIframe: boolean);
     /** used by child iframes for crossdomain only */
     parentActive: boolean;
@@ -198,7 +199,7 @@ export default class App {
     private initWorker;
     private handleWorkerMsg;
     private _debug;
-    send(message: Message, urgent?: boolean): void;
+    send: (message: Message, urgent?: boolean) => void;
     /**
      * Normal workflow: add timestamp and tab data to batch, then commit it
      * every ~30ms

package/dist/lib/main/app/observer/cssInliner.d.ts

@@ -0,0 +1 @@
+export declare function inlineRemoteCss(node: HTMLLinkElement, id: number, baseHref: string, getNextID: () => number, insertRule: (id: number, cssText: string, index: number, baseHref: string) => any[], addOwner: (sheetId: number, ownerId: number) => any[], forceFetch?: boolean, sendPlain?: boolean, onPlain?: (cssText: string, id: number) => void): void;

package/dist/lib/main/app/observer/observer.d.ts

@@ -1,4 +1,12 @@
 import App from '../index.js';
+interface Options {
+    inlineRemoteCss?: boolean;
+    disableSprites?: boolean;
+    inlinerOptions?: {
+        forceFetch?: boolean;
+        forcePlain?: boolean;
+    };
+}
 export default abstract class Observer {
     protected readonly app: App;
     protected readonly isTopContext: boolean;
@@ -9,10 +17,15 @@ export default abstract class Observer {
     private readonly attributesMap;
     private readonly textSet;
     private readonly disableSprites;
+    /**
+     * this option means that, instead of using link element with href to load css,
+     * we will try to parse the css text instead and send it as css rules set
+     * can (and will) affect performance
+     * */
+    private readonly inlineRemoteCss;
+    private readonly inlinerOptions;
     private readonly domParser;
-    constructor(app: App, isTopContext?: boolean, options?: {
-        disableSprites: boolean;
-    });
+    constructor(app: App, isTopContext?: boolean, options?: Options);
     private clear;
     /**
      * EXPERIMENTAL: Unbinds the removed nodes in case of iframe src change.
@@ -31,3 +44,4 @@ export default abstract class Observer {
     protected observeRoot(node: Node, beforeCommit: (id?: number) => unknown, nodeToBind?: Node): void;
     disconnect(): void;
 }
+export {};

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

@@ -1,9 +1,23 @@
 import Observer from './observer.js';
 import { Offset } from './iframe_offsets.js';
 import App from '../index.js';
+export declare enum InlineCssMode {
+    None = 0,
+    RemoteOnly = 1,
+    RemoteWithForceFetch = 2,
+    All = 3
+}
 export interface Options {
     captureIFrames: boolean;
     disableSprites: boolean;
+    /**
+     * with this option instead of using link element with href to load css,
+     * we will try to parse the css text instead and send it as css rules set
+     * can (and probably will) affect performance to certain degree,
+     * especially if the css itself is crossdomain
+     * @default false
+     * */
+    inlineCss: InlineCssMode;
 }
 type Context = Window & typeof globalThis;
 type ContextCallback = (context: Context) => void;

package/dist/types/main/app/index.d.ts

@@ -172,6 +172,7 @@ export default class App {
     private frameOderNumber;
     private features;
     private emptyBatchCounter;
+    private inlineCss;
     constructor(projectKey: string, sessionToken: string | undefined, options: Partial<Options>, signalError: (error: string, apis: string[]) => void, insideIframe: boolean);
     /** used by child iframes for crossdomain only */
     parentActive: boolean;
@@ -198,7 +199,7 @@ export default class App {
     private initWorker;
     private handleWorkerMsg;
     private _debug;
-    send(message: Message, urgent?: boolean): void;
+    send: (message: Message, urgent?: boolean) => void;
     /**
      * Normal workflow: add timestamp and tab data to batch, then commit it
      * every ~30ms

package/dist/types/main/app/observer/cssInliner.d.ts

@@ -0,0 +1 @@
+export declare function inlineRemoteCss(node: HTMLLinkElement, id: number, baseHref: string, getNextID: () => number, insertRule: (id: number, cssText: string, index: number, baseHref: string) => any[], addOwner: (sheetId: number, ownerId: number) => any[], forceFetch?: boolean, sendPlain?: boolean, onPlain?: (cssText: string, id: number) => void): void;

package/dist/types/main/app/observer/observer.d.ts

@@ -1,4 +1,12 @@
 import App from '../index.js';
+interface Options {
+    inlineRemoteCss?: boolean;
+    disableSprites?: boolean;
+    inlinerOptions?: {
+        forceFetch?: boolean;
+        forcePlain?: boolean;
+    };
+}
 export default abstract class Observer {
     protected readonly app: App;
     protected readonly isTopContext: boolean;
@@ -9,10 +17,15 @@ export default abstract class Observer {
     private readonly attributesMap;
     private readonly textSet;
     private readonly disableSprites;
+    /**
+     * this option means that, instead of using link element with href to load css,
+     * we will try to parse the css text instead and send it as css rules set
+     * can (and will) affect performance
+     * */
+    private readonly inlineRemoteCss;
+    private readonly inlinerOptions;
     private readonly domParser;
-    constructor(app: App, isTopContext?: boolean, options?: {
-        disableSprites: boolean;
-    });
+    constructor(app: App, isTopContext?: boolean, options?: Options);
     private clear;
     /**
      * EXPERIMENTAL: Unbinds the removed nodes in case of iframe src change.
@@ -31,3 +44,4 @@ export default abstract class Observer {
     protected observeRoot(node: Node, beforeCommit: (id?: number) => unknown, nodeToBind?: Node): void;
     disconnect(): void;
 }
+export {};

package/dist/types/main/app/observer/top_observer.d.ts

@@ -1,9 +1,23 @@
 import Observer from './observer.js';
 import { Offset } from './iframe_offsets.js';
 import App from '../index.js';
+export declare enum InlineCssMode {
+    None = 0,
+    RemoteOnly = 1,
+    RemoteWithForceFetch = 2,
+    All = 3
+}
 export interface Options {
     captureIFrames: boolean;
     disableSprites: boolean;
+    /**
+     * with this option instead of using link element with href to load css,
+     * we will try to parse the css text instead and send it as css rules set
+     * can (and probably will) affect performance to certain degree,
+     * especially if the css itself is crossdomain
+     * @default false
+     * */
+    inlineCss: InlineCssMode;
 }
 type Context = Window & typeof globalThis;
 type ContextCallback = (context: Context) => void;

package/package.json

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