Splash screen

murilopolese · murilopolese · commit 3c3eecc84787 · 2024-04-23T10:41:48.000+02:00
diff --git a/index.js b/index.js
@@ -6,6 +6,8 @@ const registerIPCHandlers = require('./backend/ipc.js')
 const registerMenu = require('./backend/menu.js')
 
 let win = null // main window
+let splash = null
+let splashTimeout = null
 
 // START APP
 function createWindow () {
@@ -17,23 +19,37 @@ function createWindow () {
       nodeIntegration: false,
       webSecurity: true,
       enableRemoteModule: false,
-      preload: path.join(__dirname, "preload.js")
+      preload: path.join(__dirname, "preload.js"),
+      show: false
     }
   })
   // and load the index.html of the app.
   win.loadFile('ui/arduino/index.html')
+  // If the app takes a while to open, show splash screen
+  splashTimeout = setTimeout(() => {
+    // Create the splash screen
+    splash = new BrowserWindow({
+      width: 560,
+      height: 180,
+      transparent: true,
+      frame: false,
+      alwaysOnTop: true
+    });
+    splash.loadFile('ui/arduino/splash.html')
+  }, 250)
+
+  win.once('ready-to-show', () => {
+    clearTimeout(splashTimeout)
+    if (splash) splash.destroy()
+    win.show()
+  })
 
   registerIPCHandlers(win, ipcMain, app)
   registerMenu(win)
 
   app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) createWindow()
   })
-  // app.on('window-all-closed', () => {
-  //   if (process.platform !== 'darwin') app.quit()
-  // })
 }
 
-
-// TODO: Loading splash screen
-app.whenReady().then(createWindow)
+app.on('ready', createWindow)
diff --git a/ui/arduino/splash.html b/ui/arduino/splash.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Arduino Lab for MicroPython</title>
+    <style media="screen">
+      body {
+        margin: 0;
+        background: white;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    </style>
+  </head>
+  <body>
+    <img width="100%" src="media/about_image.png" alt="Arduino Lab For MicroPython Logo">
+  </body>
+</html>
