@adobe/helix-rum-enhancer 1.13.1 → 1.14.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+# [1.14.0](https://github.com/adobe/helix-rum-enhancer/compare/v1.13.2...v1.14.0) (2024-04-16)
+
+
+### Bug Fixes
+
+* pr reviews ([8c1a9ae](https://github.com/adobe/helix-rum-enhancer/commit/8c1a9ae8af07baf9d230a428d612f6e9693ca692))
+
+
+### Features
+
+* report source and target along with lcp event ([5846b71](https://github.com/adobe/helix-rum-enhancer/commit/5846b7110d0acda3789274ddf6b5d3ac43d196eb))
+
+## [1.13.2](https://github.com/adobe/helix-rum-enhancer/compare/v1.13.1...v1.13.2) (2024-03-27)
+
+
+### Bug Fixes
+
+* remove conflicting variables ([3f871d2](https://github.com/adobe/helix-rum-enhancer/commit/3f871d2e1396ddf0f579056db9bfdb8e72c1b6de))
+
 ## [1.13.1](https://github.com/adobe/helix-rum-enhancer/compare/v1.13.0...v1.13.1) (2024-03-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-rum-enhancer",
-  "version": "1.13.1",
+  "version": "1.14.0",
   "description": "Helix RUM Enhancer",
   "main": "src/index.js",
   "type": "module",
@@ -42,7 +42,7 @@
     "jsdoc-to-markdown": "8.0.1",
     "junit-report-builder": "3.2.1",
     "lint-staged": "15.2.2",
-    "mocha": "10.3.0",
+    "mocha": "10.4.0",
     "mocha-multi-reporters": "1.5.1",
     "semantic-release": "22.0.12"
   },

package/src/index.js

@@ -89,6 +89,13 @@ sampleRUM.drain('cwv', (() => {
     const storeCWV = (measurement) => {
       const data = { cwv: {} };
       data.cwv[measurement.name] = measurement.value;
+
+      if (measurement.name === 'LCP' && measurement.entries.length > 0) {
+        const { element } = measurement.entries.pop();
+        data.target = sampleRUM.targetselector(element);
+        data.source = sampleRUM.sourceselector(element) || element.outerHTML.slice(0, 30);
+      }
+
       sampleRUM('cwv', data);
     };
 
@@ -159,7 +166,7 @@ document.querySelectorAll('form').forEach((form) => {
 window.addEventListener('visibilitychange', ((event) => sampleRUM.leave(event)));
 window.addEventListener('pagehide', ((event) => sampleRUM.leave(event)));
 
-const observer = new PerformanceObserver((list) => {
+new PerformanceObserver((list) => {
   list.getEntries()
     .filter((entry) => !entry.responseStatus || entry.responseStatus < 400)
     .filter((entry) => window.location.hostname === new URL(entry.name).hostname)
@@ -175,11 +182,9 @@ const observer = new PerformanceObserver((list) => {
         sampleRUM('missingresource', { source: entry.name, target: entry.hostname });
       });
   }
-});
-observer.observe({ type: 'resource', buffered: true });
+}).observe({ type: 'resource', buffered: true });
 
-const usp = new URLSearchParams(window.location.search);
-[...usp.entries()]
+[...new URLSearchParams(window.location.search).entries()]
   .filter(([key]) => key.startsWith('utm_'))
   .filter(([key]) => key !== 'utm_id')
   .forEach(([key, value]) => {