1 import { ApplicationRef, NgModule } from '@angular/core';
2 import { BrowserModule } from '@angular/platform-browser';
3 import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
5 import { MetaModule, MetaConfig } from 'ng2-meta';
7 import { ENV_PROVIDERS } from './environment';
8 import { AppRoutingModule } from './app-routing.module';
9 import { AppComponent } from './app.component';
10 import { AppState } from './app.service';
12 import { AccountModule } from './account';
13 import { AdminModule } from './admin';
14 import { CoreModule } from './core';
15 import { LoginModule } from './login';
16 import { SharedModule } from './shared';
17 import { VideosModule } from './videos';
19 import { MenuComponent } from './menu.component';
21 const metaConfig: MetaConfig = {
22 //Append a title suffix such as a site name to all titles
30 // Application wide providers
31 const APP_PROVIDERS = [
36 bootstrap: [ AppComponent ],
49 MetaModule.forRoot(metaConfig),
58 providers: [ // expose our Services and Providers into Angular's dependency injection
63 export class AppModule {
64 constructor(public appRef: ApplicationRef, public appState: AppState) {}
66 if (!store || !store.state) return;
67 console.log('HMR store', store);
68 this.appState._state = store.state;
73 const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
75 const state = this.appState._state;
77 store.disposeOldHosts = createNewHosts(cmpLocation);
81 hmrAfterDestroy(store) {
82 // display new elements
83 store.disposeOldHosts();
84 delete store.disposeOldHosts;