@gemx-dev/clarity-visualize 0.8.62 → 0.8.64

package/src/visualizer.ts

@@ -1,6 +1,7 @@
-import { Activity, Constant, ErrorLogger, LinkHandler, MergedPayload, Options, PlaybackState, ScrollMapInfo, Setting, ShortCircuitStrategy, Visualizer as VisualizerType } from "@clarity-types/visualize";
-import { Data } from "@gemx-dev/clarity-js";
 import type { Data as DecodedData, Interaction, Layout } from "@gemx-dev/clarity-decode";
+
+import { Activity, Constant, ErrorLogger, LinkHandler, MergedPayload, Options, PlaybackState, ScrollMapInfo, Setting, ShortCircuitStrategy, Visualizer as VisualizerType } from "@clarity-types/visualize";
+import { Data, helper } from "@gemx-dev/clarity-js";
 import { DataHelper } from "./data";
 import { EnrichHelper } from "./enrich";
 import { HeatmapHelper } from "./heatmap";
@@ -12,6 +13,7 @@ export class Visualizer implements VisualizerType {
     _state: PlaybackState = null;
     renderTime = 0;
     hashFoundTime = -1;
+    _excludeClassNames: string[] = [];
 
     enrich: EnrichHelper;
     layout: LayoutHelper;
@@ -23,6 +25,11 @@ export class Visualizer implements VisualizerType {
         return this._state;
     }
 
+    public configure = (opts: { excludeClassNames?: string[] }): void => {
+        this._excludeClassNames = opts.excludeClassNames || [];
+        helper.selector.configure(this._excludeClassNames);
+    }
+
     public dom = async (event: Layout.DomEvent): Promise<void> => {
         await this.layout.dom(event);
     }
@@ -116,6 +123,7 @@ export class Visualizer implements VisualizerType {
         decoded = decoded.sort(this.sortPayloads);
         // Re-initialize enrich class if someone ends up calling merge function directly
         this.enrich = this.enrich || new EnrichHelper();
+        helper.selector.configure(this._excludeClassNames);
         this.enrich.reset();
         // Walk through payloads and generate merged payload from an array of decoded payloads
         for (let payload of decoded) {
@@ -148,6 +156,10 @@ export class Visualizer implements VisualizerType {
 
     public setup = async (target: Window, options: Options): Promise<Visualizer> => {
         this.reset();
+        if (options.excludeClassNames) {
+            this._excludeClassNames = options.excludeClassNames;
+            helper.selector.configure(options.excludeClassNames);
+        }
         // Infer options
         options.pointer = "pointer" in options ? options.pointer : true;
         options.canvas = "canvas" in options ? options.canvas : true;

package/types/visualize.d.ts

@@ -27,6 +27,7 @@ export class Visualizer {
     merge: (decoded: Data.DecodedPayload[]) => MergedPayload;
     render: (events: Data.DecodedEvent[]) =>  void;
     setup: (target: Window, options: Options) => Promise<Visualizer>;
+    configure: (opts: { excludeClassNames?: string[] }) => void;
     time: () => number;
     get: (hash: string) => HTMLElement;
 }
@@ -70,6 +71,7 @@ export interface Options {
     mobile?: boolean;
     vNext?: boolean;
     locale?: string;
+    excludeClassNames?: string[];
 }
 
 export interface NodeData {