config: small improvements

- added small improvements to installation
- show custom icons on install / uninstall
- handle developer tools in app

client/src/App.jsx

@@ -1,9 +1,10 @@
-import { lazy, Suspense } from 'react';
+import { lazy, Suspense, useEffect } from 'react';
 import { Route, Switch } from 'react-router-dom';
 import './App.css';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import SocketProvider from 'app/context/socketContext';
 import withSocket from 'features/viewers/ViewWrapper';
+import tinykeys from 'tinykeys';
 
 const Editor = lazy(() => import('features/editors/Editor'));
 const PresenterView = lazy(() =>
@@ -36,6 +37,22 @@ const SLowerThird = withSocket(Lower);
 const SPip = withSocket(Pip);
 
 function App() {
+  useEffect(() => {
+    let unsubscribe = tinykeys(window, {
+      'Alt+t': () => {
+        // if we are in electron
+        if (window.process?.type === undefined) return;
+        if (window.process.type === 'renderer') {
+          // ask to see debug
+          window.ipcRenderer.send('set-window', 'show-dev');
+        }
+      },
+    });
+    return () => {
+      unsubscribe();
+    };
+  });
+
   return (
     <SocketProvider>
       <QueryClientProvider client={queryClient}>

server/main.js

@@ -129,11 +129,6 @@ app.whenReady().then(() => {
     win.focus();
   });
 
-  globalShortcut.register('Alt+t', () => {
-    // Show dev tools
-    win.webContents.openDevTools({ mode: 'detach' });
-  });
-
   // recreate window if no others open
   app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) {
@@ -245,6 +240,9 @@ ipcMain.on('set-window', (event, arg) => {
   } else if (arg === 'to-tray') {
     // window to tray
     win.hide();
+  } else if (arg === 'show-dev') {
+    // Show dev tools
+    win.webContents.openDevTools({ mode: 'detach' });
   }
 });
 

server/package.json

@@ -54,7 +54,9 @@
       "createStartMenuShortcut": true,
       "deleteAppDataOnUninstall": true,
       "runAfterFinish": false,
-      "installerIcon": "icon.ico"
+      "installerIcon": "icon.ico",
+      "installerSidebar": "ontime-install.bmp",
+      "uninstallerSidebar": "ontime-uninstall.bmp"
     },
     "files": [
       "**/*",