update

.github/workflows/node.js.yml

@@ -29,7 +29,7 @@ jobs:
     - run: npm ci
     - run: npm i @angular/cli
     - run: rm -rf docs
-    - run: npm run build --if-present
+    - run: npm run build -- --if-present --prod
     - run: rm -rf docs/server
     - run: mv docs/browser/* docs
     - name: Commit files

angular.json

@@ -64,7 +64,13 @@
             "development": {
               "optimization": false,
               "extractLicenses": false,
-              "sourceMap": true
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"

src/app/app.component.ts

@@ -1,15 +1,18 @@
 import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { APP_BASE_HREF, CommonModule } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
+import { environment } from './../environments/environment';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [CommonModule, RouterOutlet, NzIconModule, NzLayoutModule, NzMenuModule],
   templateUrl: './app.component.html',
+  providers:[    {provide: APP_BASE_HREF, useValue: environment.baseUrl}
+],
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {

src/app/app.routes.ts

@@ -2,5 +2,6 @@ import { Routes } from '@angular/router';
 
 export const routes: Routes = [
   { path: '', pathMatch: 'full', redirectTo: '/welcome' },
-  { path: 'welcome', loadChildren: () => import('./pages/welcome/welcome.routes').then(m => m.WELCOME_ROUTES) }
+  { path: 'welcome', loadChildren: () => import('./pages/welcome/welcome.routes').then(m => m.WELCOME_ROUTES) },
+  { path: 'wizard', loadChildren: () => import('./modules/wizard/wizard-routing.module').then(m => m.WizardRoutingModule) }
 ];

src/app/modules/wizard/components/overview/overview.component.html

@@ -0,0 +1 @@
+<p>overview works!</p>

src/app/modules/wizard/components/overview/overview.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OverviewComponent } from './overview.component';
+
+describe('OverviewComponent', () => {
+  let component: OverviewComponent;
+  let fixture: ComponentFixture<OverviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [OverviewComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(OverviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/modules/wizard/components/overview/overview.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-overview',
+  standalone: true,
+  imports: [],
+  templateUrl: './overview.component.html',
+  styleUrl: './overview.component.scss'
+})
+export class OverviewComponent {
+
+}

src/app/modules/wizard/wizard-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+//import { AngularFireAuthGuard, hasCustomClaim, redirectUnauthorizedTo, redirectLoggedInTo } from '@angular/fire/compat/auth-guard';
+import { OverviewComponent } from './components/overview/overview.component';
+
+const routes: Routes = [
+  { path: '', component: OverviewComponent, pathMatch: 'full' }
+  ];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class WizardRoutingModule { }

src/environments/environment.development.ts

@@ -0,0 +1,3 @@
+export const environment = {
+    baseUrl: '/'
+};

src/environments/environment.ts

@@ -0,0 +1,4 @@
+export const environment = {
+    production: true,
+    baseUrl: 'https://fthorntonai.github.io/phitrai-api-dev/'
+};

src/index.html

@@ -3,8 +3,6 @@
 <head>
   <meta charset="utf-8">
   <title>PhitraiApiDev</title>
-  <base href="https://fthorntonai.github.io/phitrai-api-dev/">
-  <!--base href="/"-->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>