refactor(home): move according components to home app [WIP]

Author: tkohr

apps/datahub/src/app/app.module.ts

@@ -13,7 +13,6 @@ import {
   LOGIN_URL,
   provideGn4,
   provideRepositoryUrl,
-  RouterService,
   ThemeService,
   TRANSLATE_DEFAULT_CONFIG,
   UiElementsModule,
@@ -37,9 +36,6 @@ import { DatasetPageComponent } from './dataset/dataset-page/dataset-page.compon
 import { SearchHeaderComponent } from './search/search-header/search-header.component'
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
 import { SearchResultsComponent } from './search/search-results/search-results.component'
-import { HomePageComponent } from './home/home-page/home-page.component'
-import { AppRouterService } from './app.router.service'
-import { HomeHeaderComponent } from './home/home-header/home-header.component'
 import { MatIconModule } from '@angular/material/icon'
 import { MatTabsModule } from '@angular/material/tabs'
 import { DatasetApisComponent } from './dataset/dataset-apis/dataset-apis.component'
@@ -71,8 +67,6 @@ import { MelModule, MelEmbeddedTranslateLoader } from '@mel-dataplatform/mel'
     SearchPageComponent,
     SearchHeaderComponent,
     SearchResultsComponent,
-    HomePageComponent,
-    HomeHeaderComponent,
     DatasetPageComponent,
     DatasetApisComponent,
     DatasetHeaderComponent,
@@ -153,7 +147,6 @@ import { MelModule, MelEmbeddedTranslateLoader } from '@mel-dataplatform/mel'
       provide: LOGIN_URL,
       useFactory: () => '${current_url}?login',
     },
-    { provide: RouterService, useClass: AppRouterService },
   ],
   bootstrap: [AppComponent],
 })

apps/home/project.json

@@ -64,7 +64,8 @@
           "buildTarget": "home:build:production"
         },
         "development": {
-          "buildTarget": "home:build:development"
+          "buildTarget": "home:build:development",
+          "proxyConfig": "proxy-config.js"
         }
       },
       "defaultConfiguration": "development"

apps/home/src/app/app.component.html

@@ -1,2 +1,6 @@
-<mel-dataplatform-nx-welcome></mel-dataplatform-nx-welcome>
-<router-outlet></router-outlet>
+<div class="h-full flex flex-col">
+  <div class="flex-grow" gnUiSearchRouterContainer="mainSearch">
+    <router-outlet></router-outlet>
+  </div>
+  <mel-datahub-footer></mel-datahub-footer>
+</div>

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

@@ -1,11 +1,7 @@
 import { Component } from '@angular/core'
-import { RouterModule } from '@angular/router'
-import { NxWelcomeComponent } from './nx-welcome.component'
 
 @Component({
-  standalone: true,
-  imports: [NxWelcomeComponent, RouterModule],
-  selector: 'mel-dataplatform-root',
+  selector: 'mel-datahub-home-root',
   templateUrl: './app.component.html',
   styleUrl: './app.component.css',
 })

apps/home/src/app/app.component.ts

