@gemx-dev/heatmap-react 3.5.92-dev.28 → 3.5.92-dev.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/hooks/viz-elm/useClickedElement.d.ts +1 -1
- package/dist/esm/hooks/viz-elm/useClickedElement.d.ts.map +1 -1
- package/dist/esm/index.js +8 -6
- package/dist/esm/index.mjs +8 -6
- package/dist/esm/libs/visualizer/GXVisualizer.d.ts.map +1 -1
- package/dist/esm/types/viz-scrollmap.d.ts +6 -4
- package/dist/esm/types/viz-scrollmap.d.ts.map +1 -1
- package/dist/umd/hooks/viz-elm/useClickedElement.d.ts +1 -1
- package/dist/umd/hooks/viz-elm/useClickedElement.d.ts.map +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/libs/visualizer/GXVisualizer.d.ts.map +1 -1
- package/dist/umd/types/viz-scrollmap.d.ts +6 -4
- package/dist/umd/types/viz-scrollmap.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ interface Params {
|
|
|
3
3
|
visualRef: IHeatmapRef['Visual'];
|
|
4
4
|
getRect: (el?: any) => ElementRect | null;
|
|
5
5
|
}
|
|
6
|
-
export declare const scrollToElementIfNeeded: (visualRef:
|
|
6
|
+
export declare const scrollToElementIfNeeded: (visualRef: IHeatmapRef["Visual"], rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
|
|
7
7
|
export declare const useClickedElement: ({ visualRef, getRect }: Params) => {
|
|
8
8
|
clickedElement: ElementInfo | null;
|
|
9
9
|
showMissingElement: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,
|
|
1
|
+
{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,WAAW,CAAC,QAAQ,CAAC,EAChC,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -6624,7 +6624,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6624
6624
|
buildHtmlByCached = async (cached, options) => {
|
|
6625
6625
|
const { target, useproxy, portalCanvasId } = options;
|
|
6626
6626
|
if (!cached || !target)
|
|
6627
|
-
throw new Error('Failed to render HTML cached');
|
|
6627
|
+
throw new Error('Failed to render HTML cached', { cause: { cached, target } });
|
|
6628
6628
|
const doc = target.document;
|
|
6629
6629
|
try {
|
|
6630
6630
|
await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
|
|
@@ -6640,7 +6640,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6640
6640
|
// Replay shadow DOM mutations + StyleSheet + CustomElement
|
|
6641
6641
|
await this.renderLoop(this, { ...options, events: cached.specialEvents });
|
|
6642
6642
|
};
|
|
6643
|
-
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: 'DOM ready' });
|
|
6643
|
+
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml - Cached] DOM ready' });
|
|
6644
6644
|
await process();
|
|
6645
6645
|
return this;
|
|
6646
6646
|
}
|
|
@@ -6653,14 +6653,16 @@ class GXVisualizer extends Visualizer {
|
|
|
6653
6653
|
if (!decoded || decoded.length === 0 || !target)
|
|
6654
6654
|
return this;
|
|
6655
6655
|
try {
|
|
6656
|
+
const doc = target.document;
|
|
6656
6657
|
const merged = this.mergeForHtml(decoded);
|
|
6657
6658
|
await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
|
|
6658
6659
|
await this.renderLoop(this, { events: merged.events, target, useproxy });
|
|
6659
|
-
// if (hasVoidContainerChildren(
|
|
6660
|
+
// if (hasVoidContainerChildren(doc)) return this;
|
|
6661
|
+
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml] DOM ready' });
|
|
6660
6662
|
const timestamp = Date.now();
|
|
6661
6663
|
const version = decoded[0].envelope.version;
|
|
6662
|
-
const html =
|
|
6663
|
-
const shadowHostTags = collectShadowHostTags(
|
|
6664
|
+
const html = doc.documentElement.outerHTML;
|
|
6665
|
+
const shadowHostTags = collectShadowHostTags(doc);
|
|
6664
6666
|
const specialDom = extractSpecialDom(merged.dom, merged.events, shadowHostTags);
|
|
6665
6667
|
const specialEvents = extractSpecialEvents(merged.events, merged.dom, shadowHostTags);
|
|
6666
6668
|
void htmlCache.set({ key: cacheKey, html, specialDom, specialEvents, version, timestamp });
|
|
@@ -6668,7 +6670,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6668
6670
|
catch (e) {
|
|
6669
6671
|
if (logerror)
|
|
6670
6672
|
logerror(e);
|
|
6671
|
-
console.log(`[
|
|
6673
|
+
console.log(`[BuildHtml] ~ Error:`, e);
|
|
6672
6674
|
}
|
|
6673
6675
|
return this;
|
|
6674
6676
|
};
|
package/dist/esm/index.mjs
CHANGED
|
@@ -6624,7 +6624,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6624
6624
|
buildHtmlByCached = async (cached, options) => {
|
|
6625
6625
|
const { target, useproxy, portalCanvasId } = options;
|
|
6626
6626
|
if (!cached || !target)
|
|
6627
|
-
throw new Error('Failed to render HTML cached');
|
|
6627
|
+
throw new Error('Failed to render HTML cached', { cause: { cached, target } });
|
|
6628
6628
|
const doc = target.document;
|
|
6629
6629
|
try {
|
|
6630
6630
|
await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
|
|
@@ -6640,7 +6640,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6640
6640
|
// Replay shadow DOM mutations + StyleSheet + CustomElement
|
|
6641
6641
|
await this.renderLoop(this, { ...options, events: cached.specialEvents });
|
|
6642
6642
|
};
|
|
6643
|
-
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: 'DOM ready' });
|
|
6643
|
+
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml - Cached] DOM ready' });
|
|
6644
6644
|
await process();
|
|
6645
6645
|
return this;
|
|
6646
6646
|
}
|
|
@@ -6653,14 +6653,16 @@ class GXVisualizer extends Visualizer {
|
|
|
6653
6653
|
if (!decoded || decoded.length === 0 || !target)
|
|
6654
6654
|
return this;
|
|
6655
6655
|
try {
|
|
6656
|
+
const doc = target.document;
|
|
6656
6657
|
const merged = this.mergeForHtml(decoded);
|
|
6657
6658
|
await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
|
|
6658
6659
|
await this.renderLoop(this, { events: merged.events, target, useproxy });
|
|
6659
|
-
// if (hasVoidContainerChildren(
|
|
6660
|
+
// if (hasVoidContainerChildren(doc)) return this;
|
|
6661
|
+
await retry(() => doc.readyState === 'complete', { timeout: 30000, label: '[BuildHtml] DOM ready' });
|
|
6660
6662
|
const timestamp = Date.now();
|
|
6661
6663
|
const version = decoded[0].envelope.version;
|
|
6662
|
-
const html =
|
|
6663
|
-
const shadowHostTags = collectShadowHostTags(
|
|
6664
|
+
const html = doc.documentElement.outerHTML;
|
|
6665
|
+
const shadowHostTags = collectShadowHostTags(doc);
|
|
6664
6666
|
const specialDom = extractSpecialDom(merged.dom, merged.events, shadowHostTags);
|
|
6665
6667
|
const specialEvents = extractSpecialEvents(merged.events, merged.dom, shadowHostTags);
|
|
6666
6668
|
void htmlCache.set({ key: cacheKey, html, specialDom, specialEvents, version, timestamp });
|
|
@@ -6668,7 +6670,7 @@ class GXVisualizer extends Visualizer {
|
|
|
6668
6670
|
catch (e) {
|
|
6669
6671
|
if (logerror)
|
|
6670
6672
|
logerror(e);
|
|
6671
|
-
console.log(`[
|
|
6673
|
+
console.log(`[BuildHtml] ~ Error:`, e);
|
|
6672
6674
|
}
|
|
6673
6675
|
return this;
|
|
6674
6676
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAmCzD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACrF,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,qBAAa,YAAa,SAAQ,UAAW,YAAW,qBAAqB;IAC3E,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAyB;;IAkBjD,UAAU,GAAU,OAAO,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAcnE;IAEF,UAAU,GAAU,UAAU,MAAM,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAmBvF;IAEF;;;;;OAKG;IACH,SAAS,GAAI,eAAe,aAAa,EAAE,EAAE,SAAS,MAAM,EAAE,qBAAmB,KAAG,IAAI,CAGtF;IAEF;;;OAGG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAG7D;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"GXVisualizer.d.ts","sourceRoot":"","sources":["../../../src/libs/visualizer/GXVisualizer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAA0B,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAmCzD,UAAU,qBAAsB,SAAQ,UAAU;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACjE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,kBAAkB,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;IACrF,SAAS,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5F,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAAE,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClG;AAED,qBAAa,YAAa,SAAQ,UAAW,YAAW,qBAAqB;IAC3E,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,eAAe,CAAuB;IAC9C,OAAO,CAAC,gBAAgB,CAAyB;IACjD,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAA0B;IACnD,OAAO,CAAC,gBAAgB,CAAyB;;IAkBjD,UAAU,GAAU,OAAO,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAcnE;IAEF,UAAU,GAAU,UAAU,MAAM,EAAE,SAAS,kBAAkB,KAAG,OAAO,CAAC,YAAY,CAAC,CAmBvF;IAEF;;;;;OAKG;IACH,SAAS,GAAI,eAAe,aAAa,EAAE,EAAE,SAAS,MAAM,EAAE,qBAAmB,KAAG,IAAI,CAGtF;IAEF;;;OAGG;IACH,YAAY,GAAU,MAAM,iBAAiB,EAAE,KAAG,OAAO,CAAC,IAAI,CAAC,CAG7D;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,iBAAiB,CA6BvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
export interface IScrollMapInfoRow {
|
|
2
2
|
avgDwellTimeMs: number;
|
|
3
|
-
dropOffPercent: number;
|
|
4
3
|
dwellTimeMs: number;
|
|
5
4
|
orders: number;
|
|
6
|
-
percUsers: number;
|
|
7
5
|
revenue: number;
|
|
8
6
|
scrollReachPercent: number;
|
|
9
|
-
percSessionLength: number;
|
|
10
7
|
visitors: number;
|
|
11
8
|
convertedSessions: number;
|
|
9
|
+
convertedVisitors: number;
|
|
10
|
+
percUsers: number;
|
|
11
|
+
percDropOff: number;
|
|
12
12
|
percSessionConverted: number;
|
|
13
|
+
percDwellTimeMs: number;
|
|
14
|
+
percVisitorsConverted: number;
|
|
13
15
|
}
|
|
14
16
|
export interface IScrollMapInfo {
|
|
15
17
|
averageFold: number;
|
|
@@ -18,7 +20,7 @@ export interface IScrollMapInfo {
|
|
|
18
20
|
totalOrders?: number;
|
|
19
21
|
totalRevenue?: number;
|
|
20
22
|
totalSessions: number;
|
|
21
|
-
|
|
23
|
+
totalTimeOnPage: number;
|
|
22
24
|
}
|
|
23
25
|
export type IScrollMapMode = 'basic' | 'metrics';
|
|
24
26
|
export interface IScrollZonePosition {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viz-scrollmap.d.ts","sourceRoot":"","sources":["../../src/types/viz-scrollmap.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,
|
|
1
|
+
{"version":3,"file":"viz-scrollmap.d.ts","sourceRoot":"","sources":["../../src/types/viz-scrollmap.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}
|
|
@@ -3,7 +3,7 @@ interface Params {
|
|
|
3
3
|
visualRef: IHeatmapRef['Visual'];
|
|
4
4
|
getRect: (el?: any) => ElementRect | null;
|
|
5
5
|
}
|
|
6
|
-
export declare const scrollToElementIfNeeded: (visualRef:
|
|
6
|
+
export declare const scrollToElementIfNeeded: (visualRef: IHeatmapRef["Visual"], rect: ElementRect, scale: number, onScrollComplete?: () => void) => void;
|
|
7
7
|
export declare const useClickedElement: ({ visualRef, getRect }: Params) => {
|
|
8
8
|
clickedElement: ElementInfo | null;
|
|
9
9
|
showMissingElement: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,
|
|
1
|
+
{"version":3,"file":"useClickedElement.d.ts","sourceRoot":"","sources":["../../../src/hooks/viz-elm/useClickedElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjC,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,WAAW,GAAG,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,uBAAuB,GAClC,WAAW,WAAW,CAAC,QAAQ,CAAC,EAChC,MAAM,WAAW,EACjB,OAAO,MAAM,EACb,mBAAmB,MAAM,IAAI,KAC5B,IAkCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,wBAAwB,MAAM;;;;CA0D/D,CAAC"}
|