@adobe/helix-rum-enhancer 1.9.1 → 1.11.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.11.0](https://github.com/adobe/helix-rum-enhancer/compare/v1.10.0...v1.11.0) (2024-01-17)
+
+
+### Features
+
+* **observer:** enable tracking of JSON loading for all browsers that have a PerformanceObserver implementation ([c049f93](https://github.com/adobe/helix-rum-enhancer/commit/c049f930f0cc1dc548e42bd8e76cd97709a873d7))
+
+# [1.10.0](https://github.com/adobe/helix-rum-enhancer/compare/v1.9.1...v1.10.0) (2024-01-16)
+
+
+### Features
+
+* **sourceselector:** highlight clicks on buttons and CTAs ([4cd62b8](https://github.com/adobe/helix-rum-enhancer/commit/4cd62b86eb08c496712deba42d3f011b8cbac5c6))
+
 ## [1.9.1](https://github.com/adobe/helix-rum-enhancer/compare/v1.9.0...v1.9.1) (2024-01-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/helix-rum-enhancer",
-  "version": "1.9.1",
+  "version": "1.11.0",
   "description": "Helix RUM Enhancer",
   "main": "src/index.js",
   "type": "module",

package/src/index.js

@@ -124,8 +124,8 @@ sampleRUM.sourceselector = (element) => {
     formElementSelector = element.tagName === 'INPUT' ? `form input[type='${element.getAttribute('type')}']` : `form ${element.tagName.toLowerCase()}`;
   }
 
+  const blockName = element.closest('.block') ? element.closest('.block').getAttribute('data-block-name') : '';
   if (element.id || formElementSelector) {
-    const blockName = element.closest('.block') ? element.closest('.block').getAttribute('data-block-name') : '';
     const id = element.id ? `#${element.id}` : '';
     return blockName ? `.${blockName} ${formElementSelector}${id}` : `${formElementSelector}${id}`;
   }
@@ -133,6 +133,10 @@ sampleRUM.sourceselector = (element) => {
   if (element.getAttribute('data-block-name')) {
     return `.${element.getAttribute('data-block-name')}`;
   }
+
+  if (Array.from(element.classList).some((className) => className.match(/button|cta/))) {
+    return blockName ? `.${blockName} .button` : '.button';
+  }
   return sampleRUM.sourceselector(element.parentElement);
 };
 
@@ -150,15 +154,13 @@ document.querySelectorAll('form').forEach((form) => {
 window.addEventListener('visibilitychange', ((event) => sampleRUM.leave(event)));
 window.addEventListener('pagehide', ((event) => sampleRUM.leave(event)));
 
-if (window.location.hostname === 'blog.adobe.com') {
-  const observer = new PerformanceObserver((list) => {
-    list.getEntries()
-      .filter((entry) => !entry.responseStatus || entry.responseStatus < 400)
-      .filter((entry) => window.location.hostname === new URL(entry.name).hostname)
-      .filter((entry) => new URL(entry.name).pathname.match('.*(\\.plain\\.html|\\.json)$'))
-      .forEach((entry) => {
-        sampleRUM('loadresource', { source: entry.name, target: Math.round(entry.duration) });
-      });
-  });
-  observer.observe({ type: 'resource', buffered: true });
-}
+const observer = new PerformanceObserver((list) => {
+  list.getEntries()
+    .filter((entry) => !entry.responseStatus || entry.responseStatus < 400)
+    .filter((entry) => window.location.hostname === new URL(entry.name).hostname)
+    .filter((entry) => new URL(entry.name).pathname.match('.*(\\.plain\\.html|\\.json)$'))
+    .forEach((entry) => {
+      sampleRUM('loadresource', { source: entry.name, target: Math.round(entry.duration) });
+    });
+});
+observer.observe({ type: 'resource', buffered: true });