X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fmain.ts;h=2b65072adcf748b6bcf1e372892db7c8cd4965a0;hb=f332ffa2a2e9bd7d223c78b6123dbba272f21e84;hp=76b3f498a7343fef556bbe22149660ffd8918d18;hpb=4a6995be18b15de1834a39c8921a0e4109671bb6;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/main.ts b/client/src/main.ts index 76b3f498a..2b65072ad 100644 --- a/client/src/main.ts +++ b/client/src/main.ts @@ -1,10 +1,62 @@ -import { enableProdMode } from '@angular/core'; -import { bootstrap } from '@angular/platform-browser-dynamic'; +import { enableProdMode, TRANSLATIONS, TRANSLATIONS_FORMAT } from '@angular/core' +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic' -import { AppComponent } from './app/app.component'; +import { AppModule } from './app/app.module' +import { environment } from './environments/environment' -if (process.env.ENV === 'production') { - enableProdMode(); +import { hmrBootstrap } from './hmr' +import { getDevLocale, isOnDevLocale } from '@app/shared/i18n/i18n-utils' +import { buildFileLocale } from '../../shared' + +let providers: any[] = [] +if (environment.production) { + enableProdMode() +} + +// Template translation, should be in the bootstrap step +if (isOnDevLocale()) { + const locale = buildFileLocale(getDevLocale()) + const translations = require(`raw-loader!./locale/angular.${locale}.xlf`) + + providers = [ + { provide: TRANSLATIONS, useValue: translations }, + { provide: TRANSLATIONS_FORMAT, useValue: 'xlf' } + ] } -bootstrap(AppComponent); +const bootstrap = () => platformBrowserDynamic() + .bootstrapModule(AppModule, { providers }) + .then(bootstrapModule => { + // TODO: Uncomment and remove unregistration when https://github.com/angular/angular/issues/21191 is fixed + // TODO: Remove when https://github.com/angular/angular-cli/issues/8779 is fixed? + // if ('serviceWorker' in navigator && environment.production) { + // navigator.serviceWorker.register('/ngsw-worker.js') + // .catch(err => console.error('Cannot register service worker.', err)) + // } + + if (navigator.serviceWorker && typeof navigator.serviceWorker.getRegistrations === 'function') { + navigator.serviceWorker.getRegistrations() + .then(registrations => { + for (const registration of registrations) { + registration.unregister() + } + }) + } + + return bootstrapModule + }) + .catch(err => { + console.error(err) + return null + }) + +if (environment.hmr) { + if (module[ 'hot' ]) { + hmrBootstrap(module, bootstrap) + } else { + console.error('HMR is not enabled for webpack-dev-server!') + console.log('Are you using the --hmr flag for ng serve?') + } +} else { + bootstrap() +}