feat: add screenshots/categories to web app manifest (#1993)

* feat: add screenshots/categories to web app manifest

fixes #1971

* fix: whoops forgot the screenshots

src/service-worker.js

@@ -33,6 +33,7 @@ const assets = __assets__
   .filter(filename => !filename.includes('traineddata.gz')) // cache on-demand
   .filter(filename => !filename.endsWith('.webapp')) // KaiOS manifest
   .filter(filename => !/emoji-.*?\.json$/.test(filename)) // useless to cache; it already goes in IndexedDB
+  .filter(filename => !/screenshot-.*?\.png/.test(filename)) // only used during PWA installation, don't bother caching
 
 // `shell` is an array of all the files generated by webpack
 // also contains '/index.html' for some reason

static/manifest.json

@@ -4,6 +4,9 @@
   "name": "Pinafore for Mastodon",
   "short_name": "Pinafore",
   "description": "Alternative web client for Mastodon, focused on speed and simplicity.",
+  "categories": [
+    "social"
+  ],
   "display": "standalone",
   "start_url": "/?pwa=true",
   "share_target": {
@@ -108,5 +111,22 @@
       "type": "image/png",
       "purpose": "maskable"
     }
+  ],
+  "screenshots": [
+    {
+      "src": "screenshot-540-720-1.png",
+      "type": "image/png",
+      "sizes": "540x720"
+    },
+    {
+      "src": "screenshot-540-720-2.png",
+      "type": "image/jpeg",
+      "sizes": "540x720"
+    },
+    {
+      "src": "screenshot-540-720-3.png",
+      "type": "image/jpeg",
+      "sizes": "540x720"
+    }
   ]
 }