revert: undo module migration from side-nav-auth, keep variable renaming only

Co-authored-by: damyanpetev <3198469+damyanpetev@users.noreply.github.com>

Author: Copilot

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app-module.ts

@@ -0,0 +1,48 @@
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {
+  IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
+} from 'igniteui-angular';
+import { AppRoutingModule } from './app-routing-module';
+import { App } from './app';
+import { AuthenticationModule, ExternalAuth } from './authentication';
+import { Home } from './home/home';
+
+@NgModule({
+  declarations: [
+    App,
+    Home
+  ],
+  imports: [
+    FormsModule,
+    BrowserModule,
+    HammerModule,
+    BrowserAnimationsModule,
+    // NOTE: `AuthenticationModule` defines child routes, must be imported before root `AppRoutingModule`
+    AuthenticationModule,
+    AppRoutingModule,
+    IgxNavigationDrawerModule,
+    IgxNavbarModule,
+    IgxLayoutModule,
+    IgxRippleModule
+  ],
+  providers: [],
+  bootstrap: [App]
+})
+export class AppModule {
+
+  constructor(private externalAuthService: ExternalAuth) {
+    /**
+     * To register a social login, un-comment one or more of the following and add your service provider Client ID.
+     * See https://github.com/IgniteUI/igniteui-cli/wiki/Angular-Authentication-Project-Template#add-a-third-party-social-provider
+     */
+    // this.externalAuthService.addGoogle('<CLIENT_ID>');
+
+    // this.externalAuthService.addMicrosoft('<CLIENT_ID>');
+
+    // this.externalAuthService.addFacebook('<CLIENT_ID>');
+  }
+
+}

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts

@@ -2,38 +2,30 @@ import { ApplicationConfig, importProvidersFrom, provideBrowserGlobalErrorListen
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import { provideRouter } from '@angular/router';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { AuthModule } from 'angular-auth-oidc-client';
 import {
   IgxLayoutModule,
   IgxNavbarModule,
   IgxNavigationDrawerModule,
   IgxRippleModule,
 } from '<%=igxPackage%>';
 
-import { ExternalAuth } from './authentication';
-import { JwtInterceptor } from './authentication/services/jwt.interceptor';
-import { BackendProvider } from './authentication/services/fake-backend';
+import { AuthenticationModule, ExternalAuth } from './authentication';
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideBrowserGlobalErrorListeners(),
     provideZoneChangeDetection({ eventCoalescing: true }),
     provideRouter(routes),
-    provideHttpClient(withInterceptorsFromDi()),
     importProvidersFrom(
       BrowserModule,
       HammerModule,
       IgxLayoutModule,
       IgxNavbarModule,
       IgxNavigationDrawerModule,
       IgxRippleModule,
-      AuthModule.forRoot()
+      AuthenticationModule
     ),
-    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
-    // TODO: DELETE THIS BEFORE PRODUCTION!
-    BackendProvider,
     provideAnimations(),
     ExternalAuth
   ]

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.routes.ts

@@ -1,6 +1,3 @@
 import { Routes } from '@angular/router';
-import { authRoutes } from './authentication/authentication.routes';
 
-export const routes: Routes = [
-  ...authRoutes
-];
+export const routes: Routes = [];

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/app.spec.ts

@@ -1,11 +1,9 @@
 import { TestBed } from '@angular/core/testing';
-import { importProvidersFrom } from '@angular/core';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
-import { HttpClientModule } from '@angular/common/http';
 import { IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule } from 'igniteui-angular';
-import { AuthModule } from 'angular-auth-oidc-client';
 import { App } from './app';
