Enhanced PWA

src/app/manifest.ts

@@ -1,5 +1,12 @@
 import type { MetadataRoute } from "next";
 
+interface ExtendedScreenshot {
+  src: string;
+  sizes?: string;
+  type?: string;
+  form_factor?: string;
+}
+
 export default function manifest(): MetadataRoute.Manifest {
   return {
     name: "Papers: by CodeChefVIT",
@@ -8,21 +15,71 @@ export default function manifest(): MetadataRoute.Manifest {
       "Discover previous year question papers created by CodeChef-VIT at Vellore Institute of Technology",
     start_url: "/",
     display: "standalone",
-    background_color: "#ffffff",
-    theme_color: "#000000",
+    background_color: "#10011a",
+    theme_color: "#10011a",
+    categories: [
+      "education",
+      "reference",
+      "productivity",
+      "technology"
+    ],
+    "shortcuts": [
+      {
+        "name": "Upload",
+        "short_name": "Upload",
+        "description": "Upload a paper",
+        "url": "/upload",
+        "icons": [
+          {
+            "src": "/icons/icon-192x192.webp",
+            "sizes": "192x192",
+            "type": "image/webp"
+          }
+        ]
+      },
+    ],
     icons: [
+      { src: "/icons/icon-192x192.webp", sizes: "192x192", type: "image/webp", purpose: "maskable" },
+      { src: "/icons/icon-196x196.webp", sizes: "196x196", type: "image/webp" },
+      { src: "/icons/icon-228x228.webp", sizes: "228x228", type: "image/webp" },
+      { src: "/icons/icon-256x256.webp", sizes: "256x256", type: "image/webp" },
+      { src: "/icons/icon-384x384.webp", sizes: "384x384", type: "image/webp" },
+      { src: "/icons/icon-512x512.webp", sizes: "512x512", type: "image/webp", purpose: "maskable" },
+    ],
+    screenshots: [
       {
-        src: "/web-app-manifest-192x192.png",
-        sizes: "192x192",
-        type: "image/png",
-        purpose: "maskable",
+        src: "/screenshots/screenshot-hero.avif",
+        sizes: "638x1380",
+        type: "image/avif",
       },
       {
-        src: "/web-app-manifest-512x512.png",
-        sizes: "512x512",
-        type: "image/png",
-        purpose: "maskable",
+        src: "/screenshots/screenshot-prepare.avif",
+        sizes: "638x1380",
+        type: "image/avif",
       },
-    ],
+      {
+        src: "/screenshots/screenshot-faq.avif",
+        sizes: "638x1380",
+        type: "image/avif",
+      },
+      {
+        src: "/screenshots/screenshot-hero-wide.avif",
+        sizes: "2880x1556",
+        type: "image/avif",
+        form_factor: "wide",
+      },
+      {
+        src: "/screenshots/screenshot-prepare-wide.avif",
+        sizes: "2880x1556",
+        type: "image/avif",
+        form_factor: "wide",
+      },
+      {
+        src: "/screenshots/screenshot-faq-wide.avif",
+        sizes: "2880x1556",
+        type: "image/avif",
+        form_factor: "wide",
+      },
+    ] as ExtendedScreenshot[],
   };
 }