@adobe/helix-rum-enhancer 2.26.4 → 2.28.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.28.0](https://github.com/adobe/helix-rum-enhancer/compare/v2.27.0...v2.28.0) (2025-01-02)
+
+
+### Features
+
+* remove (deprecated) FID ex-CWV ([58e39ae](https://github.com/adobe/helix-rum-enhancer/commit/58e39ae3eae6315562ab9c7aec479e9da2737e7d))
+
+# [2.27.0](https://github.com/adobe/helix-rum-enhancer/compare/v2.26.4...v2.27.0) (2024-12-20)
+
+
+### Features
+
+* adding new checkpoint fill ([#336](https://github.com/adobe/helix-rum-enhancer/issues/336)) ([d3887f3](https://github.com/adobe/helix-rum-enhancer/commit/d3887f3b7eb073aa9f9e18f4d4a106bf7fa5b676))
+
 ## [2.26.4](https://github.com/adobe/helix-rum-enhancer/compare/v2.26.3...v2.26.4) (2024-12-20)
 
 

package/modules/index.js

@@ -90,7 +90,7 @@ function addCWVTracking() {
 
         // When loading `web-vitals` using a classic script, all the public
         // methods can be found on the `webVitals` global namespace.
-        ['FID', 'INP', 'TTFB', 'CLS', 'LCP'].forEach((metric) => {
+        ['INP', 'TTFB', 'CLS', 'LCP'].forEach((metric) => {
           const metricFn = window.webVitals[`on${metric}`];
           if (typeof metricFn === 'function') {
             let opts = {};
@@ -251,21 +251,25 @@ function addViewMediaTracking(parent) {
   }
 }
 
-function addFocusTracking(parent) {
-  parent.addEventListener('focusin', (event) => {
-    if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(event.target.tagName)
-      || event.target.getAttribute('contenteditable') === 'true') {
-      sampleRUM('click', { source: sourceSelector(event.target) });
-    }
-  });
-}
-
 function addFormTracking(parent) {
   activateBlocksMO();
   activateMediaMO();
   parent.querySelectorAll('form').forEach((form) => {
     form.addEventListener('submit', (e) => sampleRUM('formsubmit', { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
-    addFocusTracking(form);
+    let lastSource;
+    form.addEventListener('change', (e) => {
+      const source = sourceSelector(e.target);
+      if (source !== lastSource) {
+        sampleRUM('fill', { source });
+        lastSource = source;
+      }
+    });
+    form.addEventListener('focusin', (e) => {
+      if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(e.target.tagName)
+        || e.target.getAttribute('contenteditable') === 'true') {
+        sampleRUM('click', { source: sourceSelector(e.target) });
+      }
+    });
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-rum-enhancer",
-  "version": "2.26.4",
+  "version": "2.28.0",
   "description": "Helix RUM Enhancer",
   "main": "src/index.js",
   "type": "module",
@@ -51,10 +51,10 @@
     "husky": "9.1.7",
     "jsdoc-to-markdown": "9.1.1",
     "junit-report-builder": "5.1.1",
-    "lint-staged": "15.2.11",
+    "lint-staged": "15.3.0",
     "mocha": "11.0.1",
     "mocha-multi-reporters": "1.5.1",
-    "rollup": "4.28.1",
+    "rollup": "4.29.1",
     "rollup-plugin-checksum": "1.0.1",
     "rollup-plugin-cleanup": "3.2.1",
     "rollup-plugin-eslint-bundle": "9.0.0",

package/src/index.js

@@ -248,7 +248,7 @@
             sampleRUM('cwv', data);
           };
           const isEager = (metric) => ['CLS', 'LCP'].includes(metric);
-          ['FID', 'INP', 'TTFB', 'CLS', 'LCP'].forEach((metric) => {
+          ['INP', 'TTFB', 'CLS', 'LCP'].forEach((metric) => {
             const metricFn = window.webVitals[`on${metric}`];
             if (typeof metricFn === 'function') {
               let opts = {};
@@ -384,20 +384,25 @@
       });
     }
   }
-  function addFocusTracking(parent) {
-    parent.addEventListener('focusin', (event) => {
-      if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(event.target.tagName)
-        || event.target.getAttribute('contenteditable') === 'true') {
-        sampleRUM('click', { source: sourceSelector(event.target) });
-      }
-    });
-  }
   function addFormTracking(parent) {
     activateBlocksMO();
     activateMediaMO();
     parent.querySelectorAll('form').forEach((form) => {
       form.addEventListener('submit', (e) => sampleRUM('formsubmit', { target: targetSelector(e.target), source: sourceSelector(e.target) }), { once: true });
-      addFocusTracking(form);
+      let lastSource;
+      form.addEventListener('change', (e) => {
+        const source = sourceSelector(e.target);
+        if (source !== lastSource) {
+          sampleRUM('fill', { source });
+          lastSource = source;
+        }
+      });
+      form.addEventListener('focusin', (e) => {
+        if (['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(e.target.tagName)
+          || e.target.getAttribute('contenteditable') === 'true') {
+          sampleRUM('click', { source: sourceSelector(e.target) });
+        }
+      });
     });
   }
   function addObserver(ck, fn, block) {

package/src/index.md5

@@ -1 +1 @@
-80a42e2816eebe0efae335ce49fe1225
+2b54b4b328b08aa2e60c2ffb42edd06b