Fix issues with deploying on windows

Author: theterminalguy

.gitignore

@@ -22,4 +22,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 Untiltled
-out/
+out/
+dist/

package.json

@@ -3,6 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "main": "public/main.js",
+  "build": {
+    "extraMetadata": {
+      "main": "build/main.js"
+    }
+  },
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.4",
@@ -50,6 +55,7 @@
     "@electron-forge/maker-rpm": "^6.0.1",
     "@electron-forge/maker-squirrel": "^6.0.1",
     "@electron-forge/maker-zip": "^6.0.1",
-    "electron": "^19.0.1"
+    "electron": "^19.0.1",
+    "electron-builder": "^23.6.0"
   }
 }

public/main.js

@@ -1,5 +1,5 @@
 const path = require("path");
-const { app, BrowserWindow, ipcMain, Notification, systemPreferences } = require("electron");
+const { app, BrowserWindow, ipcMain } = require("electron");
 
 function createMainWindow() {
   const win = new BrowserWindow({
@@ -24,7 +24,7 @@ function createMainWindow() {
 function createCameraWindow() {
   const win = new BrowserWindow({
     width: 120,
-    height: 120,
+    height: 121,
     maxWidth: 500,
     maxHeight: 500,
     resizable: false,
@@ -42,22 +42,9 @@ function createCameraWindow() {
   return win;
 }
 
-app.whenReady().then(async () => {
-  const camAllowed = await systemPreferences.askForMediaAccess("camera").then(async (access) => {
-    if (!access) {
-       new Notification({
-        title: "Camera Access",
-        body: "Camera access is required to use this app",
-      }).show();
-      return false;
-    }
-    return true;
-  });
-
-  if (!camAllowed) {
-    app.quit();
-  }
+app.disableHardwareAcceleration(); // for windows
 
+app.whenReady().then(() => {
   const mainWindow = createMainWindow();
   const camWindow = createCameraWindow();
   camWindow.setAlwaysOnTop(true, "floating", 1);