@gemx-dev/heatmap-react 3.5.92-dev.27 → 3.5.92-dev.28

package/dist/esm/index.js

@@ -5264,7 +5264,8 @@ async function runTracked(label, fn) {
     await fn();
     perf$3.measure(label, t);
 }
-async function runPhase(phaseKey, methodName, entries, ctx) {
+async function runPhase(ctx, options) {
+    const { phaseKey, methodName, entries } = options;
     await runTracked(`${phaseKey}.${methodName}`, async () => {
         for (const { name, fn } of entries) {
             logger.log(`[${methodName}] ${name}`);
@@ -5299,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
 }
 // ── Pipeline ──────────────────────────────────────────────────────────────────
 async function run$1(ctx, activeGlobal, shopFix) {
-    await runPhase('phase1', 'beforeProcess', [...collectGlobalEntries(activeGlobal, 'beforeProcess'), ...shopEntry(shopFix, 'beforeProcess')], ctx);
-    await runPhase('phase2', 'process', collectGlobalEntries(activeGlobal, 'process'), ctx);
-    await runPhase('phase3', 'afterProcess', [...shopEntry(shopFix, 'afterProcess'), ...collectGlobalEntries(activeGlobal, 'afterProcess')], ctx);
+    // [Phase 1]: beforeProcess (global → shop)
+    const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
+    const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase1',
+        methodName: 'beforeProcess',
+        entries: [...beforeGlobalEntries, ...beforeShopEntries],
+    });
+    // [Phase 2]: process (global fixes)
+    const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
+    await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
+    // [Phase 3]: afterProcess (shop → global)
+    const afterShopEntries = shopEntry(shopFix, 'afterProcess');
+    const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase3',
+        methodName: 'afterProcess',
+        entries: [...afterShopEntries, ...afterGlobalEntries],
+    });
     const t4 = perf$3.mark('phase4.getDimensions');
     await waitForAnimationFrame();
     const dimensions = resolveFirstDimensions(ctx, [
@@ -6612,7 +6629,7 @@ class GXVisualizer extends Visualizer {
         try {
             await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
             doc.open();
-            doc.write(cached.html);
+            doc.writeln(cached.html);
             doc.close();
             const process = async () => {
                 this.layout.hydrate(doc);
@@ -6639,6 +6656,7 @@ class GXVisualizer extends Visualizer {
             const merged = this.mergeForHtml(decoded);
             await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
             await this.renderLoop(this, { events: merged.events, target, useproxy });
+            // if (hasVoidContainerChildren(target.document)) return this;
             const timestamp = Date.now();
             const version = decoded[0].envelope.version;
             const html = target.document.documentElement.outerHTML;
@@ -6650,6 +6668,7 @@ class GXVisualizer extends Visualizer {
         catch (e) {
             if (logerror)
                 logerror(e);
+            console.log(`[BuildHtmlForCache] Error:`, e);
         }
         return this;
     };
@@ -8780,7 +8799,7 @@ const VizDomRenderer = ({ mode }) => {
     const viewId = useViewIdContext();
     const viewport = useHeatmapViewportByDevice();
     const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
-    const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    // const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
     const wrapperRef = useRef(null);
     const visualRef = useRef(null);
     const { iframeRef } = useHeatmapRenderDom();
@@ -8791,7 +8810,7 @@ const VizDomRenderer = ({ mode }) => {
         const scrollTop = e.currentTarget.scrollTop;
         handleScroll(scrollTop);
     };
-    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: wrapperHeight }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
+    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
 };
 
 const VizLoading = () => {

package/dist/esm/index.mjs

@@ -5264,7 +5264,8 @@ async function runTracked(label, fn) {
     await fn();
     perf$3.measure(label, t);
 }
-async function runPhase(phaseKey, methodName, entries, ctx) {
+async function runPhase(ctx, options) {
+    const { phaseKey, methodName, entries } = options;
     await runTracked(`${phaseKey}.${methodName}`, async () => {
         for (const { name, fn } of entries) {
             logger.log(`[${methodName}] ${name}`);
@@ -5299,9 +5300,25 @@ function resolveFirstDimensions(ctx, candidates) {
 }
 // ── Pipeline ──────────────────────────────────────────────────────────────────
 async function run$1(ctx, activeGlobal, shopFix) {
-    await runPhase('phase1', 'beforeProcess', [...collectGlobalEntries(activeGlobal, 'beforeProcess'), ...shopEntry(shopFix, 'beforeProcess')], ctx);
-    await runPhase('phase2', 'process', collectGlobalEntries(activeGlobal, 'process'), ctx);
-    await runPhase('phase3', 'afterProcess', [...shopEntry(shopFix, 'afterProcess'), ...collectGlobalEntries(activeGlobal, 'afterProcess')], ctx);
+    // [Phase 1]: beforeProcess (global → shop)
+    const beforeGlobalEntries = collectGlobalEntries(activeGlobal, 'beforeProcess');
+    const beforeShopEntries = shopEntry(shopFix, 'beforeProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase1',
+        methodName: 'beforeProcess',
+        entries: [...beforeGlobalEntries, ...beforeShopEntries],
+    });
+    // [Phase 2]: process (global fixes)
+    const processGlobalEntries = collectGlobalEntries(activeGlobal, 'process');
+    await runPhase(ctx, { phaseKey: 'phase2', methodName: 'process', entries: [...processGlobalEntries] });
+    // [Phase 3]: afterProcess (shop → global)
+    const afterShopEntries = shopEntry(shopFix, 'afterProcess');
+    const afterGlobalEntries = collectGlobalEntries(activeGlobal, 'afterProcess');
+    await runPhase(ctx, {
+        phaseKey: 'phase3',
+        methodName: 'afterProcess',
+        entries: [...afterShopEntries, ...afterGlobalEntries],
+    });
     const t4 = perf$3.mark('phase4.getDimensions');
     await waitForAnimationFrame();
     const dimensions = resolveFirstDimensions(ctx, [
@@ -6612,7 +6629,7 @@ class GXVisualizer extends Visualizer {
         try {
             await this.setup(target, { version: cached.version, useproxy, portalCanvasId });
             doc.open();
-            doc.write(cached.html);
+            doc.writeln(cached.html);
             doc.close();
             const process = async () => {
                 this.layout.hydrate(doc);
@@ -6639,6 +6656,7 @@ class GXVisualizer extends Visualizer {
             const merged = this.mergeForHtml(decoded);
             await this.setup(target, { version: decoded[0].envelope.version, dom: merged.dom, useproxy, portalCanvasId });
             await this.renderLoop(this, { events: merged.events, target, useproxy });
+            // if (hasVoidContainerChildren(target.document)) return this;
             const timestamp = Date.now();
             const version = decoded[0].envelope.version;
             const html = target.document.documentElement.outerHTML;
@@ -6650,6 +6668,7 @@ class GXVisualizer extends Visualizer {
         catch (e) {
             if (logerror)
                 logerror(e);
+            console.log(`[BuildHtmlForCache] Error:`, e);
         }
         return this;
     };
@@ -8780,7 +8799,7 @@ const VizDomRenderer = ({ mode }) => {
     const viewId = useViewIdContext();
     const viewport = useHeatmapViewportByDevice();
     const iframeHeight = useHeatmapVizRectContext((s) => s.iframeHeight);
-    const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
+    // const wrapperHeight = useHeatmapVizRectContext((s) => s.wrapperHeight);
     const wrapperRef = useRef(null);
     const visualRef = useRef(null);
     const { iframeRef } = useHeatmapRenderDom();
@@ -8791,7 +8810,7 @@ const VizDomRenderer = ({ mode }) => {
         const scrollTop = e.currentTarget.scrollTop;
         handleScroll(scrollTop);
     };
-    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: wrapperHeight }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
+    return (jsxs(WrapperVisual, { visualRef: visualRef, wrapperRef: wrapperRef, scaledHeight: scaledHeight, onScroll: onScroll, iframeHeight: iframeHeight, children: [jsx(VizClickmap, { iframeRef: iframeRef, visualRef: visualRef, wrapperRef: wrapperRef }), jsx("iframe", { ...HEATMAP_IFRAME, id: `clarity-iframe-${viewId}`, ref: iframeRef, width: viewport.width, height: viewport.height }), jsx(VizLoadingCanvas, {}), jsx(VizScrollMap, { visualRef: visualRef, iframeRef: iframeRef, wrapperRef: wrapperRef })] }));
 };
 
 const VizLoading = () => {

package/dist/esm/libs/iframe-processor/processors/viewport/pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AA6DD,wBAAsB,GAAG,CACvB,GAAG,EAAE,kBAAkB,EACvB,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CA2B5C"}
+{"version":3,"file":"pipeline.d.ts","sourceRoot":"","sources":["../../../../../src/libs/iframe-processor/processors/viewport/pipeline.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAE9C;AAiED,wBAAsB,GAAG,CACvB,GAAG,EAAE,kBAAkB,EACvB,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,OAAO,EAAE,eAAe,GAAG,IAAI,GAC9B,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAmC5C"}

package/dist/esm/libs/visualizer/GXVisualizer.d.ts.map

@@ -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;AAQzD,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,CAwBvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}
+{"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,CA2BvB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,aAAa,CASnB;IAEF,OAAO,CAAC,gBAAgB,CAItB;CACH"}