[NEW] Polish/keep device awake

index.html

@@ -360,10 +360,21 @@ <h1>Are you sure you want to delete all tasks?</h1>
 <script type="module" src="./js/Misc/Settings.js"></script>
 <script type="module" src="./js/FAQ/FAQ.js"></script>
 <script src="./js/ThirdParty/intro.js"></script>
+<script src="https://raw.githack.com/Uriopass/NoSleep.js/master/dist/NoSleep.js"></script>
 </div>
 <script>
   // set the transition back to 2s after dark theme is painted
   document.querySelector('body').style.transitionDuration = '0.2s';
+
+	localStorage.setItem('timer-running', false);
+  const noSleep = new NoSleep();
+  document.addEventListener('click', function() {
+    if (localStorage.getItem('timer-running') === 'true'){
+      noSleep.enable();
+    } else {
+      noSleep.disable();
+    }
+  }, false);
 </script>
 </body>
 

js/App.js

@@ -244,6 +244,9 @@ TimerObj.addEventListener('timer-complete', (e) => {
     workModeSound();
   }
   updateSessionIndicators(e.detail.longBreakLocation);
+  localStorage.setItem('timer-running', false);
+  // Click an arbitrary element to remind the event listener in index.html
+  timeDisplay.click();
 });
 
 /**
@@ -315,6 +318,9 @@ TimerObj.addEventListener('timer-start', (e) => {
     });
     exitFocusMode();
   }
+  localStorage.setItem('timer-running', true);
+  // Click an arbitrary element to remind the event listener in index.html
+  timeDisplay.click();
 });
 
 /**
@@ -331,6 +337,9 @@ TimerObj.addEventListener('timer-end', () => {
     element.style.pointerEvents = 'auto';
   });
   exitFocusMode();
+  localStorage.setItem('timer-running', false);
+  // Click an arbitrary element to remind the event listener in index.html
+  timeDisplay.click();
 });
 
 document.body.addEventListener('task-up', (e) => {