client/src/app/app.module.ts

   1 import { ApplicationRef, NgModule } from '@angular/core';
   2 import { BrowserModule } from '@angular/platform-browser';
   3 import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
   4
   5 import { MetaModule, MetaLoader, MetaStaticLoader, PageTitlePositioning } from '@nglibs/meta';
   6 import 'bootstrap-loader';
   7
   8 import { ENV_PROVIDERS } from './environment';
   9 import { AppRoutingModule } from './app-routing.module';
  10 import { AppComponent } from './app.component';
  11 import { AppState } from './app.service';
  12
  13 import { AccountModule } from './account';
  14 import { CoreModule } from './core';
  15 import { LoginModule } from './login';
  16 import { SignupModule } from './signup';
  17 import { SharedModule } from './shared';
  18 import { VideosModule } from './videos';
  19
  20 export function metaFactory(): MetaLoader {
  21   return new MetaStaticLoader({
  22     pageTitlePositioning: PageTitlePositioning.PrependPageTitle,
  23     pageTitleSeparator: ' - ',
  24     applicationName: 'PeerTube',
  25     defaults: {
  26       title: 'PeerTube',
  27       description: 'PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser'
  28     }
  29   });
  30 }
  31
  32 // Application wide providers
  33 const APP_PROVIDERS = [
  34   AppState
  35 ];
  36
  37 @NgModule({
  38   bootstrap: [ AppComponent ],
  39   declarations: [
  40     AppComponent
  41   ],
  42   imports: [
  43     BrowserModule,
  44
  45     CoreModule,
  46     SharedModule,
  47
  48     AppRoutingModule,
  49
  50     AccountModule,
  51     CoreModule,
  52     LoginModule,
  53     SignupModule,
  54     SharedModule,
  55     VideosModule,
  56
  57     MetaModule.forRoot({
  58       provide: MetaLoader,
  59       useFactory: (metaFactory)
  60     })
  61   ],
  62   providers: [ // expose our Services and Providers into Angular's dependency injection
  63     ENV_PROVIDERS,
  64     APP_PROVIDERS
  65   ]
  66 })
  67 export class AppModule {
  68   constructor(public appRef: ApplicationRef, public appState: AppState) {}
  69   hmrOnInit(store) {
  70     if (!store || !store.state) return;
  71     console.log('HMR store', store);
  72     this.appState._state = store.state;
  73     this.appRef.tick();
  74     delete store.state;
  75   }
  76   hmrOnDestroy(store) {
  77     const cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
  78     // recreate elements
  79     const state = this.appState._state;
  80     store.state = state;
  81     store.disposeOldHosts = createNewHosts(cmpLocation);
  82     // remove styles
  83     removeNgStyles();
  84   }
  85   hmrAfterDestroy(store) {
  86     // display new elements
  87     store.disposeOldHosts();
  88     delete store.disposeOldHosts;
  89   }
  90 }