@abgov/nx-adsp 12.4.1 → 12.5.0

package/generators.json

@@ -43,6 +43,12 @@
       "factory": "./src/generators/angular-app/angular-app",
       "schema": "./src/generators/angular-app/schema.json",
       "description": "Generator that creates a Angular based frontend application."
+    },
+    "mean": {
+      "factory": "./src/generators/mean/mean",
+      "schema": "./src/generators/mean/schema.json",
+      "description": "Generator that creates a MEAN fullstack solution.",
+      "hidden": true
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/nx-adsp",
-  "version": "12.4.1",
+  "version": "12.5.0",
   "license": "Apache-2.0",
   "main": "src/index.js",
   "description": "Government of Alberta - Nx plugin for ADSP apps.",

package/src/generators/angular-app/angular-app.js

@@ -56,6 +56,7 @@ function removeFiles(host, options) {
 }
 function default_1(host, options) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
         const normalizedOptions = yield normalizeOptions(host, options);
         const { applicationGenerator: initAngular } = yield Promise.resolve().then(() => require('@nx/angular/generators'));
         yield initAngular(host, {
@@ -64,17 +65,31 @@ function default_1(host, options) {
             linter: 'none',
             directory: `apps/${options.name}`
         });
-        (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
-            '@abgov/angular-components': '^3.0.0',
-            '@abgov/web-components': '^1.19.0',
-            'oidc-client': '~1.11.5',
-        });
+        (0, devkit_1.addDependenciesToPackageJson)(host, {
+            '@abgov/angular-components': '5.2.1',
+            '@abgov/design-tokens': '1.8.0',
+            '@abgov/ui-components-common': '^2.0.0',
+            '@abgov/web-components': '1.39.3',
+            'keycloak-angular': '^19.0.2',
+            'keycloak-js': '^23.0.7',
+            'zone.js': '~0.15.0',
+        }, {});
         const addedProxy = addFiles(host, normalizedOptions);
-        removeFiles(host, normalizedOptions);
+        // @nx/angular generates app.ts/html/css/spec.ts (new naming) and nx-welcome.ts;
+        // our templates use app.component.* and don't use nx-welcome.
+        for (const file of ['app.ts', 'app.html', 'app.css', 'app.spec.ts', 'nx-welcome.ts']) {
+            host.delete(`${normalizedOptions.projectRoot}/src/app/${file}`);
+        }
         const layout = (0, devkit_1.getWorkspaceLayout)(host);
         const config = (0, devkit_1.readProjectConfiguration)(host, options.name);
-        config.targets.build.options = Object.assign(Object.assign({}, config.targets.build.options), { assets: [
+        // Remove the generated fileReplacements for production — single environment.ts
+        // is pre-populated from tenant config at generation time.
+        if ((_b = (_a = config.targets.build.configurations) === null || _a === void 0 ? void 0 : _a.production) === null || _b === void 0 ? void 0 : _b.fileReplacements) {
+            delete config.targets.build.configurations.production.fileReplacements;
+        }
+        config.targets.build.options = Object.assign(Object.assign({}, config.targets.build.options), { polyfills: ['zone.js'], assets: [
                 ...config.targets.build.options.assets,
+                `${normalizedOptions.projectRoot}/src/silent-check-sso.html`,
                 {
                     glob: 'nginx.conf',
                     input: `${layout.appsDir}/${options.name}`,

package/src/generators/angular-app/angular-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"angular-app.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/angular-app/angular-app.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"angular-app.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/angular-app/angular-app.ts"],"names":[],"mappings":";;AAkGA,4BAgFC;;AAlLD,wCAAyE;AACzE,uCAYoB;AACpB,6BAA6B;AAG7B,SAAe,gBAAgB,CAC7B,IAAU,EACV,OAAkC;;QAElC,MAAM,WAAW,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;QACjD,MAAM,WAAW,GAAG,GAAG,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC,OAAO,IAAI,WAAW,EAAE,CAAC;QACzE,MAAM,kBAAkB,GAAG,cAAc,WAAW,EAAE,CAAC;QAEvD,MAAM,IAAI,GAAG,MAAM,IAAA,4BAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEvD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YAC/C,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;YACpB,CAAC,CAAC,OAAO,CAAC,KAAK;gBACf,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;gBACjB,CAAC,CAAC,EAAE,CAAC;QAEP,uCACK,OAAO,KACV,WAAW;YACX,WAAW;YACX,kBAAkB;YAClB,IAAI;YACJ,YAAY,IACZ;IACJ,CAAC;CAAA;AAED,SAAS,QAAQ,CAAC,IAAU,EAAE,OAAyB;IACrD,MAAM,eAAe,+DAChB,OAAO,GACP,OAAO,CAAC,IAAI,GACZ,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,KACtB,cAAc,EAAE,IAAA,uBAAc,EAAC,OAAO,CAAC,WAAW,CAAC,EACnD,IAAI,EAAE,EAAE,GACT,CAAC;IACF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAC7B,OAAO,CAAC,WAAW,EACnB,eAAe,CAChB,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IACrD,IAAI,YAAY,EAAE,CAAC;QACjB,mDAAmD;QACnD,6CAA6C;QAC7C,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAC9C,CAAC,SAAS,EAAE,UAAU,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YAElD,MAAM,KAAK,GAAG;gBACZ,MAAM,EAAE,GAAG,WAAW,CAAC,QAAQ,cAC7B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9C,EAAE;gBACF,MAAM,EAAE,WAAW,CAAC,QAAQ,KAAK,QAAQ;gBACzC,YAAY,EAAE,KAAK;gBACnB,WAAW,EAAE,EAAE;aAChB,CAAC;YAEF,8DAA8D;YAC9D,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpC,KAAK,CAAC,WAAW,GAAG;oBAClB,CAAC,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAE,WAAW,CAAC,QAAQ;iBAClD,CAAC;YACJ,CAAC;YAED,uCACK,SAAS,KACZ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,KAAK,IAC5B;QACJ,CAAC,EACD,EAAE,CACH,CAAC;QACF,IAAA,kBAAS,EAAC,IAAI,EAAE,GAAG,OAAO,CAAC,WAAW,kBAAkB,EAAE,YAAY,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAS,WAAW,CAAC,IAAU,EAAE,OAAyB;IACxD,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,mBAAmB,CAAC,CAAC;IACvD,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,WAAW,mBAAmB,CAAC,CAAC;AACzD,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAkC;;;QAC3E,MAAM,iBAAiB,GAAG,MAAM,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEhE,MAAM,EAAE,oBAAoB,EAAE,WAAW,EAAE,GAAG,2CAC5C,wBAAwB,EACzB,CAAC;QACF,MAAM,WAAW,CAAC,IAAI,EAAE;YACtB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,MAAM,EAAE,iBAAiB,CAAC,WAAW;YACrC,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,QAAQ,OAAO,CAAC,IAAI,EAAE;SAClC,CAAC,CAAC;QAEH,IAAA,qCAA4B,EAC1B,IAAI,EACJ;YACE,2BAA2B,EAAE,OAAO;YACpC,sBAAsB,EAAE,OAAO;YAC/B,6BAA6B,EAAE,QAAQ;YACvC,uBAAuB,EAAE,QAAQ;YACjC,kBAAkB,EAAE,SAAS;YAC7B,aAAa,EAAE,SAAS;YACxB,SAAS,EAAE,SAAS;SACrB,EACD,EAAE,CACH,CAAC;QAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;QAErD,gFAAgF;QAChF,8DAA8D;QAC9D,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,CAAC,EAAE,CAAC;YACrF,IAAI,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC,CAAC;QAClE,CAAC;QAED,MAAM,MAAM,GAAG,IAAA,2BAAkB,EAAC,IAAI,CAAC,CAAC;QAExC,MAAM,MAAM,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAE5D,+EAA+E;QAC/E,0DAA0D;QAC1D,IAAI,MAAA,MAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,0CAAE,UAAU,0CAAE,gBAAgB,EAAE,CAAC;YACtE,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC;QACzE,CAAC;QAED,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,mCACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,KAC/B,SAAS,EAAE,CAAC,SAAS,CAAC,EACtB,MAAM,EAAE;gBACN,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;gBACtC,GAAG,iBAAiB,CAAC,WAAW,4BAA4B;gBAC5D;oBACE,IAAI,EAAE,YAAY;oBAClB,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,EAAE;oBAC1C,MAAM,EAAE,IAAI;iBACb;aACF,GACF,CAAC;QAEF,IAAI,UAAU,EAAE,CAAC;YACf,oEAAoE;YACpE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,mCACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,KAC/B,WAAW,EAAE,GAAG,iBAAiB,CAAC,WAAW,kBAAkB,GAChE,CAAC;QACJ,CAAC;QAED,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEvD,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,MAAM,IAAA,2BAAmB,EAAC,IAAI,kCACzB,iBAAiB,KACpB,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,iBAAiB,CAAC,WAAW,IACtC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA"}

package/src/generators/angular-app/files/src/app/app.component.css__tmpl__

@@ -1,36 +1,16 @@
-.container {
-  width: 100%;
-  margin: 0 auto;
-  padding: 0;
+.app {
+  margin: 0;
 }
 
-@media (min-width: 640px) {
-  .container {
-    margin: 0 auto;
-    padding: 3rem 1rem;
-    width: 640px;
-  }
+main {
+  display: grid;
+  grid-template-columns: repeat(6, auto);
 }
-@media (min-width: 768px) {
-  .container {
-    margin: 0 auto;
-    padding: 3rem 1rem;
-    width: 768px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    padding: 3rem 1rem;
-    margin: 0 auto;
-    width: 1024px;
-  }
-}
-@media (min-width: 1280px) {
-  .container {
-    padding: 3rem 1rem;
-    margin: 0 auto;
-    width: 1280px;
-  }
+
+section {
+  grid-column: 2 / span 2;
+  margin-top: 40px;
+  margin-bottom: 40px;
 }
 
 .nextSteps {
@@ -42,27 +22,3 @@
   margin-bottom: 0;
   line-height: 50px;
 }
-
-.nextSteps li button {
-  margin: 20px 0 0 10px;
-}
-
-
-.footer {
-  background-color: #f1f1f1;
-  padding-top: 56px;
-  padding-bottom: 56px;
-  padding-left: 150px;
-  padding-right: 150px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  border-bottom: 16px solid #0081a2;
-}
-
-@media (max-width: 767px) {
-  /* On small screens, the nav menu spans the full width of the screen. Leave a space for it. */
-  .body-content {
-    padding-top: 50px;
-  }
-}

package/src/generators/angular-app/files/src/app/app.component.html__tmpl__

@@ -1,58 +1,27 @@
 <div class="app">
-  <goa-microsite-header type="alpha"></goa-microsite-header>
-  <goa-app-header heading="Digital Service Example" url="/"></goa-app-header>
-  <goa-hero-banner
-    backgroundUrl="../assets/banner.jpg"
-    heading="Quick start of a digital service"
-  >
-  </goa-hero-banner>
-  <main class="container">
+  <goab-microsite-header type="alpha"></goab-microsite-header>
+  <goab-app-header url="/" heading="<%= projectName %>">
+    <goab-button-group alignment="end">
+      @if (userName) { <span>{{ userName }}</span> }
+      @if (!isLoggedIn) {
+        <goab-button type="tertiary" (onClick)="login()">Sign in</goab-button>
+      } @else {
+        <goab-button type="tertiary" (onClick)="logout()">Sign out</goab-button>
+      }
+    </goab-button-group>
+  </goab-app-header>
+  <goab-hero-banner #heroBanner heading="<%= projectName %>"></goab-hero-banner>
+  <main>
     <section>
       <h2>Welcome to {{ title }}!</h2>
-      <p>
-        Don't panic. Start editing the project to build your digital service.
-      </p>
+      <p>Don't panic. Start editing the project to build your digital service.</p>
       <h3>A few things you might want to do next:</h3>
       <ul class="nextSteps">
-        <li>Create the 'my-app' client in your realm to let users sign in</li>
-        <li>
-          Make requests to the backend API by either updating nginx.conf or
-          enabling CORS on the API.
-        </li>
-        <li>Add requests to public API resources:</li>
-        <li>Add requests to private API resources:</li>
+        <li>Register the '<%= projectName %>' client in your realm and set CLIENT_SECRET.</li>
+        <li>Add requests to public API resources: {{ publicResource }}</li>
+        <li>Add requests to private API resources: {{ privateResource }}</li>
       </ul>
     </section>
-    <div class="container-fluid">
-      <div class="row">
-        <h3><a routerLink="/">Home</a> | <a routerLink="/protected">Admin Area</a></h3>
-        <div *ngIf="isLoggedIn(); else elseBlock">
-          <goa-button (click)="logout()">
-            Sign Out
-          </goa-button>
-        </div>
-        <ng-template #elseBlock>
-          <goa-button (click)="login()">
-            Sign In
-          </goa-button>
-        </ng-template>
-        <div class="col-sm-12 body-content">
-          <router-outlet></router-outlet>
-        </div>
-      </div>
-    </div>
+    <router-outlet></router-outlet>
   </main>
-  <footer class="footer">
-    <div class="goa-socialconnect">
-      <div class="goa-title">Connect with us on</div>
-      <ul>
-        <div>
-          <img src="./assets/github-1.svg" height="15px" />
-          <a href="https://github.com/abgov" rel="noreferrer" target="_blank">
-            GitHub
-          </a>
-        </div>
-      </ul>
-    </div>
-  </footer>
 </div>

package/src/generators/angular-app/files/src/app/app.component.spec.ts__tmpl__

@@ -1,44 +1,39 @@
-import { TestBed, getTestBed } from '@angular/core/testing';
+import { ElementRef } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+import { provideRouter } from '@angular/router';
+import { GoabAppHeader, GoabButton, GoabButtonGroup, GoabHeroBanner, GoabMicrositeHeader } from '@abgov/angular-components';
+import Keycloak from 'keycloak-js';
 import { AppComponent } from './app.component';
-import { AngularComponentsModule } from '@abgov/angular-components';
-import { RouterTestingModule } from '@angular/router/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from "@angular/platform-browser-dynamic/testing";
-
 
 describe('AppComponent', () => {
-  beforeAll( ()=> {
-    TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
-  });
-  beforeEach(async () => {
-    let envData = {"production":false,"access":{"url":"https://testurl.com","realm":"123","client_id":"urn:ads:platform:tenant-admin-app"},"tenantApi":{"host":"http://localhost:3333","endpoints":{"tenantNameByRealm":"/api/tenant/v1/realm"}}}
+  const keycloakMock = {
+    authenticated: false,
+    tokenParsed: null,
+    login: jasmine.createSpy('login'),
+    logout: jasmine.createSpy('logout'),
+  };
 
-    localStorage.setItem('envData', JSON.stringify(envData));
+  beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [AppComponent],
-      imports: [AngularComponentsModule, RouterTestingModule],
+      imports: [AppComponent, GoabAppHeader, GoabButton, GoabButtonGroup, GoabHeroBanner, GoabMicrositeHeader],
+      providers: [
+        provideRouter([]),
+        { provide: Keycloak, useValue: keycloakMock },
+        { provide: ElementRef, useValue: { nativeElement: { querySelector: () => null } } },
+      ],
     }).compileComponents();
   });
 
   it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title '<%= projectName %>'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('<%= projectName %>');
+    expect(fixture.componentInstance).toBeTruthy();
   });
 
-  it('should render title', () => {
+  it('should have welcome heading', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('h2').textContent).toContain(
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h2')?.textContent).toContain(
       'Welcome to <%= projectName %>!'
     );
   });

package/src/generators/angular-app/files/src/app/app.component.ts__tmpl__

@@ -1,36 +1,76 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { AuthService } from './services/auth.service';
-import { environment } from '../environments/environment'
-
+import { AfterViewInit, Component, ElementRef, inject, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { RouterOutlet } from '@angular/router';
+import {
+  GoabAppHeader,
+  GoabButton,
+  GoabButtonGroup,
+  GoabHeroBanner,
+  GoabMicrositeHeader,
+} from '@abgov/angular-components';
+import Keycloak from 'keycloak-js';
+import { getAccessToken } from './user.slice';
 
 @Component({
-  selector: '<%= projectName %>-app-root',
+  selector: '<%= projectName %>-root',
+  standalone: true,
+  imports: [RouterOutlet, GoabAppHeader, GoabButton, GoabButtonGroup, GoabHeroBanner, GoabMicrositeHeader],
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css'],
+  styleUrl: './app.component.css',
 })
+export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
+  title = '<%= projectName %>';
 
-export class AppComponent implements OnInit, OnDestroy  {
-  title = "<%= projectName %>";
+  @ViewChild('heroBanner', { read: ElementRef, static: false }) heroBannerRef!: ElementRef;
 
-  constructor(private authService: AuthService) {}
+  private http = inject(HttpClient);
+  private keycloak = inject(Keycloak);
+  private heroObserver?: MutationObserver;
 
-  isLoggedIn(): boolean {
-    return this.authService.isLoggedIn()
-  }
+  publicResource = 'Not retrieved';
+  privateResource = 'Not retrieved';
+
+  get isLoggedIn(): boolean { return this.keycloak.authenticated ?? false; }
+  get userName(): string { return (this.keycloak.tokenParsed?.['name'] as string) ?? ''; }
 
-  logout() {
-    if (this.authService.isLoggedIn()) {
-      this.authService.logout();
+  ngOnInit() {
+    this.http.get<{ message: string }>('/api/v1/public').subscribe({
+      next: (data) => (this.publicResource = data.message),
+      error: () => (this.publicResource = 'Error loading data'),
+    });
+    if (this.isLoggedIn) {
+      getAccessToken().then((token) => {
+        this.http.get<{ message: string }>('/api/v1/private', {
+          headers: { Authorization: `Bearer ${token}` },
+        }).subscribe({
+          next: (data) => (this.privateResource = data.message),
+          error: () => (this.privateResource = 'Error loading data'),
+        });
+      });
     }
   }
 
-  login() {
-    if (!this.authService.isLoggedIn()) {
-      this.authService.startAuthentication();
+  ngAfterViewInit() {
+    const host = this.heroBannerRef?.nativeElement;
+    if (!host) return;
+    const setBackground = (inner: Element) => {
+      (inner as any).backgroundurl = '/assets/banner.jpg';
+      this.heroObserver?.disconnect();
+    };
+    const existing = host.querySelector('goa-hero-banner');
+    if (existing) {
+      setBackground(existing);
+    } else {
+      this.heroObserver = new MutationObserver(() => {
+        const inner = host.querySelector('goa-hero-banner');
+        if (inner) setBackground(inner);
+      });
+      this.heroObserver.observe(host, { childList: true, subtree: true });
     }
   }
 
-  ngOnInit() {}
+  ngOnDestroy() { this.heroObserver?.disconnect(); }
 
-  ngOnDestroy(): void {}
+  login() { this.keycloak.login(); }
+  logout() { this.keycloak.logout({ redirectUri: window.location.origin }); }
 }

package/src/generators/angular-app/files/src/app/app.config.ts__tmpl__

@@ -0,0 +1,27 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { includeBearerTokenInterceptor, provideKeycloak } from 'keycloak-angular';
+
+import { routes } from './app.routes';
+import { environment } from '../environments/environment';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    provideHttpClient(withInterceptors([includeBearerTokenInterceptor])),
+    provideKeycloak({
+      config: {
+        url: environment.access.url,
+        realm: environment.access.realm,
+        clientId: environment.access.client_id,
+      },
+      initOptions: {
+        onLoad: 'check-sso',
+        pkceMethod: 'S256',
+        silentCheckSsoRedirectUri: `${window.location.origin}/silent-check-sso.html`,
+      },
+    }),
+  ],
+};

package/src/generators/angular-app/files/src/app/app.routes.ts__tmpl__

@@ -1,34 +1,13 @@
-import { LogoutComponent } from './logout/logout.component';
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { HomeComponent } from './home/home.component';
+import { Routes } from '@angular/router';
+import { createAuthGuard } from 'keycloak-angular';
 import { ProtectedComponent } from './protected/protected.component';
-import { AuthGuardService } from './services/auth-guard.service';
-import { AuthCallbackComponent } from './auth-callback/auth-callback.component';
 
-const routes: Routes = [
-  {
-    path: '',
-    component: HomeComponent,
-    children: [],
-  },
-  {
-    path: 'protected',
-    component: ProtectedComponent,
-    canActivate: [AuthGuardService],
-  },
-  {
-    path: 'auth-callback',
-    component: AuthCallbackComponent,
-  },
-  {
-    path: 'signout/callback',
-    component: LogoutComponent,
-  },
-];
+const authGuard = createAuthGuard(async (_route, _state, { authenticated, keycloak }) => {
+  if (authenticated) return true;
+  await keycloak.login({ redirectUri: window.location.href });
+  return false;
+});
 
-@NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule],
-})
-export class AppRoutingModule {}
+export const routes: Routes = [
+  { path: 'protected', component: ProtectedComponent, canActivate: [authGuard] },
+];

package/src/generators/angular-app/files/src/app/home/home.component.html__tmpl__

@@ -1,5 +1,3 @@
 <hr />
 <h1>Public Area</h1>
-<div>Making a Public API call to uptime endpoint</div>
-<div>Uptime of API in seconds: {{uptime}}</div>
-
+<p>Public API response: {{ publicMessage() }}</p>

package/src/generators/angular-app/files/src/app/home/home.component.ts__tmpl__

@@ -1,33 +1,19 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, inject, OnInit, signal } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 
 @Component({
-  selector: '<%= projectName %>-app-logout',
+  selector: '<%= projectName %>-home',
+  standalone: true,
   templateUrl: 'home.component.html',
 })
 export class HomeComponent implements OnInit {
-  constructor(private http: HttpClient) {}
-  public uptime = 0;
-
-  private getHealthUrl = `${this.configData().tenantApi.host}/health`;
-
-  getHealth() {
-    const uptimePromise = this.http.get(this.getHealthUrl);
-
-    uptimePromise.subscribe(
-      (data: any) => {
-        this.uptime = data.uptime;
-      },
-      (err) => console.error(err),
-      () => console.log('done loading uptime')
-    );
-  }
-
-  configData () {
-    return JSON.parse(localStorage.getItem('envData') || "\"\"");
-  }
+  private http = inject(HttpClient);
+  publicMessage = signal('Not retrieved');
 
   ngOnInit() {
-    this.getHealth();
+    this.http.get<{ message: string }>('/api/v1/public').subscribe({
+      next: (data) => this.publicMessage.set(data.message),
+      error: () => this.publicMessage.set('Error loading data'),
+    });
   }
 }

package/src/generators/angular-app/files/src/app/protected/protected.component.html__tmpl__

@@ -1,4 +1,4 @@
 <hr />
 <h1>Admin Area</h1>
-<div>Making a Protected API call to tenant endpoint using access token</div>
-<div>Tenant Name: {{tenant.name}}</div>
+<p>Welcome, {{ userName }}.</p>
+<p>Private API response: {{ privateMessage() }}</p>

package/src/generators/angular-app/files/src/app/protected/protected.component.spec.ts__tmpl__

@@ -1,52 +1,36 @@
-import { ComponentFixture, TestBed, waitForAsync, inject } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
+import { Keycloak } from 'keycloak-angular';
 import { ProtectedComponent } from './protected.component';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
-import TenantService from '../tenant.service';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from "@angular/platform-browser-dynamic/testing";
 
 describe('ProtectedComponent', () => {
-  let fixture: ComponentFixture<ProtectedComponent>;
-  let httpTestingController: HttpTestingController;
-  let envData = {"production":false,"access":{"url":"https://testurl.com","realm":"123","client_id":"urn:ads:platform:tenant-admin-app"},"tenantApi":{"host":"http://localhost:3333","endpoints":{"tenantNameByRealm":"/api/tenant/v1/realm"}}}
-
-  localStorage.setItem('envData', JSON.stringify(envData));
-  beforeAll( ()=> {
-    TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+  const keycloakMock = {
+    authenticated: true,
+    tokenParsed: { name: 'Test User' },
+  };
+
+  let httpTesting: HttpTestingController;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ProtectedComponent],
+      providers: [
+        provideHttpClient(),
+        provideHttpClientTesting(),
+        { provide: Keycloak, useValue: keycloakMock },
+      ],
+    }).compileComponents();
+
+    httpTesting = TestBed.inject(HttpTestingController);
   });
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [ProtectedComponent],
-        providers: [ProtectedComponent, TenantService],
-        imports: [HttpClientTestingModule],
-      }).compileComponents();
 
-      httpTestingController = TestBed.inject(HttpTestingController);
-    })
-  );
+  afterEach(() => httpTesting.verify());
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ProtectedComponent);
+  it('should create', () => {
+    const fixture = TestBed.createComponent(ProtectedComponent);
     fixture.detectChanges();
+    httpTesting.expectOne('/api/v1/private').flush({ message: 'Hello' });
+    expect(fixture.componentInstance).toBeTruthy();
   });
-
-  afterEach(() => {
-    httpTestingController.verify();
-  });
-
-  it('should create', (inject([TenantService, HttpTestingController],
-    () => {
-    const mockTenant = { status: 200, statusText: 'OK'}
-    const data = { name: 'Child Services' }
-    const req = httpTestingController.expectOne(
-     'http://localhost:3333/api/tenant/v1/realm/123'
-    )
-
-    expect(req.request.method).toEqual('GET');
-
-   req.flush(data, mockTenant);
-  })));
 });

