ar(feat) [DPCP-69]: Load Screen (#3)

* ar(feat) DPCP-69: Load Screen * ar(feat) DPCP-69: Load Screen * ar(feat) DPCP-69: Load Screen
dreampipcom · Aug 7, 2024 · 5f44f26 · 5f44f26
1 parent 9038deb
commit 5f44f26
Show file tree

Hide file tree

Showing 7 changed files with 111 additions and 12 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -130,3 +130,5 @@ dist
 .pnp.*
 
 .vite/
+
+.DS_Store
diff --git a/icons/.DS_Store b/icons/.DS_Store
diff --git a/icons/icon-white.svg b/icons/icon-white.svg
diff --git a/index.html b/index.html
@@ -2,11 +2,39 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>Hello World!</title>
+    <title>DreamPip</title>
+    <script>
+      const home = 'https://alpha.dreampip.com';
+      const getHome = async () => {
+        try {
+          return await fetch(home);
+        } catch (e) {
+          return { ok: false, status: 500, message: JSON.stringify(e) };
+        }
+      };
+      const init = async () => {
+        const response = await getHome();
+        if (response.ok && response.status === 200) {
+          window.location.href = home;
+        } else {
+          setTimeout(() => init(), 2000);
+        }
+      };
+
+      init();
+    </script>
   </head>
-  <body>
-    <h1>💖 Hello World!</h1>
-    <p>Welcome to your Electron application.</p>
+  <body
+    style="
+      height: 100vh;
+      width: 100vw;
+      background-color: #353535;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    "
+  >
+    <img style="max-width: 320px" src="./icons/icon-white.svg" alt="DreamPip Logo" />
     <script type="module" src="/src/renderer.ts"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "DreamPip",
   "productName": "DreamPip",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "DreamPip's Desktop App",
   "main": ".vite/build/main.js",
   "build": {

diff --git a/src/main.ts b/src/main.ts
@@ -15,8 +15,6 @@ if (process.defaultApp) {
   app.setAsDefaultProtocolClient('web+dreampip');
 }
 
-const MAIN_WINDOW_VITE_DEV_SERVER_URL = 'https://alpha.dreampip.com';
-
 const createWindow = () => {
   // Create the browser window.
   const mainWindow = new BrowserWindow({
@@ -28,11 +26,11 @@ const createWindow = () => {
   });
 
   // and load the index.html of the app.
-  if (MAIN_WINDOW_VITE_DEV_SERVER_URL) {
-    mainWindow.loadURL(MAIN_WINDOW_VITE_DEV_SERVER_URL);
-  } else {
-    mainWindow.loadFile(path.join(__dirname, `../renderer/${MAIN_WINDOW_VITE_NAME}/index.html`));
-  }
+  // if (MAIN_WINDOW_VITE_DEV_SERVER_URL) {
+  //   mainWindow.loadURL(MAIN_WINDOW_VITE_DEV_SERVER_URL);
+  // } else {
+  mainWindow.loadFile(path.join(__dirname, `../renderer/${MAIN_WINDOW_VITE_NAME}/index.html`));
+  // }
 
   return mainWindow;
   // Open the DevTools.