backend.js

const { ipcRenderer } = require('electron');

window.addEventListener('DOMContentLoaded', () => {
    const codeArea = document.getElementById('codeArea');
    const uploadButton = document.getElementById('uploadButton');
    const refreshButton = document.getElementById('refreshButton');
    const status = document.getElementById('status');
    const portDropdown = document.getElementById('portDropdown');

    async function refreshPorts() {
        try {
            const ports = await ipcRenderer.invoke('list-ports');
            portDropdown.innerHTML = '';
            ports.forEach(port => {
                const option = document.createElement('option');
                option.value = port.path;
                option.textContent = port.friendlyName || port.path;
                portDropdown.appendChild(option);
            });
            if (ports.length === 0) {
                status.textContent = 'Status: No ports available.';
            }
        } catch (error) {
            status.textContent = `Status: Error - ${error.message}`;
        }
    }

    refreshPorts();

    refreshButton.addEventListener('click', () => {
        codeArea.value = '';
        status.textContent = 'Status: Idle';
        refreshPorts();
    });

    let isExecuting = false;

    uploadButton.addEventListener('click', () => {
        const code = codeArea.value;
        if (isExecuting) {
            status.textContent = 'Status: Some other code is executing';
            return;
        }
        if (!code.trim()) {
            status.textContent = 'Status: No code found';
            return;
        }
        const preparedCode = `
import pyfirmata
board = pyfirmata.Arduino('${portDropdown.value}')
    `;
        status.textContent = 'Status: Executing';
        isExecuting = true;
        ipcRenderer.invoke('execute-code', preparedCode)
            .then((result) => {
                status.textContent = `Status: ${result}`;
            })
            .catch((error) => {
                status.textContent = `Status: Error - ${error.message}`;
            })
            .finally(() => {
                isExecuting = false;
            });
    });
});