1 import { ApplicationRef, NgModule } from '@angular/core';
2 import { BrowserModule } from '@angular/platform-browser';
3 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
4 import { HttpModule, RequestOptions, XHRBackend } from '@angular/http';
5 import { RouterModule } from '@angular/router';
6 import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
8 import { BytesPipe } from 'angular-pipes/src/math/bytes.pipe';
10 import { DropdownModule } from 'ng2-bootstrap/components/dropdown';
11 import { ProgressbarModule } from 'ng2-bootstrap/components/progressbar';
12 import { PaginationModule } from 'ng2-bootstrap/components/pagination';
13 import { ModalModule } from 'ng2-bootstrap/components/modal';
15 import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
17 import { MetaConfig, MetaModule } from 'ng2-meta';
20 * Platform and Environment providers/directives/pipes
22 import { ENV_PROVIDERS } from './environment';
23 import { routes } from './app.routes';
24 // App is our top level component
25 import { AppComponent } from './app.component';
26 import { AppState } from './app.service';
36 RequestStatsComponent,
43 import { AccountComponent, AccountService } from './account';
44 import { LoginComponent } from './login';
45 import { MenuComponent } from './menu.component';
46 import { AuthService, AuthHttp, RestExtractor, RestService, SearchComponent, SearchService } from './shared';
52 VideoMiniatureComponent,
61 const metaConfig: MetaConfig = {
62 //Append a title suffix such as a site name to all titles
70 // Application wide providers
71 const APP_PROVIDERS = [
76 useFactory: (backend: XHRBackend, defaultOptions: RequestOptions, authService: AuthService) => {
77 return new AuthHttp(backend, defaultOptions, authService);
79 deps: [ XHRBackend, RequestOptions, AuthService ]
95 * `AppModule` is the main entry point into Angular2's bootstraping process
98 bootstrap: [ AppComponent ],
112 RequestStatsComponent,
119 VideoMiniatureComponent,
126 imports: [ // import Angular's modules
131 RouterModule.forRoot(routes),
140 MetaModule.forRoot(metaConfig)
142 providers: [ // expose our Services and Providers into Angular's dependency injection
147 export class AppModule {
148 constructor(public appRef: ApplicationRef, public appState: AppState) {}
150 if (!store || !store.state) return;
151 console.log('HMR store', store);
152 this.appState._state = store.state;
156 hmrOnDestroy(store) {
157 const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
159 const state = this.appState._state;
161 store.disposeOldHosts = createNewHosts(cmpLocation);
165 hmrAfterDestroy(store) {
166 // display new elements
167 store.disposeOldHosts();
168 delete store.disposeOldHosts;