add text-coloring for rating delta and update regex expression for url matching

Author: SysSn13

chrome-extension/background.js

@@ -1,22 +1,19 @@
 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
     if (
         changeInfo.status === "complete" &&
-        /^https:\/\/leetcode.com\/contest\/[a-zA-Z1-9-]*\/ranking\//.test(
-            tab.url
-        )
+        /^https:\/\/leetcode.com\/contest\/.*\/ranking\//.test(tab.url)
     ) {
         chrome.scripting
             .executeScript({
                 target: { tabId: tabId },
                 files: ["./foreground.js"],
             })
             .then(() => {
-                console.log("Injected the foreground script.");
+                console.log(
+                    `Injected the foreground script into tab: ${tabId}`
+                );
             })
             .catch((err) => console.error(err));
-        console.log(tabId);
-        console.log(changeInfo);
-        console.log(tab);
     }
 });
 
@@ -28,11 +25,9 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
         url.searchParams.set("contestId", request.data.contestId);
         let handles = "";
         request.data.handles.forEach((handle, index) => {
-            console.log(handle, index);
             handles +=
                 handle + (index !== request.data.handles.length - 1 ? ";" : "");
         });
-        console.log(handles);
         url.searchParams.set("handles", handles);
         fetch(url)
             .then((res) => res.json())

chrome-extension/foreground.js

@@ -38,7 +38,6 @@ if (!window.CFPredictorInjected) {
             predictionsTimer = setTimeout(fetchPredictions, 100);
             return;
         }
-        console.log("fetching!");
         const tbody = document.querySelector("tbody");
         const rows = tbody.querySelectorAll("tr");
         const contestId = document
@@ -105,16 +104,21 @@ if (!window.CFPredictorInjected) {
                                 } else {
                                     td = document.createElement("td");
                                 }
-                                const delta =
-                                    Math.round(item.delta * 100) / 100;
-                                td.innerText = delta > 0 ? "+" + delta : delta;
-                                if (delta > 0) {
-                                    td.style.color = "green";
-                                } else {
+                                if (item.delta == null) {
+                                    td.innerText = "?";
                                     td.style.color = "gray";
+                                } else {
+                                    const delta =
+                                        Math.round(item.delta * 100) / 100;
+                                    td.innerText =
+                                        delta > 0 ? "+" + delta : delta;
+                                    if (delta > 0) {
+                                        td.style.color = "green";
+                                    } else {
+                                        td.style.color = "gray";
+                                    }
+                                    // td.style.fontWeight = "bold";
                                 }
-                                td.style.fontWeight = "bold";
-
                                 if (!rowsChanged.has(rowIndex)) {
                                     row.appendChild(td);
                                 }