smoother way to show main window after splash

src/main/events/autoupdater/check-for-updates.ts

@@ -42,7 +42,7 @@ const mockValuesForDebug = async () => {
         bytesPerSecond: 4568,
       },
     });
-    await sleep(1000);
+    await sleep(800);
   }
 
   sendEvent({ type: "update-downloaded" });

src/main/events/autoupdater/continue-to-main-window.ts

@@ -6,8 +6,7 @@ const { autoUpdater } = updater;
 
 const continueToMainWindow = async (_event: Electron.IpcMainInvokeEvent) => {
   autoUpdater.removeAllListeners();
-  WindowManager.splashWindow?.close();
-  WindowManager.createMainWindow();
+  WindowManager.prepareMainWindowAndCloseSplash();
 };
 
 registerEvent("continueToMainWindow", continueToMainWindow);

src/main/events/autoupdater/restart-and-install-update.ts

@@ -10,8 +10,7 @@ const restartAndInstallUpdate = async (_event: Electron.IpcMainInvokeEvent) => {
     autoUpdater.quitAndInstall(true, true);
   } else {
     autoUpdater.removeAllListeners();
-    WindowManager.splashWindow?.close();
-    WindowManager.createMainWindow();
+    WindowManager.prepareMainWindowAndCloseSplash();
   }
 };
 

src/main/services/window-manager.ts

@@ -18,6 +18,7 @@ import { IsNull, Not } from "typeorm";
 export class WindowManager {
   public static mainWindow: Electron.BrowserWindow | null = null;
   public static splashWindow: Electron.BrowserWindow | null = null;
+  public static isReadyToShowMainWindow = false;
 
   private static loadURL(hash = "") {
     // HMR for renderer base on electron-vite cli.
@@ -60,7 +61,8 @@ export class WindowManager {
       width: 380,
       height: 380,
       frame: false,
-      alwaysOnTop: false,
+      resizable: false,
+      backgroundColor: "#1c1c1c",
       webPreferences: {
         preload: path.join(__dirname, "../preload/index.mjs"),
         sandbox: false,
@@ -72,13 +74,14 @@ export class WindowManager {
   }
 
   public static createMainWindow() {
-    if (this.mainWindow) return;
+    if (this.mainWindow || !this.isReadyToShowMainWindow) return;
 
     this.mainWindow = new BrowserWindow({
       width: 1200,
       height: 720,
       minWidth: 1024,
       minHeight: 540,
+      backgroundColor: "#1c1c1c",
       titleBarStyle: "hidden",
       ...(process.platform === "linux" ? { icon } : {}),
       trafficLightPosition: { x: 16, y: 16 },
@@ -112,6 +115,12 @@ export class WindowManager {
     });
   }
 
+  public static prepareMainWindowAndCloseSplash() {
+    this.isReadyToShowMainWindow = true;
+    this.splashWindow?.close();
+    this.createMainWindow();
+  }
+
   public static redirect(hash: string) {
     if (!this.mainWindow) this.createMainWindow();
     this.loadURL(hash);