Wand-Enhancer-luanslimadev/renderer.js

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

class PatcherUI {
    constructor() {
        this.selectedPath = '';
        this.initializeElements();
        this.bindEvents();

        ipcRenderer.on('log', (event, { message, type }) => {
            this.addLog(message, type);
        });
    }

    initializeElements() {
        this.filePathInput = document.getElementById('file-path');
        this.browseBtn = document.getElementById('browse-btn');
        this.patchBtn = document.getElementById('patch-btn');
        this.updateBtn = document.getElementById('updateBtn');
        this.versionLabel = document.getElementById('version-label');
        this.logSection = document.querySelector('.log-section');
        document.getElementById(`sourceBtn`).addEventListener('click', () => {
            ipcRenderer.send("open-link")
        })
    }

    bindEvents() {
        this.browseBtn.addEventListener('click', () => this.selectFile());
        this.patchBtn.addEventListener('click', () => this.startPatch());
    }

    setPath(path) {
        this.filePathInput.value = this.selectedPath = path
        this.patchBtn.disabled = !path;
    }

    async selectFile() {
        try {
            const result = await ipcRenderer.invoke('select-file');
            if (!result?.filePath) {
                return;
            }

            if(!result.valid) {
                this.addLog(`The folder “${result.filePath}” is not recognized as a Wemod directory`, 'error')
                return;
            }

            this.setPath(result.filePath)
            this.addLog('Folder selected: ' + result.fileName, 'info');
        } catch (error) {
            this.addLog('Error selecting file: ' + error.message, 'error');
        }
    }

    addLog(message, type = 'info') {
        const entry = document.createElement('div');
        entry.className = `log-entry ${type}`;
        entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
        this.logSection.appendChild(entry);
        this.logSection.scrollTop = this.logSection.scrollHeight;
    }

    async startPatch() {
        if (!this.selectedPath) return;

        this.patchBtn.disabled = true;
        this.addLog('Starting patch process...', 'info');

        try {
            await ipcRenderer.invoke(
                'apply-patch',
                this.selectedPath
            );
            this.addLog("Success", 'success');
        } catch (error) {
            this.addLog('Patch failed: ' + error.message, 'error');
        } finally {
            this.patchBtn.disabled = false;
        }
    }

     resolveDefault() {

         ipcRenderer.invoke("get-current-version").then((v) =>
             this.versionLabel.textContent = `Current version: ${v}`);

        ipcRenderer.invoke("resolve-default-path").then(path => {
            this.addLog(path ? 'The WeMod folder has been found!' :
                "WeMod folder was not found. You need to specify the path manually", path ? "success" : "warning"
            );
            this.setPath(path)
        })

        ipcRenderer.invoke("check-updates").then(result => {
            if(!result) {
                return;
            }

            this.updateBtn.className = ""
            this.updateBtn.textContent = `Update to ${result.version}`
            this.updateBtn.addEventListener('click', () => {
                this.updateBtn.className = "hidden"
                ipcRenderer.send("apply-update", result);
            });
        })
    }
}

window.addEventListener('DOMContentLoaded', async() => {
    const ui = new PatcherUI();
    await ui.resolveDefault()
});