move electron folder

desktop/electron/src/window.ts

@@ -0,0 +1,140 @@
+import { BrowserView, BrowserWindow } from "electron";
+import electronIsDev from "electron-is-dev";
+import windowStateKeeper from "electron-window-state";
+import path from "path";
+import { loadCustomScheme } from "./serve";
+
+let mainWindow: BrowserWindow | undefined;
+let appView: BrowserView | undefined;
+
+const sidebarWidth = 70;
+
+export function getWindow() {
+    return mainWindow;
+}
+
+export function getAppView() {
+    return appView;
+}
+
+export async function createWindow() {
+    // do not re-create window if still existing
+    if (mainWindow) {
+        return;
+    }
+
+    // Load the previous state with fallback to defaults
+    const windowState = windowStateKeeper({
+        defaultWidth: 1000,
+        defaultHeight: 800,
+        maximize: true,
+    });
+
+    mainWindow = new BrowserWindow({
+        x: windowState.x,
+        y: windowState.y,
+        width: windowState.width,
+        height: windowState.height,
+        autoHideMenuBar: true,
+        show: false,
+        webPreferences: {
+            preload: path.resolve(__dirname, "..", "dist", "preload-local-app", "preload.js"),
+        },
+    });
+
+    // Let us register listeners on the window, so we can update the state
+    // automatically (the listeners will be removed when the window is closed)
+    // and restore the maximized or full screen state
+    windowState.manage(mainWindow);
+
+    mainWindow.on("closed", () => {
+        mainWindow = undefined;
+    });
+
+    // mainWindow.on('close', async (event) => {
+    //   if (!app.confirmedExitPrompt) {
+    //     event.preventDefault(); // Prevents the window from closing
+    //     const choice = await dialog.showMessageBox(getMainWindow(), {
+    //       type: 'question',
+    //       buttons: ['Yes', 'Abort'],
+    //       title: 'Confirm',
+    //       message: 'Are you sure you want to quit?',
+    //     });
+    //     if (choice.response === 0) {
+    //       app.confirmedExitPrompt = true;
+    //       mainWindow.close();
+    //     }
+    //   } else {
+    //     app.confirmedExitPrompt = false;
+    //   }
+    // });
+
+    appView = new BrowserView({
+        webPreferences: {
+            preload: path.resolve(__dirname, "..", "dist", "preload-app", "preload.js"),
+        },
+    });
+    appView.setBounds({
+        x: sidebarWidth,
+        y: 0,
+        width: mainWindow.getBounds().width - sidebarWidth,
+        height: mainWindow.getBounds().height,
+    });
+    appView.setAutoResize({
+        width: true,
+        height: true,
+    });
+
+    mainWindow.once("ready-to-show", () => {
+        mainWindow?.show();
+        if (electronIsDev) {
+            // appView?.webContents.openDevTools({
+            //     mode: "detach",
+            // });
+            mainWindow?.webContents.openDevTools({ mode: "detach" });
+        }
+    });
+
+    mainWindow.webContents.on("did-finish-load", () => {
+        mainWindow?.setTitle("WorkAdventure Desktop");
+    });
+
+    if (electronIsDev && process.env.LOCAL_APP_URL) {
+        await mainWindow.loadURL(process.env.LOCAL_APP_URL);
+    } else {
+        // load custom url scheme app://
+        await loadCustomScheme(mainWindow);
+        await mainWindow.loadURL("app://-");
+    }
+}
+
+export function showAppView(url?: string) {
+    if (!appView) {
+        throw new Error("App view not found");
+    }
+
+    if (!mainWindow) {
+        throw new Error("Main window not found");
+    }
+
+    if (mainWindow.getBrowserView()) {
+        mainWindow.removeBrowserView(appView);
+    }
+    mainWindow.addBrowserView(appView);
+
+    if (url) {
+        appView.webContents.loadURL(url);
+    }
+}
+
+export function hideAppView() {
+    if (!appView) {
+        throw new Error("App view not found");
+    }
+
+    if (!mainWindow) {
+        throw new Error("Main window not found");
+    }
+
+    mainWindow.removeBrowserView(appView);
+}