Merge pull request #61 from stanleyowen/desktop-app

feat: add desktop application support

Author: kimlimjustin

.gitignore

@@ -12,8 +12,10 @@ debug.log
 .env.development
 .env.development.local
 .env.test.local
+.env.production
 .env.production.local
 
 **/img/*[.png][.jpg]
 docs
-node_modules
+node_modules
+dist

package.json

@@ -1,7 +1,8 @@
 {
   "name": "lofi-player",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "private": true,
+  "author": "Stanley Owen <stanleyowen06@gmail.com>",
   "dependencies": {
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -13,6 +14,8 @@
     "@types/react-dom": "^17.0.9",
     "@types/react-router-dom": "^5.1.8",
     "algoliasearch": "^4.10.5",
+    "cross-env": "^7.0.3",
+    "electron-is-dev": "^2.0.0",
     "firebase": "^9.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -21,11 +24,35 @@
     "typescript": "^4.4.2",
     "web-vitals": "^2.1.0"
   },
+  "main": "public/electron.js",
+  "homepage": "./",
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "release": "yarn build && electron-builder --publish=always",
+    "build:electron": "yarn build && electron-builder",
+    "start:electron": "concurrently \"cross-env BROWSER=none yarn start\" \"wait-on http://localhost:3000 && electron .\""
+  },
+  "build": {
+    "win": {
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "ia32",
+            "x64"
+          ]
+        }
+      ]
+    },
+    "linux": {
+      "target": [
+        "AppImage",
+        "deb"
+      ]
+    }
   },
   "eslintConfig": {
     "extends": [
@@ -46,6 +73,10 @@
     ]
   },
   "devDependencies": {
-    "dotenv": "^10.0.0"
+    "concurrently": "^6.2.1",
+    "dotenv": "^10.0.0",
+    "electron": "^14.0.0",
+    "electron-builder": "^22.11.7",
+    "wait-on": "^6.0.0"
   }
 }

public/electron.js

@@ -0,0 +1,21 @@
+const electron = require("electron");
+const app = electron.app;
+const BrowserWindow = electron.BrowserWindow;
+const path = require("path");
+const isDev = require("electron-is-dev");
+
+let mainWindow;
+
+function createWindow() {
+    mainWindow = new BrowserWindow({ width: 900, height: 680 , webPreferences: {nodeIntegration: true}});
+    mainWindow.loadURL(isDev ? "http://localhost:3000" : `file://${path.join(__dirname, "../build/index.html")}`);
+    mainWindow.setMenuBarVisibility(false)
+    mainWindow.on("closed", () => (mainWindow = null));
+}
+app.on("ready", createWindow);
+app.on("window-all-closed", () => {
+    if (process.platform !== "darwin") { app.quit(); }
+});
+app.on("activate", () => {
+    if (mainWindow === null) { createWindow(); }
+});