add refresh interval

hardbulls · Apr 12, 2024 · b3ddc82 · b3ddc82
1 parent fa85682
commit b3ddc82
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@hardbulls/baseball-ticker-cxt",
   "description": "Baseball Ticker - Chrome Extension",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "author": {
     "name": "Arjan Frans",

diff --git a/src/cxt/content.ts b/src/cxt/content.ts
@@ -2,8 +2,14 @@ import { Local } from "./storage/Local";
 import { parseValues } from "./content/parse-values";
 import { DEFAULT_OPTIONS_STATE, DEFAULT_POPUP_STATE, DEFAULT_SCOREBOARD_STATE } from "../lib/state/DefaultState";
 
-function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void } {
-    const indicator = document.createElement("div") as HTMLDivElement & { on: () => void; off: () => void };
+interface IndicatorElementOptions {
+    on: () => void;
+    off: () => void;
+    hasStarted: (hasStarted: boolean) => void;
+}
+
+function IndicatorElement(): HTMLDivElement & IndicatorElementOptions {
+    const indicator = document.createElement("div") as HTMLDivElement & IndicatorElementOptions;
 
     indicator.style.width = "200px";
     indicator.style.pointerEvents = "none";
@@ -23,6 +29,14 @@ function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void
         indicator.textContent = "Following Ticker: OFF";
     };
 
+    indicator["hasStarted"] = (hasStarted: boolean) => {
+        if (hasStarted) {
+            indicator.textContent = "Following Ticker: OFF";
+        } else {
+            indicator.textContent = "No Ticker detected";
+        }
+    };
+
     indicator.off();
 
     return indicator;
@@ -44,8 +58,11 @@ function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void
         ...(await Local.getScoreboard()),
     };
     let followInterval: number | undefined;
+    let refreshInterval: number | undefined;
+
     const bodyElement = document.querySelector("body") as HTMLBodyElement;
     const indicatorElement = IndicatorElement();
+    let startedIndicator = document.querySelector(".box-score-top-bar");
 
     bodyElement.appendChild(indicatorElement);
 
@@ -59,6 +76,19 @@ function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void
         }, OPTIONS_STATE.tickerInterval);
     }
 
+    function refreshCheck() {
+        return setInterval(async () => {
+            startedIndicator = document.querySelector(".box-score-top-bar");
+
+            if (startedIndicator && refreshInterval) {
+                indicatorElement.hasStarted(true);
+                clearInterval(refreshInterval);
+            } else {
+                window.location.reload();
+            }
+        }, OPTIONS_STATE.refreshInterval);
+    }
+
     chrome.storage.onChanged.addListener((changes) => {
         if (changes.popup) {
             if (changes.popup.newValue.followTicker !== undefined) {
@@ -69,12 +99,21 @@ function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void
 
                     if (!followTicker) {
                         indicatorElement.off();
+
+                        if (refreshInterval) {
+                            clearInterval(refreshInterval);
+                        }
                     }
                 }
 
                 if (followTicker) {
                     followInterval = follow();
                     indicatorElement.on();
+
+                    if (!startedIndicator) {
+                        indicatorElement.hasStarted(false);
+                        refreshInterval = refreshCheck();
+                    }
                 }
             }
         }
@@ -89,5 +128,10 @@ function IndicatorElement(): HTMLDivElement & { on: () => void; off: () => void
     if (INITIAL_STATE.followTicker) {
         followInterval = follow();
         indicatorElement.on();
+
+        if (!startedIndicator) {
+            indicatorElement.hasStarted(false);
+            refreshInterval = refreshCheck();
+        }
     }
 })();
diff --git a/src/lib/state/DefaultState.ts b/src/lib/state/DefaultState.ts
@@ -99,7 +99,8 @@ export const DEFAULT_OPTIONS_STATE: OptionsState = {
     leagueLogoShadow: "#888888",
     league: undefined,
     style: DEFAULT_STYLE_STATE,
-    tickerInterval: 1000,
+    tickerInterval: 1000, // 1 second
+    refreshInterval: 60000, // 1 minute
     remote: {
         firebaseConfig: undefined,
         username: undefined,

diff --git a/src/lib/state/OptionsState.ts b/src/lib/state/OptionsState.ts
@@ -8,4 +8,5 @@ export type OptionsState = {
     style: StyleState;
     remote: RemoteState;
     tickerInterval: number;
+    refreshInterval: number;
 };