Revert "OHID-330 Angular 19 (#689)"

This reverts commit 0585d96.

Author: Paahn

workspace/.gitignore

@@ -45,5 +45,3 @@ Thumbs.db
 .nx/
 .nx/cache
 .nx/workspace-data
-.cursor/rules/nx-rules.mdc
-.github/instructions/nx.instructions.md

workspace/README.md

@@ -62,8 +62,7 @@ To build, run, and open a local in memory development server which will run at `
 nx serve APP_NAME
 ```
 
-other way of running using yarn is
-
+other way of running using yarn is 
 ```bash
 yarn nx serve pidp
 ```
@@ -76,12 +75,10 @@ To build the project and have the build artifacts stored in the `dist/` director
 nx build APP_NAME
 ```
 
-other way of building using yarn is
-
+other way of building using yarn is 
 ```bash
 yarn nx build pidp
 ```
-
 ### Running Unit Tests
 
 Execute the unit tests via [Jest](https://jestjs.io) by typing:
@@ -137,8 +134,8 @@ nx g @nx/angular:lib LIB_NAME
 ### Components Structure
 
 In the workspace folder the app folder contains the applications. Every application has it's own folder.
-pidp is the folder for the pidp application. The folder for components is pidp->src->app->features.
-features folder has nested folders like access, admin, auth, faq ... which determine the side menu options in the home page of the application.
+pidp is the folder for the pidp application. The folder for components is pidp->src->app->features. 
+features folder has nested folders like access, admin, auth, faq ... which determine the side menu options in the home page of the application. 
 main.ts is the application entry file. in this file the keycloak configuration is fetched.
 app.routing.ts has top level routing. which internally uses the shell routing.
 shell-routing.ts has routing for different sections like profile, training, faq and history...

workspace/apps/pidp/.eslintrc.json

@@ -46,8 +46,7 @@
             "ignoreRestSiblings": false,
             "argsIgnorePattern": "_"
           }
-        ],
-        "@angular-eslint/prefer-standalone": "off"
+        ]
       }
     },
     {

workspace/apps/pidp/jest.config.ts

@@ -17,7 +17,9 @@ export default {
       },
     ],
   },
-  transformIgnorePatterns: ['node_modules/(?!(.*.mjs$|keycloak.js))'],
+  transformIgnorePatterns: [
+    'node_modules/(?!.*\\.mjs$|swiper|ssr-window|dom7)',
+  ],
   snapshotSerializers: [
     'jest-preset-angular/build/serializers/no-ng-attributes',
     'jest-preset-angular/build/serializers/ng-snapshot',

workspace/apps/pidp/project.json

@@ -4,7 +4,6 @@
   "projectType": "application",
   "sourceRoot": "apps/pidp/src",
   "prefix": "app",
-  "tags": ["scope:pidp", "type:app"],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
@@ -75,8 +74,7 @@
       "options": {
         "port": 4200,
         "proxyConfig": "apps/pidp/proxy.conf.json"
-      },
-      "continuous": true
+      }
     },
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
@@ -94,5 +92,6 @@
         "jestConfig": "apps/pidp/jest.config.ts"
       }
     }
-  }
+  },
+  "tags": ["scope:pidp", "type:app"]
 }

workspace/apps/pidp/src/app/app-routing.routes.ts

@@ -1,7 +1,7 @@
 import { Routes } from '@angular/router';
 
-import { AccessRoutes } from './features/access/access.routes';
 import { ShellRoutes } from './features/shell/shell.routes';
+import { AccessRoutes } from './features/access/access.routes';
 
 export const routes: Routes = [
   {

workspace/apps/pidp/src/app/app.component.html

@@ -1,3 +1,3 @@
-<div id="app" class="app">
+<div class="app" id="app">
   <router-outlet></router-outlet>
 </div>

workspace/apps/pidp/src/app/app.component.spec.ts

@@ -1,13 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { TestBed } from '@angular/core/testing';
 import { Title } from '@angular/platform-browser';
-import {
-  ActivatedRoute,
-  Data,
-  NavigationEnd,
-  RouterModule,
-  Scroll,
-} from '@angular/router';
+import { ActivatedRoute, Data, NavigationEnd, Scroll } from '@angular/router';
+import { RouterTestingModule } from '@angular/router/testing';
 
 import { Observable, of } from 'rxjs';
 
@@ -45,7 +40,7 @@ describe('AppComponent', () => {
     };
 
     TestBed.configureTestingModule({
-      imports: [RouterModule.forRoot([])],
+      imports: [RouterTestingModule],
       providers: [
         AppComponent,
         {

workspace/apps/pidp/src/app/app.component.ts

@@ -30,6 +30,7 @@ import { UtilsService } from '@core/services/utils.service';
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
+  standalone: true,
   imports: [RouterOutlet],
 })
 export class AppComponent implements OnInit, AfterViewInit, OnDestroy {

workspace/apps/pidp/src/app/core/core.ts

@@ -1,15 +1,10 @@
+import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {
-  provideHttpClient,
-  withInterceptors,
-  withInterceptorsFromDi,
-} from '@angular/common/http';
-import {
+  ENVIRONMENT_INITIALIZER,
   EnvironmentProviders,
   InjectionToken,
   Provider,
   inject,
-  provideEnvironmentInitializer,
-  provideZoneChangeDetection,
 } from '@angular/core';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import {
@@ -19,18 +14,12 @@ import {
   withRouterConfig,
 } from '@angular/router';
 
-import {
-  INCLUDE_BEARER_TOKEN_INTERCEPTOR_CONFIG,
-  IncludeBearerTokenCondition,
-  createInterceptorCondition,
-  includeBearerTokenInterceptor,
-} from 'keycloak-angular';
 import { provideEnvironmentNgxMask } from 'ngx-mask';
 
 import { provideHttpInterceptors } from '@bcgov/shared/data-access';
 import { provideMaterialConfig, provideNgxProgressBar } from '@bcgov/shared/ui';
 
-import { provideKeycloakAngular } from '@app/modules/keycloak/keycloak.config';
+import { provideKeycloak } from '@app/modules/keycloak/keycloak';
 
 export interface CoreOptions {
   routes: Routes;
@@ -39,30 +28,18 @@ export interface CoreOptions {
 // create unique injection token for the guard
 export const CORE_GUARD = new InjectionToken<string>('CORE_GUARD');
 
-const bearerTokenCondition =
-  createInterceptorCondition<IncludeBearerTokenCondition>({
-    urlPattern: /^(.+)?$/i,
-  });
-
 export function provideCore(
   options: CoreOptions,
 ): (Provider | EnvironmentProviders)[] {
   return [
-    provideKeycloakAngular(),
-    provideZoneChangeDetection({ eventCoalescing: true }),
     { provide: CORE_GUARD, useValue: 'CORE_GUARD' },
-    {
-      provide: INCLUDE_BEARER_TOKEN_INTERCEPTOR_CONFIG,
-      useValue: [bearerTokenCondition],
-    },
     provideAnimations(),
     provideNgxProgressBar(),
     provideMaterialConfig(),
     provideEnvironmentNgxMask(),
     provideHttpClient(
       // DI-based interceptors must be explicitly enabled.
       withInterceptorsFromDi(),
-      withInterceptors([includeBearerTokenInterceptor]),
     ),
     provideHttpInterceptors(),
     provideRouter(
@@ -79,11 +56,12 @@ export function provideCore(
       // disabled debug tracing
       // withDebugTracing()
     ),
+    provideKeycloak(),
     // order matters
     // (especially when accessing some of the above defined providers)
     // init has to be last
     {
-      provide: provideEnvironmentInitializer,
+      provide: ENVIRONMENT_INITIALIZER,
       multi: true,
       useValue(): void {
         const coreGuard = inject(CORE_GUARD, {