From e2ed162b67d53452af01fe3a7aad3d70c995ff8d Mon Sep 17 00:00:00 2001 From: Innei Date: Tue, 29 Oct 2024 17:15:24 +0800 Subject: [PATCH] feat: add app skeleton to avoid blank page when js loaded Signed-off-by: Innei --- apps/renderer/index.html | 72 ++++++++++++++++++++++++++++++++++++--- apps/renderer/src/App.tsx | 2 ++ 2 files changed, 70 insertions(+), 4 deletions(-) diff --git a/apps/renderer/index.html b/apps/renderer/index.html index c0898a4c5..9fdbff7eb 100644 --- a/apps/renderer/index.html +++ b/apps/renderer/index.html @@ -54,14 +54,78 @@ } } setTheme() + // Can not get window.electron so check userAgent + const isElectron = navigator.userAgent.includes("Electron") + document.documentElement.dataset.buildType = isElectron ? "electron" : "web" -
+
+ +
-
-
-
+ +
+
+
diff --git a/apps/renderer/src/App.tsx b/apps/renderer/src/App.tsx index d4f92844a..317952953 100644 --- a/apps/renderer/src/App.tsx +++ b/apps/renderer/src/App.tsx @@ -76,6 +76,8 @@ const AppLayer = () => { appLog("App is ready", `${doneTime}ms`) applyAfterReadyCallbacks() + + document.querySelector("#app-skeleton")?.remove() }, [appIsReady]) return appIsReady ? :