add initials auth features on demo

apps/demo/src/app/app.component.html

@@ -1,4 +1,4 @@
-<sio-app
+<sio-app [environmentInjector]="environmentInjector"
   title="Demo"
   leftPanelType="push"
   righPanelType="none"
@@ -7,6 +7,6 @@
   tabMobilePosition="bottom"
   color="primary"
 >
+  <sio-auth-badge slot="left_header" color="secondary"></sio-auth-badge>
   <sio-darkmode-toggle slot="left_footer"></sio-darkmode-toggle>
-
 </sio-app>

apps/demo/src/app/app.component.ts

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import { Component, EnvironmentInjector } from '@angular/core';
+import { SioAuthModule } from '@silicia/auth';
 import { SioCommonModule, SioCoreLoggerService, Loggable } from '@silicia/core';
 
 @Loggable()
@@ -7,10 +8,11 @@ import { SioCommonModule, SioCoreLoggerService, Loggable } from '@silicia/core';
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
   standalone: true,
-  imports: [SioCommonModule],
+  imports: [ SioCommonModule, SioAuthModule],
 })
 export class AppComponent {
   constructor(
+    public environmentInjector: EnvironmentInjector,
     private sioCoreLoggerService: SioCoreLoggerService,
   ) {
     this.sioCoreLoggerService.debug(`[AppComponent][constructor]`);

apps/demo/src/app/app.config.ts

@@ -2,13 +2,19 @@ import { ApplicationConfig } from '@angular/core';
 import { importProvidersFrom } from '@angular/core';
 import { IonicRouteStrategy } from '@ionic/angular';
 import { SioCoreModule } from '@silicia/core';
-import { RouteReuseStrategy, provideRouter } from '@angular/router';
-import { routes } from './app.routes';
+import { sioAuthRoutes } from '@silicia/auth';
+import { PreloadAllModules, RouteReuseStrategy, provideRouter, withDebugTracing, withPreloading } from '@angular/router';
 import { environment } from '../environments/environment';
+import { routes } from './app.routes';
 export const appConfig: ApplicationConfig = {
   providers: [
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
     importProvidersFrom(SioCoreModule.forRoot(environment)),
-    provideRouter(routes),
+    provideRouter(
+      routes,
+      withPreloading(PreloadAllModules),
+      withDebugTracing(),
+    ),
+    provideRouter(sioAuthRoutes)
   ],
 };

apps/demo/src/app/app.routes.ts

@@ -9,9 +9,14 @@ export const routes: Routes = [
     path: 'info',
     loadComponent: () => import('./info/info.page').then((m) => m.InfoPageComponent),
   },
+  {
+    path: 'settings',
+    loadComponent: () => import('./settings/settings.page').then((m) => m.SettingsPageComponent),
+  },
   {
     path: '',
     redirectTo: 'home',
     pathMatch: 'full',
   },
-];
+
+];

apps/demo/src/app/home/home.page.html

@@ -1,3 +1,3 @@
 <sio-page title="Home">
-        
+    <sio-auth-badge slot="end" type="button" color="none"></sio-auth-badge>
 </sio-page>   

apps/demo/src/app/home/home.page.ts

@@ -1,12 +1,13 @@
 import { Component } from '@angular/core';
+import { SioAuthModule } from '@silicia/auth';
 import { SioCommonModule } from '@silicia/core';
 
 @Component({
   selector: 'sio-home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
   standalone: true,
-  imports: [SioCommonModule],
+  imports: [SioCommonModule, SioAuthModule],
 })
 export class HomePageComponent {
   public html: string;

apps/demo/src/app/settings/settings.page.html

@@ -0,0 +1 @@
+<sio-page title="settings"></sio-page>

apps/demo/src/app/settings/settings.page.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { SioCommonModule } from '@silicia/core';
+
+@Component({
+  selector: 'sio-settings',
+  templateUrl: 'settings.page.html',
+  styleUrls: ['settings.page.scss'],
+  standalone: true,
+  imports: [SioCommonModule],
+})
+export class SettingsPageComponent {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {}
+}

apps/demo/src/assets/i18n/it.json

@@ -1,6 +1,6 @@
 {
     "M_HOME": "Home",
-    "M_ABOUT": "Info",
+    "M_INFO": "Info",
     "M_SETTINGS": "Opzioni",
     "L_LANGUAGE": "test",
     "LABEL_APP_TITLE" : "Titolo App"

apps/demo/src/main.ts

@@ -10,4 +10,4 @@ if (environment.production) {
   enableProdMode();
 }
 
-bootstrapApplication(AppComponent, appConfig);
+bootstrapApplication(AppComponent, appConfig).catch(e => console.error(e));;