cryptique-sdk 1.2.13 → 1.2.14

package/lib/cjs/index.js

@@ -7926,6 +7926,39 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
     initializeSDK();
   }
 
+  // ============================================================================
+  // HEATMAP IFRAME BRIDGE
+  // When the SDK-instrumented page is embedded inside the Cryptique heatmap
+  // viewer iframe, report the full document height to the parent so the canvas
+  // overlay can be sized correctly (cross-origin pages cannot be read directly).
+  // ============================================================================
+  if (window.self !== window.top) {
+    const _sendHeatmapDimensions = () => {
+      try {
+        const h = Math.max(
+          document.body ? document.body.scrollHeight : 0,
+          document.documentElement ? document.documentElement.scrollHeight : 0
+        );
+        if (h > 0) {
+          window.parent.postMessage({ type: 'cryptique_heatmap_dimensions', document_height: h }, '*');
+        }
+      } catch (_) {}
+    };
+
+    // Send once the DOM is fully painted
+    if (document.readyState === 'complete') {
+      _sendHeatmapDimensions();
+    } else {
+      window.addEventListener('load', _sendHeatmapDimensions);
+    }
+
+    // Re-send whenever the page grows (lazy-loaded content, SPAs, accordions, etc.)
+    try {
+      const _heatmapRO = new ResizeObserver(_sendHeatmapDimensions);
+      _heatmapRO.observe(document.documentElement);
+    } catch (_) {}
+  }
+
   // ============================================================================
   // END OF SECTION 15
   // ============================================================================

package/lib/esm/index.js

@@ -7924,6 +7924,39 @@ if (window.Cryptique && window.Cryptique.initialized) ; else {
     initializeSDK();
   }
 
+  // ============================================================================
+  // HEATMAP IFRAME BRIDGE
+  // When the SDK-instrumented page is embedded inside the Cryptique heatmap
+  // viewer iframe, report the full document height to the parent so the canvas
+  // overlay can be sized correctly (cross-origin pages cannot be read directly).
+  // ============================================================================
+  if (window.self !== window.top) {
+    const _sendHeatmapDimensions = () => {
+      try {
+        const h = Math.max(
+          document.body ? document.body.scrollHeight : 0,
+          document.documentElement ? document.documentElement.scrollHeight : 0
+        );
+        if (h > 0) {
+          window.parent.postMessage({ type: 'cryptique_heatmap_dimensions', document_height: h }, '*');
+        }
+      } catch (_) {}
+    };
+
+    // Send once the DOM is fully painted
+    if (document.readyState === 'complete') {
+      _sendHeatmapDimensions();
+    } else {
+      window.addEventListener('load', _sendHeatmapDimensions);
+    }
+
+    // Re-send whenever the page grows (lazy-loaded content, SPAs, accordions, etc.)
+    try {
+      const _heatmapRO = new ResizeObserver(_sendHeatmapDimensions);
+      _heatmapRO.observe(document.documentElement);
+    } catch (_) {}
+  }
+
   // ============================================================================
   // END OF SECTION 15
   // ============================================================================

package/lib/umd/index.js

@@ -7930,6 +7930,39 @@
       initializeSDK();
     }
 
+    // ============================================================================
+    // HEATMAP IFRAME BRIDGE
+    // When the SDK-instrumented page is embedded inside the Cryptique heatmap
+    // viewer iframe, report the full document height to the parent so the canvas
+    // overlay can be sized correctly (cross-origin pages cannot be read directly).
+    // ============================================================================
+    if (window.self !== window.top) {
+      const _sendHeatmapDimensions = () => {
+        try {
+          const h = Math.max(
+            document.body ? document.body.scrollHeight : 0,
+            document.documentElement ? document.documentElement.scrollHeight : 0
+          );
+          if (h > 0) {
+            window.parent.postMessage({ type: 'cryptique_heatmap_dimensions', document_height: h }, '*');
+          }
+        } catch (_) {}
+      };
+
+      // Send once the DOM is fully painted
+      if (document.readyState === 'complete') {
+        _sendHeatmapDimensions();
+      } else {
+        window.addEventListener('load', _sendHeatmapDimensions);
+      }
+
+      // Re-send whenever the page grows (lazy-loaded content, SPAs, accordions, etc.)
+      try {
+        const _heatmapRO = new ResizeObserver(_sendHeatmapDimensions);
+        _heatmapRO.observe(document.documentElement);
+      } catch (_) {}
+    }
+
     // ============================================================================
     // END OF SECTION 15
     // ============================================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cryptique-sdk",
-  "version": "1.2.13",
+  "version": "1.2.14",
   "type": "module",
   "description": "Cryptique Analytics SDK - Comprehensive web analytics and user tracking for modern web applications",
   "main": "lib/cjs/index.js",