main.js

"use strict";

const path = require("path");
const { ipcMain, app, BrowserWindow } = require("electron");

let editorConfig = { directory: "", url: "" };
let setupWindow;

function createSetup() {
    // fenster definieren
    setupWindow = new BrowserWindow({
        icon: path.join(__dirname, "/icon.png"),
        width: 280,
        height: 350,
        frame: false,
        resizable: false,
        transparent: true,
        webPreferences: {
            enableRemoteModule: true,
            nodeIntegration: true,
        },
    });

    // html laden
    setupWindow.loadFile("./setup/index.html");

    // devtools
    setupWindow.webContents.openDevTools({ mode: "undocked" });
}

function createEditor() {
    const editorWindow = new BrowserWindow({
        icon: path.join(__dirname, "/icon.png"),
        width: 900,
        height: 900,
        minHeight: 600,
        minWidth: 600,
        frame: false,
        hasShadow: false,
        transparent: false,
        webPreferences: {
            nodeIntegration: true,
            webviewTag: true,
            enableRemoteModule: true,
        },
    });

    editorWindow.loadFile("./editor/index.html");

    editorWindow.webContents.openDevTools();

    setupWindow.close();

    // status vom preview empfangen und an editor senden
    ipcMain.on("previewStatus", (event, filesList) => {
        // console.log("Current Files:");
        // console.log(filesList);
        event.returnValue = "OK";

        editorWindow.webContents.send("currentlyLoaded", filesList);
    });

    // ziel von angeklicktem element vom preview empfangen und an das menu senden
    ipcMain.on("requestProprity", (event, target) => {
        console.log("Recieved Target: ");
        console.log(target);
        event.returnValue = "OK";

        editorWindow.webContents.send("setView", target);
    });
}

app.whenReady().then(createSetup);
app.allowRendererProcessReuse = false;

// konfiguration vom editor zurücksenden
ipcMain.on("requestConfig", (event, arg) => {
    event.returnValue = editorConfig;
});

// editor erstellen
ipcMain.on("createEditor", (event, data) => {
    event.returnValue = "";
    editorConfig = data;

    createEditor();
});