Add service worker

5 files changed, 63 insertions, 4 deletions

diff --git a/client/src/app/app.module.ts b/client/src/app/app.module.ts
index 1134d061b..34114b60b 100644
--- a/client/src/app/app.module.ts
+++ b/client/src/app/app.module.ts
@@ -1,9 +1,11 @@
 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'
 
@@ -24,7 +26,8 @@ export function metaFactory (): MetaLoader {
     applicationName: 'PeerTube',
     defaults: {
       title: 'PeerTube',
-      description: 'PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser'
+      description: 'PeerTube, a federated (ActivityPub) video streaming platform  ' +
+                   'using P2P (BitTorrent) directly in the web browser with WebTorrent and Angular. '
     }
   })
 }
@@ -57,7 +60,9 @@ 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/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 52797bc6c..0f0ff20f0 100644
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -5,3 +5,27 @@
     text-align: left;
   }
 }
+
+@media screen and (max-width: 400px) and (min-resolution: 1.5dppx) {
+  .videos {
+    text-align: center;
+
+    /deep/ .video-miniature {
+      padding-right: 0;
+      height: 215px;
+      width: 100%;
+
+      .video-miniature-information {
+        width: 100%;
+      }
+
+      /deep/ .video-thumbnail {
+        width: 100%;
+
+        img {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
diff --git a/client/src/index.html b/client/src/index.html
index 61a8d2ed1..8ff89f6a4 100644
--- a/client/src/index.html
+++ b/client/src/index.html
@@ -8,7 +8,7 @@
     <meta name="description" content="PeerTube, a decentralized video streaming platform using P2P (BitTorrent) directly in the web browser" />
 
     <!-- Web Manifest file -->
-    <link rel="manifest" href="/client/manifest.json">
+    <link rel="manifest" href="/manifest.json">
 
     <!-- The following comment is used by the server to prerender OpenGraph and oEmbed tags -->
     <!-- open graph and oembed tags -->
diff --git a/client/src/manifest.json b/client/src/manifest.json
index ac5eac647..a9e885739 100644
--- a/client/src/manifest.json
+++ b/client/src/manifest.json
@@ -42,5 +42,5 @@
   ],
   "name": "PeerTube",
   "short_name": "PeerTube",
-  "start_url": "/videos/recently-added"
+  "start_url": "."
 }
diff --git a/client/src/ngsw-config.json b/client/src/ngsw-config.json
new file mode 100644
index 000000000..47a116bb7
--- /dev/null
+++ b/client/src/ngsw-config.json
@@ -0,0 +1,30 @@
+{
+  "index": "/index.html",
+  "assetGroups": [
+    {
+      "name": "app",
+      "installMode": "prefetch",
+      "resources": {
+        "files": [
+          "/index.html",
+          "/client/assets/images/favicon.png"
+        ],
+        "versionedFiles": [
+          "/client/*.bundle.css",
+          "/client/*.bundle.js",
+          "/client/*.chunk.js"
+        ]
+      }
+    },
+    {
+      "name": "assets",
+      "installMode": "lazy",
+      "updateMode": "prefetch",
+      "resources": {
+        "files": [
+          "/client/assets/**"
+        ]
+      }
+    }
+  ]
+}