first commit

main.js

@@ -0,0 +1,130 @@
+const { app, BrowserWindow, session } = require('electron/main')
+const WebSocket = require('ws')
+const path = require('path')
+
+// Variabel global untuk menyimpan domain
+let userDomain = '';
+let wsPort = '9099';
+let mainWindow = null;
+
+const createSetupWindow = () => {
+    const setupWindow = new BrowserWindow({
+        width: 400,
+        height: 300,
+        webPreferences: {
+            nodeIntegration: true,
+            contextIsolation: false
+        }
+    });
+
+    setupWindow.loadFile('setup.html');
+
+    // Terima domain dari window setup
+    const { ipcMain } = require('electron');
+    ipcMain.on('submit-domain', (event, domain, port) => {
+        userDomain = domain;
+        wsPort = port || '9099';
+        setupWindow.close();
+
+        // Buat window utama setelah mendapat domain
+        createMainWindow();
+    });
+}
+
+const createMainWindow = () => {
+    mainWindow = new BrowserWindow({
+        width: 800,
+        height: 600,
+        webPreferences: {
+            autoplayPolicy: 'no-user-gesture-required',
+            webSecurity: false,
+            nodeIntegration: true,
+            nodeIntegrationInWorker: true,
+            contextIsolation: false,
+            allowRunningInsecureContent: true
+        }
+    })
+
+    mainWindow.webContents.session.setPermissionRequestHandler((webContents, permission, callback) => {
+        if (permission === 'media') {
+            callback(true);
+        }
+    });
+
+    // Set CSP dengan domain yang sudah diinput
+    mainWindow.webContents.session.webRequest.onHeadersReceived((details, callback) => {
+        callback({
+            responseHeaders: {
+                ...details.responseHeaders,
+                'Content-Security-Policy': [`default-src 'self' 'unsafe-inline' 'unsafe-eval' https://${userDomain} wss://${userDomain}:${wsPort} ws://${userDomain}:${wsPort}`]
+            }
+        })
+    });
+
+    session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
+        callback({
+            responseHeaders: {
+                ...details.responseHeaders,
+                'Content-Security-Policy': [`default-src 'self' 'unsafe-inline' 'unsafe-eval' https://${userDomain} wss://${userDomain}:${wsPort} ws://${userDomain}:${wsPort}`]
+            }
+        })
+    });
+
+    mainWindow.webContents.session.webRequest.onBeforeSendHeaders((details, callback) => {
+        callback({
+            requestHeaders: {
+                ...details.requestHeaders,
+                'Access-Control-Allow-Origin': '*'
+            }
+        });
+    });
+
+    // Load URL dengan domain yang sudah diinput
+    mainWindow.loadURL(`https://${userDomain}/one-ui/test/vuex/cpone-antrian/`);
+
+    // Inisialisasi WebSocket setelah window utama dibuat
+    connectWebSocket();
+}
+
+app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
+    event.preventDefault();
+    callback(true);
+});
+
+app.whenReady().then(() => {
+    createSetupWindow() // Mulai dengan window setup terlebih dahulu
+
+    app.on('activate', () => {
+        if (BrowserWindow.getAllWindows().length === 0) {
+            createSetupWindow()
+        }
+    })
+})
+
+app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin') {
+        app.quit()
+    }
+})
+
+function connectWebSocket() {
+    try {
+        ws = new WebSocket(`wss://${userDomain}:${wsPort}/`);
+
+        ws.addEventListener('open', (event) => {
+            console.log('WebSocket Connected');
+        });
+
+        ws.addEventListener('error', (error) => {
+            console.error('WebSocket Error:', error);
+        });
+
+        ws.addEventListener('close', (event) => {
+            console.log('WebSocket Closed:', event.code, event.reason);
+            setTimeout(connectWebSocket, 5000);
+        });
+    } catch (error) {
+        console.error('Error creating WebSocket:', error);
+        setTimeout(connectWebSocket, 5000);
+    }
+}