Added splashscreen

el3um4s · Sep 16, 2022 · 3063b02 · 3063b02
1 parent 09595d8
commit 3063b02
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 20 deletions.
diff --git a/electron/mainWindow.ts b/electron/mainWindow.ts
@@ -38,25 +38,25 @@ class Main {
     this.configDev = new ConfigureDev(this.settingsDev);
 
     app.on("ready", async () => {
-      // let loading = new BrowserWindow({
-      //   show: false,
-      //   frame: false,
-      //   width: 300,
-      //   height: 300,
-      //   transparent: true,
-      // });
-
-      this.window = await this.createWindow();
-      this.onEvent.emit("window-created");
-
-      // loading.once("show", async () => {
-      //   this.window = await this.createWindow();
-      //   this.onEvent.emit("window-created");
-      //   loading.hide();
-      //   loading.close();
-      // });
-      // loading.loadURL(path.join(__dirname, "www", "loading.html"));
-      // loading.show();
+      let loading = new BrowserWindow({
+        show: false,
+        frame: false,
+        width: 300,
+        height: 300,
+        transparent: true,
+      });
+
+      // this.window = await this.createWindow();
+      // this.onEvent.emit("window-created");
+
+      loading.once("show", async () => {
+        this.window = await this.createWindow();
+        this.onEvent.emit("window-created");
+        loading.hide();
+        loading.close();
+      });
+      loading.loadURL(path.join(__dirname, "www", "loading.html"));
+      loading.show();
     });
 
     app.on("window-all-closed", this.onWindowAllClosed);
@@ -81,7 +81,7 @@ class Main {
       try {
         await window.loadURL("http://localhost:5173/");
       } catch (error) {
-        console.log(`ERROR: window.loadURL("http://localhost:3000/");`);
+        console.log(`ERROR: window.loadURL("http://localhost:5173/");`);
         console.log(error);
       }
     } else if (this.configDev.isElectronServe()) {

diff --git a/svelte/static/loading.html b/svelte/static/loading.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
+	<meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
+    <title>Loading</title>
+</head>
+<body>
+    <div style="width:100%; text-align: center;">
+        <div style="width: 256px; height: 256px; border-radius: 100%; background-color: rgb(240,240,240);">
+            <img width="256px" src="loading.png"/>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/svelte/static/loading.png b/svelte/static/loading.png