refactor: implemented dynamic entryComponents for tabsModule

Author: Leonardo Chaia

src/app/app-tabs.module.ts

@@ -13,7 +13,7 @@ import {
 import { ContainerCreateContainerComponent } from './daemon-tools/container-create-container/container-create-container.component';
 import { RegistryListContainerComponent } from './registry/registry-list-container/registry-list-container.component';
 import { HomeContainerComponent } from './home/home-container/home-container.component';
-import { ITimoneerTab, APPLICATION_TABS } from './tabs/tab.model';
+import { ITimoneerTab } from './tabs/tab.model';
 import { TimoneerTabs } from './timoneer-tabs';
 import { VolumeListContainerComponent } from './daemon-tools/volume-list-container/volume-list-container.component';
 import { VolumeCreateContainerComponent } from './daemon-tools/volume-create-container/volume-create-container.component';
@@ -86,13 +86,7 @@ const TIMONEER_AVAILABLE_TABS: ITimoneerTab[] = [
 
 @NgModule({
   imports: [
-    TabsModule,
+    TabsModule.forRoot(TIMONEER_AVAILABLE_TABS),
   ],
-  providers: [
-    {
-      provide: APPLICATION_TABS,
-      useValue: TIMONEER_AVAILABLE_TABS
-    }
-  ]
 })
 export class AppTabsModule { }

src/app/application-templates/application-templates.module.ts

@@ -36,10 +36,6 @@ import { DaemonToolsModule } from '../daemon-tools/daemon-tools.module';
   exports: [
     ApplicationListComponent,
     ApplicationListContainerComponent,
-  ],
-  entryComponents: [
-    ApplicationListContainerComponent,
-    ApplicationLaunchContainerComponent,
   ]
 })
 export class ApplicationTemplatesModule { }

src/app/daemon-tools/daemon-tools.module.ts

@@ -118,14 +118,6 @@ import { ContainerListContainerComponent } from './container-list-container/cont
   ],
   entryComponents: [
     ImagePullModalComponent,
-    ImageListContainerComponent,
-    ContainerAttacherContainerComponent,
-    ContainerExecContainerComponent,
-    ContainerCreateContainerComponent,
-    VolumeListContainerComponent,
-    VolumeCreateContainerComponent,
-    SystemContainerComponent,
-    ContainerListContainerComponent,
   ]
 })
 export class DaemonToolsModule { }

src/app/home/home.module.ts

@@ -28,9 +28,6 @@ import { RegistryCardsComponent } from './registry-cards/registry-cards.componen
     DaemonStatusCardComponent,
     HubSettingsCardComponent,
     RegistryCardsComponent
-  ],
-  entryComponents: [
-    HomeContainerComponent,
   ]
 })
 export class HomeModule { }

src/app/registry/registry.module.ts

@@ -28,8 +28,5 @@ import { RegistryListContainerComponent } from './registry-list-container/regist
   exports: [
     RegistryListComponent
   ],
-  entryComponents: [
-    RegistryListContainerComponent
-  ]
 })
 export class RegistryModule { }

src/app/settings/settings.module.ts

@@ -39,7 +39,6 @@ import { SettingsUpdaterComponent } from './settings-updater/settings-updater.co
   ],
   entryComponents: [
     RegistrySettingsModalComponent,
-    SettingsContainerComponent,
   ],
   exports: [
     SettingsContainerComponent,

src/app/tabs/tabs.module.ts

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, ModuleWithProviders, ANALYZE_FOR_ENTRY_COMPONENTS } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { TabsContainerComponent } from './tabs-container/tabs-container.component';
 import { MatTabsModule, MatIconModule, MatButtonModule } from '@angular/material';
@@ -7,6 +7,7 @@ import { TabStorageService } from './tab-storage.service';
 import { TabService } from './tab.service';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ElectronToolsModule } from '../electron-tools/electron-tools.module';
+import { ITimoneerTab, APPLICATION_TABS } from './tab.model';
 
 @NgModule({
   imports: [
@@ -30,4 +31,22 @@ import { ElectronToolsModule } from '../electron-tools/electron-tools.module';
     TabsContainerComponent,
   ]
 })
-export class TabsModule { }
+export class TabsModule {
+
+  public static forRoot(config: ITimoneerTab[]): ModuleWithProviders {
+    return {
+      ngModule: TabsModule,
+      providers: [
+        ...config.map(c => ({
+          provide: ANALYZE_FOR_ENTRY_COMPONENTS,
+          useValue: c.component,
+          multi: true
+        })),
+        {
+          provide: APPLICATION_TABS,
+          useValue: config
+        }
+      ]
+    };
+  }
+}