@@ -0,0 +1,124 @@
+import { importProvidersFrom, isDevMode, NgModule } from '@angular/core'
+import { BrowserModule } from '@angular/platform-browser'
+import { RouterModule } from '@angular/router'
+import { AppComponent } from './app.component'
+import {
+  DefaultRouterModule,
+  FeatureAuthModule,
+  FeatureCatalogModule,
+  FeatureRecordModule,
+  FeatureSearchModule,
+  FeatureDatavizModule,
+  FeatureMapModule,
+  LOGIN_URL,
+  provideGn4,
+  provideRepositoryUrl,
+  ThemeService,
+  TRANSLATE_DEFAULT_CONFIG,
+  UiElementsModule,
+  UiLayoutModule,
+  UiInputsModule,
+  UiWidgetsModule,
+  UiMapModule,
+  RouterService,
+} from 'geonetwork-ui'
+import {
+  TranslateLoader,
+  TranslateModule,
+  TranslateService,
+} from '@ngx-translate/core'
+import { StoreModule } from '@ngrx/store'
+import { EffectsModule } from '@ngrx/effects'
+import { StoreDevtoolsModule } from '@ngrx/store-devtools'
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
+import { MatIconModule } from '@angular/material/icon'
+import { MatTabsModule } from '@angular/material/tabs'
+import { ReactiveFormsModule } from '@angular/forms'
+import { MatAutocompleteModule } from '@angular/material/autocomplete'
+import { OverlayModule } from '@angular/cdk/overlay'
+import { FormsModule } from '@angular/forms'
+import { MatTooltipModule } from '@angular/material/tooltip'
+import { MelModule, MelEmbeddedTranslateLoader } from '@mel-dataplatform/mel'
+import { HomeHeaderComponent } from './home/home-header/home-header.component'
+import { HomePageComponent } from './home/home-page/home-page.component'
+import { AppRouterService } from './app.router.service'
+
+@NgModule({
+  declarations: [AppComponent, HomeHeaderComponent, HomePageComponent],
+  imports: [
+    MelModule,
+    BrowserModule,
+    BrowserAnimationsModule,
+    UiWidgetsModule,
+    UiElementsModule,
+    UiLayoutModule,
+    UiInputsModule,
+    UiMapModule,
+    FeatureSearchModule,
+    FeatureCatalogModule,
+    FeatureRecordModule,
+    FeatureMapModule,
+    MatAutocompleteModule,
+    MatIconModule,
+    MatTabsModule,
+    OverlayModule,
+    FormsModule,
+    MatTooltipModule,
+    FeatureDatavizModule,
+    TranslateModule.forRoot({
+      ...TRANSLATE_DEFAULT_CONFIG,
+      loader: {
+        provide: TranslateLoader,
+        useClass: MelEmbeddedTranslateLoader,
+      },
+    }),
+    ReactiveFormsModule,
+    StoreModule.forRoot(
+      {},
+      {
+        metaReducers: [],
+        runtimeChecks: {
+          strictActionImmutability: false,
+          strictStateImmutability: false,
+        },
+      }
+    ),
+    EffectsModule.forRoot([]),
+    StoreDevtoolsModule.instrument({ logOnly: !isDevMode() }),
+    DefaultRouterModule.forRoot({
+      searchStateId: 'mainSearch',
+      searchRouteComponent: HomePageComponent,
+      recordRouteComponent: HomePageComponent,
+    }),
+    RouterModule.forRoot([], {
+      initialNavigation: 'enabledBlocking',
+      scrollPositionRestoration: 'enabled',
+    }),
+  ],
+  providers: [
+    importProvidersFrom(FeatureAuthModule),
+    provideGn4(),
+    provideRepositoryUrl(() => '/geonetwork/srv/api'),
+    { provide: RouterService, useClass: AppRouterService },
+    {
+      provide: LOGIN_URL,
+      useFactory: () => '${current_url}?login',
+    },
+  ],
+  bootstrap: [AppComponent],
+})
+export class AppModule {
+  constructor(translate: TranslateService) {
+    translate.setDefaultLang('fr')
+    translate.use('fr')
+
+    ThemeService.applyCssVariables(
+      '#E30513',
+      '#007A80',
+      '#212029',
+      'white',
+      'Lato',
+      'Montserrat'
+    )
+  }
+}

apps/home/src/app/app.config.ts

@@ -6,10 +6,7 @@ import { HomePageComponent } from './home/home-page/home-page.component'
 @Injectable()
 export class AppRouterService extends RouterService {
   override buildRoutes(): Routes {
-    const routes = super.buildRoutes()
-    const routesWithoutRoot = routes.filter((route) => route.path !== '')
     return [
-      ...routesWithoutRoot,
       {
         path: '',
         component: HomePageComponent,