refactor: add loading screen on app initialization

2026-01-01 22:33:18 -03:00
parent 92e426b316
commit 7952e5632a
2 changed files with 9 additions and 1 deletions
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -9,7 +9,7 @@ export const appConfig: ApplicationConfig = {
  providers: [
    provideAppInitializer(() => {
      const sqlite = inject(Sqlite);
-      return sqlite.initializeDatabase('gptdb');
+      return sqlite.initializeDatabase('gptdb').then( () => document.dispatchEvent(new CustomEvent('ng-boot')))
    }),
    {provide: WebSqlite, useClass: WebSqlite},
    provideBrowserGlobalErrorListeners(),
--- a/src/index.html
+++ b/src/index.html
@@ -6,8 +6,16 @@
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="preload" href="/scan-loading-screen/scan-loading-screen.css" as="style" />
 </head>
 <body>
+  <scan-loading-screen></scan-loading-screen>
  <app-root></app-root>
+  <script src="/scan-loading-screen/scan-loading-screen.js" fetchpriority="high"></script>
+  <script>
+    document.addEventListener('ng-boot', () => {
+      document.querySelector('scan-loading-screen').remove();
+    })
+  </script>
 </body>
 </html>