Fix mini player with new Electron version and other fixes

src/js/init.js

@@ -54,8 +54,6 @@ app.commandLine.appendSwitch('enable-modern-media-controls', 'disabled');
 
 const gotTheLock = app.requestSingleInstanceLock()
 
-if (require('electron-squirrel-startup') || !gotTheLock) app.quit();
-
 /**
  * Initialize the Electron application
  * 1. create the browser window

src/js/mediaelement-and-player.js

@@ -3576,7 +3576,7 @@ var config = exports.config = {
 	customError: null,
 
 	keyActions: [{
-		keys: [32, 179],
+		keys: [179],
 		action: function action(player) {
 
 			if (!_constants.IS_FIREFOX) {

src/js/miniPlayer.js

@@ -19,8 +19,6 @@
  * A file for handling mini-player functionality
  */
 
-import Vue from '../js/vue.js';
-
 const electron = require('electron');
 
 let mouseTimeout; // Timeout for hiding the mouse cursor on video playback

src/js/player.js

@@ -449,7 +449,10 @@ function openMiniPlayer() {
         height: 710,
         show: false,
         title: 'FreeTube Mini-Player: ' + playerView.videoTitle,
-        autoHideMenuBar: true
+        autoHideMenuBar: true,
+        webPreferences: {
+          nodeIntegration: true,
+        }
     });
 
     const template = [{
@@ -644,10 +647,13 @@ function clickMiniPlayer(videoId) {
 
         let miniPlayer = new BrowserWindow({
             width: 1200,
-            height: 710,
+            height: 680,
             show: false,
             title: 'FreeTube Mini-Player: ' + videoData.videoTitle,
-            autoHideMenuBar: true
+            autoHideMenuBar: true,
+            webPreferences: {
+              nodeIntegration: true,
+            }
         });
 
         const template = [{

src/style/mediaelementplayer.css

@@ -710,7 +710,7 @@ Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-h
 .mejs__captions-layer {
     bottom: 0;
     color: #fff;
-    font-size: 16px;
+    font-size: 25px;
     left: 0;
     line-height: 20px;
     position: absolute;

src/templates/miniPlayer.html

@@ -61,6 +61,7 @@ body {
 <script src="../js/plugins/context-menu/context-menu-i18n.js"></script>
 <script src="../js/plugins/timerailthumbnails/vtt.min.js"></script>
 <script src="../js/plugins/timerailthumbnails/mep-feature-time-rail-thumbnails.js"></script>
+<script src="../js/vue.js"></script>
 <script src="../js/general.js"></script>
 <script src="../js/miniPlayer.js"></script>
 <script src="../js/events.js"></script>

src/templates/settings.html

@@ -325,7 +325,10 @@
     <div class='center'>
         <div class="input-text-settings">
             <label for="invidiousInstance">Current Invidious Instance (Defaults to https://invidio.us)</label>
-            <input type="text" id="invidiousInstance" name="set-name" v-model="invidiousInstance">
+            <input type="text" id="invidiousInstance" name="set-name" v-model="invidiousInstance" />
+            <a href='https://github.com/omarroth/invidious/wiki/Invidious-Instances'>
+              <p>See Public Instances</p>
+            </a>
         </div>
     </div>
     <div class="center">