+import { AuthenticationModule } from './authentication';
 
 describe('App', () => {
   beforeEach(async () => {
@@ -14,13 +12,11 @@ describe('App', () => {
         NoopAnimationsModule,
         RouterModule.forRoot([]),
         IgxNavigationDrawerModule,
+        AuthenticationModule,
         IgxNavbarModule,
         IgxLayoutModule,
         IgxRippleModule,
         App
-      ],
-      providers: [
-        importProvidersFrom(HttpClientModule, AuthModule)
       ]
     }).compileComponents();
   });

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication-module.spec.ts

@@ -0,0 +1,13 @@
+import { AuthenticationModule } from './authentication-module';
+
+describe('AuthenticationModule', () => {
+  let authenticationModule: AuthenticationModule;
+
+  beforeEach(() => {
+    authenticationModule = new AuthenticationModule();
+  });
+
+  it('should create an instance', () => {
+    expect(authenticationModule).toBeTruthy();
+  });
+});

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication-module.ts

@@ -0,0 +1,67 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { AuthModule, OidcConfigService } from 'angular-auth-oidc-client';
+import {
+  IgxAvatarModule,
+  IgxButtonModule,
+  IgxDialogModule,
+  IgxDropDownModule,
+  IgxIconModule,
+  IgxInputGroupModule,
+  IgxRippleModule,
+  IgxToggleModule
+} from 'igniteui-angular';
+import { AuthGuard } from './auth.guard';
+import { AuthenticationRoutingModule } from './authentication-routing-module';
+import { LoginBar } from './login-bar/login-bar';
+import { LoginDialog } from './login-dialog/login-dialog';
+import { Login } from './login/login';
+import { Profile} from './profile/profile';
+import { Redirect } from './redirect/redirect';
+import { Register } from './register/register';
+import { BackendProvider } from './services/fake-backend';
+import { JwtInterceptor } from './services/jwt.interceptor';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    HttpClientModule,
+    ReactiveFormsModule,
+    AuthModule.forRoot(),
+    AuthenticationRoutingModule,
+    IgxAvatarModule,
+    IgxButtonModule,
+    IgxDialogModule,
+    IgxDropDownModule,
+    IgxIconModule,
+    IgxInputGroupModule,
+    IgxRippleModule,
+    IgxToggleModule
+  ],
+  declarations: [
+    LoginBar,
+    Login,
+    LoginDialog,
+    Profile,
+    Redirect,
+    Register
+  ],
+  providers: [
+    AuthGuard,
+    OidcConfigService,
+    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
+    // TODO: DELETE THIS BEFORE PRODUCTION!
+    BackendProvider
+  ],
+  exports: [
+    LoginBar,
+    Login,
+    Redirect,
+    Register,
+    LoginDialog,
+    Profile
+  ]
+})
+export class AuthenticationModule { }

…/authentication/authentication.routes.ts …ication/authentication-routing-module.tspackages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication.routes.ts renamed to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication-routing-module.ts packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication.routes.ts renamed to packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/authentication-routing-module.ts

@@ -1,13 +1,24 @@
-import { Routes } from '@angular/router';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
 import { AuthGuard } from './auth.guard';
 import { Profile } from './profile/profile';
 import { Redirect } from './redirect/redirect';
 import { ExternalAuthProvider } from './services/external-auth-configs';
 import { ExternalAuthRedirectUrl } from './services/external-auth';
 
-export const authRoutes: Routes = [
+const authRoutes: Routes = [
   { path: 'profile', component: Profile, canActivate: [AuthGuard] },
   { path: ExternalAuthRedirectUrl.Google, component: Redirect, data: { provider: ExternalAuthProvider.Google } },
   { path: ExternalAuthRedirectUrl.Facebook, component: Redirect, data: { provider: ExternalAuthProvider.Facebook } },
   { path: ExternalAuthRedirectUrl.Microsoft, component: Redirect, data: { provider: ExternalAuthProvider.Microsoft } }
 ];
+
+@NgModule({
+  imports: [
+    RouterModule.forChild(authRoutes)
+  ],
+  exports: [
+    RouterModule
+  ]
+})
+export class AuthenticationRoutingModule { }

packages/igx-templates/igx-ts/projects/side-nav-auth/files/src/app/authentication/index.ts

@@ -1,5 +1,6 @@
 export * from './auth.guard';
-export * from './authentication.routes';
+export * from './authentication-routing-module';
+export * from './authentication-module';
 export * from './models/login';
 export * from './models/register-info';
 export * from './models/user';