Feature/2316 debug mode

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 
 ## Unreleased
 
+- [#135](https://github.com/os2display/display-client/pull/135)
+  - Fixed cursor being hidden when not in debug mode.
+  - Moved registration of listeners in useEffect.
 - [#134](https://github.com/os2display/display-client/pull/134)
   - Fixed remote loader for touch regions.
 - [#133](https://github.com/os2display/display-client/pull/133)

src/app.jsx

@@ -24,12 +24,11 @@ function App() {
   const [screen, setScreen] = useState("");
   const [bindKey, setBindKey] = useState(null);
   const [displayFallback, setDisplayFallback] = useState(true);
+  const [debug, setDebug] = useState(false);
 
   const checkLoginTimeoutRef = useRef(null);
   const contentServiceRef = useRef(null);
 
-  const debug = appStorage.getDebug();
-
   const fallbackImageUrl = appStorage.getFallbackImageUrl();
   const fallbackStyle = {};
 
@@ -189,18 +188,22 @@ function App() {
   useEffect(() => {
     logger.info("Mounting App.");
 
+    document.addEventListener("keypress", handleKeyboard);
+    document.addEventListener("screen", screenHandler);
+    document.addEventListener("reauthenticate", reauthenticateHandler);
+    document.addEventListener("contentEmpty", contentEmpty);
+    document.addEventListener("contentNotEmpty", contentNotEmpty);
+
     tokenService.checkToken();
 
+    ConfigLoader.loadConfig().then((config) => {
+      setDebug(config.debug ?? false);
+    });
+
     releaseService.checkForNewRelease().finally(() => {
       releaseService.setPreviousBootInUrl();
       releaseService.startReleaseCheck();
 
-      document.addEventListener("screen", screenHandler);
-      document.addEventListener("reauthenticate", reauthenticateHandler);
-      document.addEventListener("contentEmpty", contentEmpty);
-      document.addEventListener("contentNotEmpty", contentNotEmpty);
-      document.addEventListener("keypress", handleKeyboard);
-
       checkLogin();
 
       appStorage.setPreviousBoot(new Date().getTime());

src/util/app-storage.js

@@ -114,16 +114,6 @@ class AppStorage {
     localStorage.setItem(localStorageKeys.API_URL, apiUrl);
   };
 
-  // Debug
-
-  getDebug = () => {
-    return localStorage.getItem(localStorageKeys.DEBUG);
-  };
-
-  setDebug = (debug) => {
-    localStorage.setItem(localStorageKeys.DEBUG, debug);
-  };
-
   // pBoot - previous boot timestamp
 
   getPreviousBoot = () => {

src/util/config-loader.js

@@ -35,7 +35,6 @@ const ConfigLoader = {
 
             // Make api endpoint available through localstorage.
             appStorage.setApiUrl(configData.apiEndpoint);
-            appStorage.setDebug(configData.debug ?? false);
 
             resolve(configData);
           })

src/util/local-storage-keys.js

@@ -8,7 +8,6 @@ const localStorageKeys = {
   REFRESH_TOKEN: 'refreshToken',
   FALLBACK_IMAGE: 'fallbackImage',
   API_URL: 'apiUrl',
-  DEBUG: 'debug',
   PREVIOUS_BOOT: 'previousBoot',
 };