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