@adobe/helix-rum-enhancer 2.29.0 → 2.30.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [2.30.1](https://github.com/adobe/helix-rum-enhancer/compare/v2.30.0...v2.30.1) (2025-01-17)
+
+
+### Bug Fixes
+
+* form elements having name/id as id breaks the sourceSelector logic. ([37bd0ab](https://github.com/adobe/helix-rum-enhancer/commit/37bd0ab4c6bb1aac1326bc9be0097a7ccf038870))
+
+# [2.30.0](https://github.com/adobe/helix-rum-enhancer/compare/v2.29.0...v2.30.0) (2025-01-15)
+
+
+### Features
+
+* **missingresource:** report all resource error with http status code ([e238136](https://github.com/adobe/helix-rum-enhancer/commit/e238136c46a9801be1e3ce7887c7b4b292cbcf5b))
+
 # [2.29.0](https://github.com/adobe/helix-rum-enhancer/compare/v2.28.0...v2.29.0) (2025-01-15)
 
 

package/README.md

@@ -62,10 +62,6 @@ All three parts are optional
 Even if an `identifier` is provided, having a `context` and `element` is recommended, as it makes the `source` parameter more readable and easier to understand.
 
 
-#### Examples
-
-- ``
-
 ## Development
 
 ### Build
@@ -85,3 +81,6 @@ $ npm test
 ```bash
 $ npm run lint
 ```
+### Cutting a Pre-Release
+
+Releases are handled by [semantic-release](https://github.com/semantic-release/semantic-release), and will happen automatically when a PR is merged into the `main` or the `1.x` branch. By merging into `beta`, a pre-release will be created.

package/modules/dom.js

@@ -41,12 +41,10 @@ function isDialog(el) {
   // doing it well
   if (el.tagName === 'DIALOG') return true;
   // making the best of it
-  if (el.getAttribute('role') === 'dialog') return true;
-  if (el.getAttribute('role') === 'alertdialog') return true;
-  if (el.getAttribute('aria-modal') === 'true') return true;
-  // doing it wrong
   const cs = window.getComputedStyle(el);
-  return (cs && cs.position === 'fixed' && cs.zIndex > 100);
+  return ['dialog', 'alertdialog'].find((r) => el.getAttribute('role') === r)
+    || el.getAttribute('aria-modal') === 'true'
+    || (cs && cs.position === 'fixed' && cs.zIndex > 100);
 }
 
 function isButton(el) {
@@ -62,16 +60,14 @@ function isButton(el) {
 function getSourceContext(el) {
   const formEl = el.closest('form');
   if (formEl) {
-    return `form${formEl.id ? `#${formEl.id}` : ''}`;
+    const id = formEl.getAttribute('id');
+    return `form${id ? `#${id}` : ''}`;
   }
   const block = el.closest('.block[data-block-name]');
-  if (block) return `.${block.getAttribute('data-block-name')}`;
-  if (walk(el, isDialog)) return 'dialog';
-  if (el.closest('nav')) return 'nav';
-  if (el.closest('header')) return 'header';
-  if (el.closest('footer')) return 'footer';
-  if (el.closest('aside')) return 'aside';
-  return (walk(el, (e) => e.id && `#${e.id}`));
+  return ((block && `.${block.getAttribute('data-block-name')}`)
+    || (walk(el, isDialog) && 'dialog')
+    || ['nav', 'header', 'footer', 'aside'].find((t) => el.closest(t))
+    || walk(el, (e) => e.id && `#${e.id}`));
 }
 
 function getSourceElement(el) {

package/modules/index.js

@@ -168,9 +168,9 @@ function addLoadResourceTracking() {
           sampleRUM('loadresource', { source: e.name, target: Math.round(e.duration) });
         });
       list.getEntries()
-        .filter((e) => e.responseStatus === 404)
+        .filter((e) => e.responseStatus >= 400)
         .forEach((e) => {
-          sampleRUM('missingresource', { source: e.name, target: e.hostname });
+          sampleRUM('missingresource', { source: e.name, target: e.responseStatus });
         });
       /* c8 ignore next 3 */
     } catch (error) {

package/package.json

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

package/src/index.js

@@ -63,11 +63,10 @@
   }
   function isDialog(el) {
     if (el.tagName === 'DIALOG') return true;
-    if (el.getAttribute('role') === 'dialog') return true;
-    if (el.getAttribute('role') === 'alertdialog') return true;
-    if (el.getAttribute('aria-modal') === 'true') return true;
     const cs = window.getComputedStyle(el);
-    return (cs && cs.position === 'fixed' && cs.zIndex > 100);
+    return ['dialog', 'alertdialog'].find((r) => el.getAttribute('role') === r)
+      || el.getAttribute('aria-modal') === 'true'
+      || (cs && cs.position === 'fixed' && cs.zIndex > 100);
   }
   function isButton(el) {
     if (el.tagName === 'BUTTON') return true;
@@ -81,16 +80,14 @@
   function getSourceContext(el) {
     const formEl = el.closest('form');
     if (formEl) {
-      return `form${formEl.id ? `#${formEl.id}` : ''}`;
+      const id = formEl.getAttribute('id');
+      return `form${id ? `#${id}` : ''}`;
     }
     const block = el.closest('.block[data-block-name]');
-    if (block) return `.${block.getAttribute('data-block-name')}`;
-    if (walk(el, isDialog)) return 'dialog';
-    if (el.closest('nav')) return 'nav';
-    if (el.closest('header')) return 'header';
-    if (el.closest('footer')) return 'footer';
-    if (el.closest('aside')) return 'aside';
-    return (walk(el, (e) => e.id && `#${e.id}`));
+    return ((block && `.${block.getAttribute('data-block-name')}`)
+      || (walk(el, isDialog) && 'dialog')
+      || ['nav', 'header', 'footer', 'aside'].find((t) => el.closest(t))
+      || walk(el, (e) => e.id && `#${e.id}`));
   }
   function getSourceElement(el) {
     const f = el.closest('form');
@@ -314,9 +311,9 @@
             sampleRUM('loadresource', { source: e.name, target: Math.round(e.duration) });
           });
         list.getEntries()
-          .filter((e) => e.responseStatus === 404)
+          .filter((e) => e.responseStatus >= 400)
           .forEach((e) => {
-            sampleRUM('missingresource', { source: e.name, target: e.hostname });
+            sampleRUM('missingresource', { source: e.name, target: e.responseStatus });
           });
       } catch (error) {
       }

package/src/index.md5

@@ -1 +1 @@
-1abf13337d16246784fba2bcfa3f2fb1
+749947aafb5daf964780e64146edf135