package/src/generators/angular-app/files/src/app/protected/protected.component.ts__tmpl__

@@ -1,27 +1,27 @@
-import { Component, OnInit } from '@angular/core';
-import TenantService from '../tenant.service';
+import { Component, inject, OnInit, signal } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import Keycloak from 'keycloak-js';
 
 @Component({
-  selector: 'app-protected',
+  selector: '<%= projectName %>-protected',
+  standalone: true,
   templateUrl: './protected.component.html',
-  styleUrls: ['./protected.component.css'],
+  styleUrl: './protected.component.css',
 })
 export class ProtectedComponent implements OnInit {
-  constructor(private _tenantService: TenantService) {}
+  private http = inject(HttpClient);
+  private keycloak = inject(Keycloak);
 
-  public tenant = { name: '' };
+  privateMessage = signal('Not retrieved');
 
-  getTenant() {
-    this._tenantService.getTenant().subscribe(
-      (data: any) => {
-        this.tenant = data.tenant;
-      },
-      (err) => console.error(err),
-      () => console.log('done loading tenant')
-    );
+  get userName(): string {
+    return (this.keycloak.tokenParsed?.['name'] as string) ?? '';
   }
 
   ngOnInit() {
-    this.getTenant();
+    this.http.get<{ message: string }>('/api/v1/private').subscribe({
+      next: (data) => this.privateMessage.set(data.message),
+      error: () => this.privateMessage.set('Error loading data'),
+    });
   }
 }

package/src/generators/angular-app/files/src/app/services/auth-guard.service.ts__tmpl__

@@ -1,21 +1,12 @@
-import { Injectable } from '@angular/core';
-import { CanActivate } from '@angular/router';
-import { AuthService } from './auth.service';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AuthGuardService implements CanActivate {
-
-  constructor(private authService: AuthService) { }
-
-  canActivate(): boolean {
-    if (this.authService.isLoggedIn()) {
-      return true;
-    }
-
-    console.log('start authentication...');
-    this.authService.startAuthentication();
-    return false;
-  }
-}
+// Auth guard is configured in app.routes.ts using keycloak-angular's createAuthGuard.
+// Add this file if you need a reusable, injectable guard:
+//
+// import { Injectable } from '@angular/core';
+// import { Router } from '@angular/router';
+// import { createAuthGuard } from 'keycloak-angular';
+//
+// export const authGuard = createAuthGuard(async ({ keycloak }) => {
+//   if (keycloak.authenticated) return true;
+//   await keycloak.login({ redirectUri: window.location.href });
+//   return false;
+// });

package/src/generators/angular-app/files/src/environments/environment.ts__tmpl__

@@ -1,17 +1,8 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// When building for production, this file is replaced with `environment.prod.ts`.
-
 export const environment = {
   production: false,
   access: {
-    url: '<%= accessServiceUrl %>',
+    url: '<%= accessServiceUrl %>/auth',
     realm: '<%= tenantRealm %>',
-    client_id: 'urn:ads:<%= tenant %>:<%= projectName %>'
+    client_id: 'urn:ads:<%= tenant %>:<%= projectName %>',
   },
-  tenantApi: {
-    host: "http://localhost:3333",
-    endpoints: {
-      tenantNameByRealm: "/api/tenant/v1/realm",
-    }
-  }
 };

package/src/generators/angular-app/files/src/index.html__tmpl__

@@ -6,16 +6,10 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <script
-      type="module"
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
-    ></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.js"></script>
   </head>
   <body>
-    <<%= projectName %>-app-root></<%= projectName %>-app-root>
+    <<%= projectName %>-root></<%= projectName %>-root>
   </body>
 </html>

package/src/generators/angular-app/files/src/main.ts__tmpl__

@@ -1,13 +1,9 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import 'zone.js';
+import '@abgov/web-components';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+bootstrapApplication(AppComponent, appConfig).catch((err) =>
+  console.error(err)
+);

package/src/generators/angular-app/files/src/silent-check-sso.html__tmpl__

@@ -0,0 +1,5 @@
+<html>
+<body>
+<script>parent.postMessage(location.href, location.origin);</script>
+</body>
+</html>

package/src/generators/angular-app/files/src/styles.css__tmpl__

@@ -1,6 +1,6 @@
-/* You can add global styles to this file, and also import other style files */
+@import "@abgov/design-tokens/dist/tokens.css";
 @import "@abgov/web-components/index.css";
 
 body {
-  margin: 0px;
+  margin: 0;
 }

package/src/generators/mean/mean.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export default function (host: Tree, options: Schema): Promise<() => void>;

package/src/generators/mean/mean.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const nx_oc_1 = require("@abgov/nx-oc");
+const angular_app_1 = require("../angular-app/angular-app");
+const express_service_1 = require("../express-service/express-service");
+function normalizeOptions(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const adsp = yield (0, nx_oc_1.getAdspConfiguration)(host, options);
+        return Object.assign(Object.assign({}, options), { adsp });
+    });
+}
+function default_1(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const normalizedOptions = yield normalizeOptions(host, options);
+        const projectName = (0, devkit_1.names)(options.name).fileName;
+        yield (0, express_service_1.default)(host, Object.assign(Object.assign({}, normalizedOptions), { name: `${projectName}-service` }));
+        yield (0, angular_app_1.default)(host, Object.assign(Object.assign({}, normalizedOptions), { name: `${projectName}-app`, proxy: {
+                location: '/api/',
+                proxyPass: `http://${projectName}-service:3333/${projectName}-service/`,
+            } }));
+        yield (0, devkit_1.formatFiles)(host);
+        return () => {
+            (0, devkit_1.installPackagesTask)(host);
+        };
+    });
+}
+//# sourceMappingURL=mean.js.map

