Register service worker

4 files changed, 19 insertions, 10 deletions

diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index 34114b60b..cae99786b 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -1,11 +1,9 @@
 import { NgModule } from '@angular/core'
 import { BrowserModule } from '@angular/platform-browser'
-import { ServiceWorkerModule } from '@angular/service-worker'
 import { AboutModule } from '@app/about'
 import { ResetPasswordModule } from '@app/reset-password'
 
 import { MetaLoader, MetaModule, MetaStaticLoader, PageTitlePositioning } from '@ngx-meta/core'
-import { environment } from '../environments/environment'
 
 import { AccountModule } from './account'
 
@@ -60,9 +58,7 @@ export function metaFactory (): MetaLoader {
     MetaModule.forRoot({
       provide: MetaLoader,
       useFactory: (metaFactory)
-    }),
-
-    ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production })
+    })
   ],
   providers: [ ]
 })
diff --git a/client/src/app/core/core.module.ts b/client/src/app/core/core.module.ts
index 93c9741a7..eea6f340b 100644
--- a/client/src/app/core/core.module.ts
+++ b/client/src/app/core/core.module.ts
@@ -1,7 +1,7 @@
-import { NgModule, Optional, SkipSelf } from '@angular/core'
 import { CommonModule } from '@angular/common'
-import { RouterModule } from '@angular/router'
+import { NgModule, Optional, SkipSelf } from '@angular/core'
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
+import { RouterModule } from '@angular/router'
 import { LoadingBarModule } from '@ngx-loading-bar/core'
 import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client'
 
@@ -9,10 +9,10 @@ import { SimpleNotificationsModule } from 'angular2-notifications'
 import { ModalModule } from 'ngx-bootstrap/modal'
 
 import { AuthService } from './auth'
-import { LoginGuard, UserRightGuard } from './routing'
-import { ServerService } from './server'
 import { ConfirmComponent, ConfirmService } from './confirm'
 import { throwIfAlreadyLoaded } from './module-import-guard'
+import { LoginGuard, UserRightGuard } from './routing'
+import { ServerService } from './server'
 
 @NgModule({
   imports: [
diff --git a/client/src/main.ts b/client/src/main.ts
index b02b6830f..9686ba4b8 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -12,6 +12,19 @@ if (environment.production) {
 
 const bootstrap = () => platformBrowserDynamic()
   .bootstrapModule(AppModule)
+  .then(bootstrapModule => {
+    // 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))
+    }
+
+    return bootstrapModule
+  })
+  .catch(err => {
+    console.error(err)
+    return null
+  })
 
 if (environment.hmr) {
   if (module[ 'hot' ]) {
diff --git a/client/src/manifest.json b/client/src/manifest.json
index 707efb973..30914e35f 100644
--- a/client/src/manifest.json
+++ b/client/src/manifest.json
@@ -43,5 +43,5 @@
   ],
   "name": "PeerTube",
   "short_name": "PeerTube",
-  "start_url": "."
+  "start_url": "/videos/trending"
 }