Implementation of Electron for Desktop Application Deployment

.github/workflows/build.yml

@@ -5,6 +5,7 @@ on:
     branches: [ "main" ]
   pull_request:
     branches: [ "main" ]
+  workflow_dispatch:
 
 jobs:
   build:

.gitignore

@@ -9,6 +9,7 @@ lerna-debug.log*
 
 node_modules
 dist
+install
 dist-ssr
 *.local
 

README.md

@@ -35,6 +35,13 @@ npm install
 npm run dev
 ```
 
+### Local Development Electron
+Make sure you have the local environment (`Local Development`) enabled before running Electron:
+
+```bash
+npm run electron
+```
+
 ### Build
 
 ```bash

main.cjs

@@ -0,0 +1,44 @@
+const { app, BrowserWindow, Menu } = require('electron');
+const path = require('path');
+
+process.env['ELECTRON_DISABLE_SECURITY_WARNINGS'] = 'true';
+
+function createWindow() {
+
+    const isDev = !app.isPackaged;
+    const win = new BrowserWindow({
+        width: 800,
+        height: 600,
+        icon: path.join(__dirname, 'public', 'icon.ico') ,
+        webPreferences: {
+            contextIsolation: true,
+            enableRemoteModule: false,
+        },
+    });
+
+    win.maximize();
+
+    if (isDev) {
+        win.loadURL('http://localhost:5173');
+        win.webContents.openDevTools(); 
+    } else {
+        win.loadURL(`file://${path.join(__dirname, 'dist/index.html')}`);
+        Menu.setApplicationMenu(null);
+    }
+}
+
+app.whenReady().then(() => {
+    createWindow();
+
+    app.on('activate', () => {
+        if (BrowserWindow.getAllWindows().length === 0) {
+            createWindow();
+        }
+    });
+});
+
+app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') {
+        app.quit();
+    }
+});