package/src/generators/mean/mean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mean.js","sourceRoot":"","sources":["../../../../../../packages/nx-adsp/src/generators/mean/mean.ts"],"names":[],"mappings":";;AAcA,4BAuBC;;AArCD,uCAA2E;AAC3E,wCAAoD;AACpD,4DAAwD;AACxD,wEAAoE;AAGpE,SAAe,gBAAgB,CAC7B,IAAU,EACV,OAAe;;QAEf,MAAM,IAAI,GAAG,MAAM,IAAA,4BAAoB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvD,uCAAY,OAAO,KAAE,IAAI,IAAG;IAC9B,CAAC;CAAA;AAED,mBAA+B,IAAU,EAAE,OAAe;;QACxD,MAAM,iBAAiB,GAAG,MAAM,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChE,MAAM,WAAW,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;QAEjD,MAAM,IAAA,yBAAkB,EAAC,IAAI,kCACxB,iBAAiB,KACpB,IAAI,EAAE,GAAG,WAAW,UAAU,IAC9B,CAAC;QAEH,MAAM,IAAA,qBAAc,EAAC,IAAI,kCACpB,iBAAiB,KACpB,IAAI,EAAE,GAAG,WAAW,MAAM,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,SAAS,EAAE,UAAU,WAAW,iBAAiB,WAAW,WAAW;aACxE,IACD,CAAC;QAEH,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,IAAA,4BAAmB,EAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC;CAAA"}

