Add wake-lock

client/index.html

@@ -213,6 +213,7 @@ <h1>Snapdrop</h1>
     </svg>
     <!-- Scripts -->
     <script src="scripts/network.js"></script>
+    <script src="scripts/nosleep.min.js"></script>
     <script src="scripts/ui.js"></script>
     <script src="scripts/theme.js" async></script>
     <script src="scripts/clipboard.js" async></script>

client/scripts/ui.js

@@ -531,8 +531,20 @@ class Snapdrop {
             const notifications = new Notifications();
             const networkStatusUI = new NetworkStatusUI();
             const webShareTargetUI = new WebShareTargetUI();
+
+            this.lockScreen();
         });
     }
+
+    lockScreen() {
+        const noSleep = new NoSleep();
+
+        try {
+            noSleep.enable();
+        } catch (err) {
+            Events.fire('notify-user', 'Your browser doesn\'t support screen locking. Your display will dim after a short period of time.');
+        }
+    }
 }
 
 const snapdrop = new Snapdrop();

client/service-worker.js

@@ -7,6 +7,7 @@ var urlsToCache = [
   'scripts/ui.js',
   'scripts/clipboard.js',
   'scripts/theme.js',
+  'script/nosleep.min.js',
   'sounds/blop.mp3',
   'images/favicon-96x96.png'
 ];