refactor: base layout of new version

.github/workflows/ci.yml

@@ -20,7 +20,7 @@ jobs:
 
       # Connect your workspace on nx.app and uncomment this to enable task distribution.
       # The "--stop-agents-after" is optional, but allows idle agents to shut down once the "build" targets have been requested
-      # - run: yarn nx-cloud start-ci-run --distribute-on="5 linux-medium-js" --stop-agents-after="build"
+      - run: yarn nx-cloud start-ci-run --distribute-on="5 linux-medium-js" --stop-agents-after="build"
 
       # Cache node_modules
       - uses: actions/setup-node@v3

apps/portfolio/src/app/app.component.html

@@ -1 +1 @@
-<app-nx-welcome></app-nx-welcome> <router-outlet></router-outlet>
+<router-outlet></router-outlet>

apps/portfolio/src/app/app.component.spec.ts

@@ -1,27 +1,22 @@
-import { TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { AppComponent } from './app.component';
-import { NxWelcomeComponent } from './nx-welcome.component';
-import { RouterTestingModule } from '@angular/router/testing';
+import { RouterModule } from '@angular/router';
 
 describe('AppComponent', () => {
+  let fixture: ComponentFixture<AppComponent>;
+  let app: AppComponent;
+
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent, NxWelcomeComponent, RouterTestingModule],
+      imports: [AppComponent, RouterModule],
     }).compileComponents();
-  });
 
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
+    fixture = TestBed.createComponent(AppComponent);
+    app = fixture.componentInstance;
     fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain(
-      'Welcome portfolio'
-    );
   });
 
-  it(`should have as title 'portfolio'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('portfolio');
+  it('should create', () => {
+    expect(app).toBeTruthy();
   });
 });

apps/portfolio/src/app/app.component.ts

@@ -1,14 +1,11 @@
 import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { NxWelcomeComponent } from './nx-welcome.component';
 
 @Component({
   standalone: true,
-  imports: [NxWelcomeComponent, RouterModule],
+  imports: [RouterModule],
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
 })
-export class AppComponent {
-  title = 'portfolio';
-}
+export class AppComponent {}

apps/portfolio/src/app/app.routes.ts

@@ -1,3 +1,20 @@
 import { Route } from '@angular/router';
+import { BaseLayoutComponent } from '@valerymelou/shared/layout';
+import { themeResolver } from '@valerymelou/core/theming';
 
-export const appRoutes: Route[] = [];
+export const appRoutes: Route[] = [
+  {
+    path: '',
+    component: BaseLayoutComponent,
+    resolve: {
+      theme: themeResolver,
+    },
+    children: [
+      {
+        path: '',
+        loadComponent: () =>
+          import('@valerymelou/pages/about').then((c) => c.AboutComponent),
+      },
+    ],
+  },
+];