client/src/app/app.module.ts

   1 import 'focus-visible'
   2 import { tap } from 'rxjs/operators'
   3 import { environment } from 'src/environments/environment'
   4 import { APP_BASE_HREF, registerLocaleData } from '@angular/common'
   5 import { APP_INITIALIZER, NgModule } from '@angular/core'
   6 import { BrowserModule } from '@angular/platform-browser'
   7 import { ServiceWorkerModule } from '@angular/service-worker'
   8 import localeOc from '@app/helpers/locales/oc'
   9 import { AppRoutingModule } from './app-routing.module'
  10 import { AppComponent } from './app.component'
  11 import { CoreModule, PluginService, RedirectService, ServerService } from './core'
  12 import { EmptyComponent } from './empty.component'
  13 import { HeaderComponent, SearchTypeaheadComponent, SuggestionComponent } from './header'
  14 import { HighlightPipe } from './header/highlight.pipe'
  15 import { LanguageChooserComponent, MenuComponent, NotificationComponent } from './menu'
  16 import { ConfirmComponent } from './modal/confirm.component'
  17 import { CustomModalComponent } from './modal/custom-modal.component'
  18 import { InstanceConfigWarningModalComponent } from './modal/instance-config-warning-modal.component'
  19 import { QuickSettingsModalComponent } from './modal/quick-settings-modal.component'
  20 import { AdminWelcomeModalComponent } from './modal/admin-welcome-modal.component'
  21 import { AccountSetupWarningModalComponent } from './modal/account-setup-warning-modal.component'
  22 import { SharedActorImageModule } from './shared/shared-actor-image/shared-actor-image.module'
  23 import { SharedFormModule } from './shared/shared-forms'
  24 import { SharedGlobalIconModule } from './shared/shared-icons'
  25 import { SharedInstanceModule } from './shared/shared-instance'
  26 import { SharedMainModule } from './shared/shared-main'
  27 import { SharedUserInterfaceSettingsModule } from './shared/shared-user-settings'
  28
  29 registerLocaleData(localeOc, 'oc')
  30
  31 export function loadConfigFactory (server: ServerService, pluginService: PluginService, redirectService: RedirectService) {
  32   const initializeServices = () => {
  33     redirectService.init()
  34     pluginService.initializePlugins()
  35   }
  36
  37   return () => {
  38     const result = server.loadHTMLConfig()
  39     if (result) return result.pipe(tap(() => initializeServices()))
  40
  41     initializeServices()
  42   }
  43 }
  44
  45 @NgModule({
  46   bootstrap: [ AppComponent ],
  47
  48   declarations: [
  49     AppComponent,
  50     EmptyComponent,
  51
  52     MenuComponent,
  53     LanguageChooserComponent,
  54     QuickSettingsModalComponent,
  55     NotificationComponent,
  56     HeaderComponent,
  57     SearchTypeaheadComponent,
  58     SuggestionComponent,
  59     HighlightPipe,
  60
  61     AccountSetupWarningModalComponent,
  62     CustomModalComponent,
  63     AdminWelcomeModalComponent,
  64     InstanceConfigWarningModalComponent,
  65     ConfirmComponent
  66   ],
  67
  68   imports: [
  69     BrowserModule,
  70     ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
  71
  72     CoreModule,
  73     SharedMainModule,
  74     SharedFormModule,
  75     SharedUserInterfaceSettingsModule,
  76     SharedGlobalIconModule,
  77     SharedInstanceModule,
  78     SharedActorImageModule,
  79
  80     AppRoutingModule // Put it after all the module because it has the 404 route
  81   ],
  82
  83   providers: [
  84     {
  85       provide: APP_BASE_HREF,
  86       useValue: '/'
  87     },
  88     {
  89       provide: APP_INITIALIZER,
  90       useFactory: loadConfigFactory,
  91       deps: [ ServerService, PluginService, RedirectService ],
  92       multi: true
  93     }
  94   ]
  95 })
  96 export class AppModule {}