Merge pull request #16 from robinsimonklein/fix/detect-tab-change

Refresh devtools on tab change

Author: robinsimonklein

src/bridge/index.ts

@@ -12,15 +12,19 @@ chrome.runtime.onMessage.addListener(message => {
 window.addEventListener(
   'message',
   async event => {
-    if (event.data.type === 'stimulus-devtools:event' && event.data.name === 'stimulus-devtools:detected') {
-      injectClient();
-      return;
-    }
+    try {
+      if (event.data.type === 'stimulus-devtools:event' && event.data.name === 'stimulus-devtools:detected') {
+        injectClient();
+        return;
+      }
 
-    // Transmit events to devtools
-    if (event.data.type === 'stimulus-devtools:event') {
-      await chrome.runtime.sendMessage(event.data);
-      return;
+      // Transmit events to devtools
+      if (event.data.type === 'stimulus-devtools:event') {
+        await chrome.runtime.sendMessage(event.data);
+        return;
+      }
+    } catch (e) {
+      // Ignore errors
     }
   },
   false,

src/detector/index.ts

@@ -45,5 +45,10 @@
     }, 100);
   }
 
-  if (document instanceof HTMLDocument) document.addEventListener('DOMContentLoaded', detect);
+  if (document instanceof HTMLDocument) {
+    document.addEventListener('DOMContentLoaded', detect);
+    document.addEventListener('visibilitychange', () => {
+      if (document.visibilityState === 'visible') detect();
+    });
+  }
 })();