package/src/generators/mean/mean.spec.ts

@@ -0,0 +1,38 @@
+import { readProjectConfiguration } from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import * as utils from '@abgov/nx-oc';
+import { environments } from '@abgov/nx-oc';
+import { Schema } from './schema';
+import generator from './mean';
+
+jest.mock('@abgov/nx-oc');
+const utilsMock = utils as jest.Mocked<typeof utils>;
+utilsMock.getAdspConfiguration.mockResolvedValue({
+  tenant: 'test',
+  tenantRealm: 'test',
+  accessServiceUrl: environments.test.accessServiceUrl,
+  directoryServiceUrl: environments.test.directoryServiceUrl,
+});
+utilsMock.deploymentGenerator.mockResolvedValue(undefined);
+
+describe('MEAN Generator', () => {
+  const options: Schema = {
+    name: 'test',
+    env: 'dev',
+  };
+
+  it('can run', async () => {
+    const host = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    await generator(host, options);
+
+    const appConfig = readProjectConfiguration(host, 'test-app');
+    expect(appConfig.root).toBe('apps/test-app');
+
+    const serviceConfig = readProjectConfiguration(host, 'test-service');
+    expect(serviceConfig.root).toBe('apps/test-service');
+
+    expect(host.exists('apps/test-app/nginx.conf')).toBeTruthy();
+    const nginxConf = host.read('apps/test-app/nginx.conf').toString();
+    expect(nginxConf).toContain('http://test-service:3333/');
+  }, 30000);
+});

