added shadow dom support

Author: suskind

package.json

@@ -1,6 +1,6 @@
 {
   "name": "snyk-api-and-web-record-sequence",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Snyk API & Web Record login/sequence",
   "license": "MIT",
   "scripts": {

src/manifest-firefox.json

@@ -1,6 +1,6 @@
 {
   "name": "Snyk API & Web Sequence Recorder",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "browser_specific_settings": {
     "gecko": {
       "id": "[email protected]",

src/pages/Content/modules/collectEvents.js

@@ -22,7 +22,22 @@ let stoMouseover = false;
 
 export function interceptEvents(event, doc, ifrSelector, callback) {
   let hasKeyReturn = false;
-  const tgt = event.target;
+  let tgt = null;
+  let composedPath = null;
+  if (event && event.composed && event.composedPath) {
+    composedPath = event.composedPath();
+  }
+  let shadowRootIdx = -1;
+  if (composedPath && composedPath.length > 0) {
+    shadowRootIdx = composedPath.findIndex(
+      (item) => item instanceof ShadowRoot
+    );
+  }
+  if (shadowRootIdx > -1) {
+    tgt = composedPath[0];
+  } else {
+    tgt = event.target;
+  }
   const type = event.type;
   let nodeName = null;
   let nodeType = null;
@@ -74,12 +89,20 @@ export function interceptEvents(event, doc, ifrSelector, callback) {
   if (selector && selector.toLowerCase() === 'html') {
     return;
   }
-  const xpath = getXPath(bestElm, doc);
+  let xpath = null;
+  try {
+    xpath = getXPath(bestElm, doc);
+  } catch (ex) {
+    // ignore
+  }
+  if (shadowRootIdx > -1) {
+    xpath = '/html/node/shadow';
+  }
 
   let oEventBase = {
     timestamp: new Date().getTime(),
     css: selector || tgt,
-    xpath: xpath,
+    xpath: xpath || '',
   };
 
   let oEventToSend = {};

test-build-firefox/contentScript.bundle.js

@@ -1,6 +1,6 @@
 {
   "name": "Snyk API & Web Sequence Recorder",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "browser_specific_settings": {
     "gecko": {
       "id": "[email protected]",

test-build-firefox/manifest.json

@@ -1 +1 @@
-{"version":"0.0.6","manifest_version":3,"name":"Snyk API & Web Sequence Recorder","action":{"default_popup":"popup.html","default_icon":{"16":"icon-34.png","48":"icon-48.png"}},"icons":{"128":"icon-128.png"},"background":{"service_worker":"background.bundle.js"},"content_scripts":[{"matches":["http://*/*","https://*/*"],"js":["contentScript.bundle.js"],"css":["content.styles.css"],"run_at":"document_start"}],"web_accessible_resources":[{"resources":["content.styles.css","icon-128.png","icon-34.png"],"matches":["<all_urls>"]}],"permissions":["storage","activeTab"],"host_permissions":["http://*/*","https://*/*"]}
+{"version":"0.0.7","manifest_version":3,"name":"Snyk API & Web Sequence Recorder","action":{"default_popup":"popup.html","default_icon":{"16":"icon-34.png","48":"icon-48.png"}},"icons":{"128":"icon-128.png"},"background":{"service_worker":"background.bundle.js"},"content_scripts":[{"matches":["http://*/*","https://*/*"],"js":["contentScript.bundle.js"],"css":["content.styles.css"],"run_at":"document_start"}],"web_accessible_resources":[{"resources":["content.styles.css","icon-128.png","icon-34.png"],"matches":["<all_urls>"]}],"permissions":["storage","activeTab"],"host_permissions":["http://*/*","https://*/*"]}