build: add pwa capability

2026-01-18 21:05:26 -03:00
parent dfacc39e57
commit 3f4edb954c
16 changed files with 134 additions and 6 deletions
--- a/src/app/app.config.ts
+++ b/src/app/app.config.ts
@@ -1,10 +1,16 @@
-import { ApplicationConfig, inject, provideAppInitializer, provideBrowserGlobalErrorListeners } from '@angular/core';
+import {
+  ApplicationConfig,
+  inject,
+  provideAppInitializer,
+  provideBrowserGlobalErrorListeners,
+  isDevMode,
+} from '@angular/core';
 import { provideRouter } from '@angular/router';
 import { routes } from './app.routes';
 import { WebSqlite } from 'angular-web-sqlite';
 import { Sqlite } from './services/sqlite';
 import { tables } from '../migrations/20260117';
-
+import { provideServiceWorker } from '@angular/service-worker';

 export const appConfig: ApplicationConfig = {
  providers: [
@@ -15,8 +21,12 @@ export const appConfig: ApplicationConfig = {
      await sqlite.executeQuery('PRAGMA foreign_keys = ON;');
      document.dispatchEvent(new CustomEvent('ng-boot'));
    }),
-    {provide: WebSqlite, useClass: WebSqlite},
+    { provide: WebSqlite, useClass: WebSqlite },
    provideBrowserGlobalErrorListeners(),
-    provideRouter(routes)
-  ]
+    provideRouter(routes),
+    provideServiceWorker('ngsw-worker.js', {
+      enabled: !isDevMode(),
+      registrationStrategy: 'registerWhenStable:30000',
+    }),
+  ],
 };
--- a/src/index.html
+++ b/src/index.html
@@ -6,6 +6,7 @@
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="manifest" href="manifest.webmanifest">
 </head>
 <body>
  <scan-loading-screen></scan-loading-screen>
@@ -16,5 +17,6 @@
      document.querySelector('scan-loading-screen').remove();
    })
  </script>
+  <noscript>Please enable JavaScript to continue using this application.</noscript>
 </body>
 </html>