package/src/generators/mean/schema.d.ts

@@ -0,0 +1,11 @@
+import { AdspConfiguration, EnvironmentName } from '@abgov/nx-oc';
+
+export interface Schema {
+  name: string;
+  env: EnvironmentName;
+  accessToken?: string;
+}
+
+export interface NormalizedSchema extends Schema {
+  adsp: AdspConfiguration;
+}

package/src/generators/mean/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "mean",
+  "title": "MEAN fullstack generator",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Name of the project.",
+      "$default": { "$source": "argv", "index": 0 },
+      "x-prompt": "What name would you like to use for the project?"
+    },
+    "env": {
+      "type": "string",
+      "description": "ADSP environment to initialize the project for.",
+      "enum": ["dev", "test", "prod"],
+      "default": "prod"
+    },
+    "accessToken": {
+      "type": "string",
+      "description": "Access token for ADSP tenant configuration (skips interactive login)."
+    }
+  },
+  "required": ["name"]
+}

package/src/generators/angular-app/files/src/app/app.module.ts__tmpl__

@@ -1,47 +0,0 @@
-import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import "@abgov/web-components";
-import { AngularComponentsModule } from '@abgov/angular-components';
-
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import { AuthInterceptor } from './auth.interceptor';
-import { FormsModule } from '@angular/forms';
-import { AppRoutingModule } from './app.routes';
-import { ProtectedComponent } from './protected/protected.component';
-import { AuthCallbackComponent } from './auth-callback/auth-callback.component';
-import { AuthGuardService } from './services/auth-guard.service';
-import { AuthService } from './services/auth.service';
-import { AppComponent } from './app.component';
-import { Config } from '../environments/config';
-
-@NgModule({
-  imports: [
-    AngularComponentsModule,
-    BrowserModule,
-    HttpClientModule,
-    FormsModule,
-    AppRoutingModule,
-  ],
-  providers: [
-    AuthGuardService,
-    AuthService,
-    Config,
-    {
-      provide: APP_INITIALIZER,
-      useFactory: initializeApp,
-      deps: [Config],
-      multi: true,
-    },
-    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
-  ],
-  declarations: [AppComponent, AuthCallbackComponent, ProtectedComponent],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class AppModule {}
-
-export function initializeApp(config: Config) {
-  return (): Promise<any> => {
-    return config.Init();
-  };
-}

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.css__tmpl__

@@ -1,13 +0,0 @@
-.info {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-
-.token {
-	font-family: monospace;
-	background-color: beige;
-	width: 600px;
-	text-align: left;
-	word-break: break-all;
-}

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.html__tmpl__

@@ -1,12 +0,0 @@
-<h3>Redirected to auth-callback route!</h3>
-<p>Now you are logged in and allowed to access the "protected" route...</p>
-<div class="info">
-  <div>
-    <div>Token Type:</div>
-    <div class="token">{{ tokenType }}</div>
-  </div>
-  <div>
-    <div>Token:</div>
-    <div class="token">{{ accessToken }}</div>
-  </div>
-</div>

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.spec.ts__tmpl__

@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { AuthCallbackComponent } from './auth-callback.component';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from "@angular/platform-browser-dynamic/testing";
-
-describe('AuthCallbackComponent', () => {
-  let component: AuthCallbackComponent;
-  let fixture: ComponentFixture<AuthCallbackComponent>;
-  let envData = {"production":false,"access":{"url":"https://testurl.com","realm":"123","client_id":"urn:ads:platform:tenant-admin-app"},"tenantApi":{"host":"http://localhost:3333","endpoints":{"tenantNameByRealm":"/api/tenant/v1/realm"}}}
-
-  localStorage.setItem('envData', JSON.stringify(envData));
-
-  beforeEach((() => {
-    TestBed.initTestEnvironment(
-      BrowserDynamicTestingModule,
-      platformBrowserDynamicTesting()
-    );
-
-    TestBed.configureTestingModule({
-      declarations: [AuthCallbackComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AuthCallbackComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  }));
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/generators/angular-app/files/src/app/auth-callback/auth-callback.component.ts__tmpl__

@@ -1,48 +0,0 @@
-import { Injectable, Component, OnInit } from '@angular/core';
-import { AuthService } from '../services/auth.service';
-import { User } from 'oidc-client';
-
-@Component({
-  selector: '<%= projectName %>-app-auth-callback',
-  templateUrl: './auth-callback.component.html',
-  styleUrls: ['./auth-callback.component.css'],
-})
-@Injectable({
-  providedIn: 'root',
-})
-export class AuthCallbackComponent implements OnInit {
-  public tokenType = '';
-  public accessToken = '';
-
-  constructor(private authService: AuthService) {}
-
-  ngOnInit() {
-    this.getAuth();
-  }
-
-  getAuth() {
-    if (!this.authService.isLoggedIn()) {
-      this.authService
-        .completeAuthentication()
-        .catch((error) => {
-          console.error(`could not complete authentication: ${error}`);
-        })
-        .then(() => {
-          this.setTokens();
-        });
-    }
-  }
-
-  setTokens() {
-    if (this.authService.isLoggedIn()) {
-      const user: User | null = this.authService.getUser();
-      if (user) {
-        this.accessToken = user.access_token;
-        this.tokenType = user.token_type;
-      }
-      return true;
-    } else {
-      return false;
-    }
-  }
-}

package/src/generators/angular-app/files/src/app/auth.interceptor.ts__tmpl__

@@ -1,24 +0,0 @@
-import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-import { AuthCallbackComponent } from './auth-callback/auth-callback.component';
-
-@Injectable({ providedIn: 'root' })
-export class AuthInterceptor implements HttpInterceptor {
-
-  constructor(private authCallBackComponent: AuthCallbackComponent) { }
-
-  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-    if (this.authCallBackComponent.setTokens()) {
-      req = req.clone({
-        setHeaders: {
-          'Content-Type' : 'application/json; charset=utf-8',
-          'Accept'       : 'application/json',
-          'Authorization': `Bearer ${this.authCallBackComponent.accessToken}`,
-        },
-      });
-    }
-
-    return next.handle(req);
-  }
-}

package/src/generators/angular-app/files/src/app/logout/logout.component.html__tmpl__

@@ -1 +0,0 @@
-<div>Logged Out !!</div>

package/src/generators/angular-app/files/src/app/logout/logout.component.ts__tmpl__

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: '<%= projectName %>-app-logout',
-  templateUrl: 'logout.component.html',
-})
-export class LogoutComponent {
-  isAuthenticated = false;
-}

package/src/generators/angular-app/files/src/app/services/auth.service.ts__tmpl__

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { UserManager, UserManagerSettings, User } from 'oidc-client';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class AuthService {
-  private manager = new UserManager(getClientSettings());
-  private user: User | null = null;
-
-  constructor() {
-    this.manager.getUser().then((user) => {
-      this.user = user;
-    });
-  }
-
-  isLoggedIn(): boolean {
-    return this.user != null && !this.user.expired;
-  }
-
-  getUser(): User | null {
-    return this.user;
-  }
-
-  startAuthentication(): Promise<void> {
-    return this.manager.signinRedirect();
-  }
-
-  completeAuthentication(): Promise<void> {
-    return this.manager.signinRedirectCallback().then((user) => {
-      this.user = user;
-      console.log(JSON.stringify(this.user));
-    });
-  }
-
-  logout() {
-    return this.manager.signoutRedirect();
-  }
-}
-
-export function getClientSettings(): UserManagerSettings {
-  const data = JSON.parse(localStorage.getItem('envData') || "\"\"");
-  const appUrl = `${window.location.protocol}//${window.location.hostname}${
-    window.location.port ? `:${window.location.port}` : ''
-  }`;
-
-  const settings = {
-    client_id: data.access.client_id,
-    redirect_uri: `${appUrl}/auth-callback`,
-    post_logout_redirect_uri: `${appUrl}/signout/callback`,
-    silent_redirect_uri: `${appUrl}/auth-callback`,
-    response_type: 'code',
-    authority: `${data.access.url}/auth/realms/${data.access.realm}`,
-    automaticSilentRenew: true,
-  };
-  return settings;
-}

package/src/generators/angular-app/files/src/app/tenant.service.ts__tmpl__

@@ -1,19 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-
-@Injectable({ providedIn: 'root' })
-export default class TenantService {
-
-  private getTenantNameUrl = `${this.configData().tenantApi.host}${this.configData().tenantApi.endpoints.tenantNameByRealm}/${this.configData().access.realm}`;
-
-  constructor(private http: HttpClient) {}
-
-  /** GET tenants from the server */
-  getTenant() {
-    return this.http.get(this.getTenantNameUrl);
-  }
-
-  configData () {
-    return JSON.parse(localStorage.getItem('envData') || "\"\"");
-  }
-}

package/src/generators/angular-app/files/src/environments/config.ts__tmpl__

@@ -1,21 +0,0 @@
-import { environment } from './environment';
-import { Injectable }  from '@angular/core';
-
-@Injectable()
-export class Config {
-  constructor() {}
-
-  Init() {
-    return new Promise<void>((resolve, reject) => {
-      console.log("AppInitService.init() called");
-
-      fetch('/config/config.json')
-      .then((res) => {
-        return (res.ok ? res.json() : environment)
-      }).then(( envData ) => {
-        localStorage.setItem('envData', JSON.stringify(envData));
-        resolve();
-      })
-    });
-  }
-}