added some more race conditions to the browser extension

browser_ext/inject.js

@@ -1,5 +1,6 @@
 (() => {
   let lastRect = {};
+  let port = null;
 
   function log(str) {
     console.log("Chatterino Native: " + str);
@@ -10,6 +11,8 @@
   }
 
   function queryChatRect() {
+    if (!matchChannelName(window.location.href)) return;
+
     let element = findChatDiv();
 
     if (element === undefined) {
@@ -17,9 +20,24 @@
       return;
     }
 
-    // element.firstChild.style.opacity = 0;
+    if (!element.chatterino) {
+      let xd = element.getElementsByClassName("channel-page__right-column")[0]
+
+      if (xd != undefined) {
+        element.chatterino = true;
+        xd.style.opacity = 0;
+
+        setTimeout(() => {
+          xd.innerHTML = "<div style='width: 340px; height: 100%; justify-content: center; display: flex; flex-direction: column; text-align: center; color: #999; user-select: none;'>" +
+            "Disconnected from the chatterino extension.<br><br>Please refresh the page." +
+            "</div>";
+          xd.style.opacity = 1;
+        }, 2000);
+      }
+    }
 
     let rect = element.getBoundingClientRect();
+
     // if (
     //   lastRect.left == rect.left &&
     //   lastRect.right == rect.right &&
@@ -27,7 +45,6 @@
     //   lastRect.bottom == rect.bottom
     // ) {
     //   // log("skipped sending message");
-
     //   return;
     // }
     lastRect = rect;
@@ -36,10 +53,12 @@
       rect: rect,
     };
 
-    chrome.runtime.sendMessage(data, (response) => {
-      // log("received message response");
-      // console.log(response)
-    });
+    try {
+      chrome.runtime.sendMessage(data);
+    } catch {
+      // failed to send a message to the runtime -> maybe the extension got reloaded
+      // alert("reload the page to re-enable chatterino native");
+    }
   }
 
   function queryCharRectLoop() {
@@ -47,11 +66,43 @@
     queryChatRect();
     let t2 = performance.now();
     console.log("queryCharRect " + (t2 - t1) + "ms");
-    setTimeout(queryCharRectLoop, 500);
+    // setTimeout(queryCharRectLoop, 500);
+  }
+
+  const ignoredPages = {
+    "settings": true,
+    "payments": true,
+    "inventory": true,
+    "messages": true,
+    "subscriptions": true,
+    "friends": true,
+    "directory": true,
+  };
+
+  /// return channel name if it should contain a chat
+  function matchChannelName(url) {
+    if (!url)
+      return undefined;
+
+    const match = url.match(/^https?:\/\/(www\.)?twitch.tv\/([a-zA-Z0-9_]+)\/?$/);
+
+    let channelName;
+    if (match && (channelName = match[2], !ignoredPages[channelName])) {
+      return channelName;
+    }
+
+    return undefined;
   }
 
   queryCharRectLoop();
+  window.addEventListener("load", () => {
+    setTimeout(queryChatRect, 1000);
+  });
   window.addEventListener("resize", queryChatRect);
+  window.addEventListener("focus", queryChatRect);
+  window.addEventListener("mouseup", () => {
+    setTimeout(queryChatRect, 10);
+  });
 
   log("initialized");
 })()