Make oidcConfig of IAuthConfig type

generators/ionic/resources/oauth2/cypress/support/oauth2.ts

@@ -5,7 +5,8 @@ import { apiHost } from './config';
 import { environment } from '../../src/environments/environment';
 
 const {
-  oidcConfig: { scopes: scope, audience, client_id },
+  audience,
+  oidcConfig: { scopes: scope, client_id },
 } = environment;
 
 // Get oauth2 basic data

generators/ionic/resources/oauth2/src/app/pages/login/login.page.ts

@@ -4,6 +4,8 @@ import { AuthActions, AuthService, IAuthAction } from 'ionic-appauth';
 import { Subscription } from 'rxjs';
 import { environment } from '../../../environments/environment';
 
+const { audience } = environment;
+
 @Component({
   selector: 'app-login',
   templateUrl: './login.page.html',
@@ -25,7 +27,7 @@ export class LoginPage implements OnInit, OnDestroy {
   }
 
   public async signIn() {
-    await this.authService.signIn({ audience: environment.oidcConfig.audience });
+    await this.authService.signIn({ audience });
   }
 
   private async onSignInSuccess(action: IAuthAction) {

generators/ionic/resources/oauth2/src/app/pages/welcome/welcome.page.ts

@@ -4,6 +4,8 @@ import { AuthActions, AuthService, IAuthAction } from 'ionic-appauth';
 import { Subscription } from 'rxjs';
 import { environment } from '../../../environments/environment';
 
+const { audience } = environment;
+
 @Component({
   selector: 'app-welcome',
   templateUrl: 'welcome.page.html',
@@ -24,7 +26,7 @@ export class WelcomePage implements OnInit, OnDestroy {
   }
 
   signIn() {
-    this.authService.signIn({ audience: environment.oidcConfig.audience })
+    this.authService.signIn({ audience })
       .catch((error) => console.error(`Sign in error: ${error}`));
   }
 

generators/ionic/resources/oauth2/src/environments/environment.ts

@@ -1,20 +1,25 @@
+/* eslint-disable @typescript-eslint/naming-convention */
 // This file can be replaced during build by using the `fileReplacements` array.
 // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
+import type { IAuthConfig } from 'ionic-appauth';
+
 export const apiHost = 'http://localhost:8080/';
 
+const oidcConfig: IAuthConfig = {
+  client_id: 'web_app',
+  server_host: 'http://localhost:9080/auth/realms/jhipster',
+  redirect_url: window.location.origin + '/callback',
+  end_session_redirect_url: window.location.origin + '/logout',
+  scopes: 'openid profile',
+  pkce: true,
+};
+
 export const environment = {
   production: false,
   apiUrl: `${apiHost}api`,
-  oidcConfig: {
-    client_id: 'web_app',
-    server_host: 'http://localhost:9080/auth/realms/jhipster',
-    redirect_url: window.location.origin + '/callback',
-    end_session_redirect_url: window.location.origin + '/logout',
-    scopes: 'openid profile',
-    pkce: true,
-    audience: 'api://default'
-  },
+  oidcConfig,
+  audience: 'api://default',
   scheme: 'dev.localhost.ionic',
 };