Add manifest file for 2048Clone theme to enable Android to recognize the theme's icon when installing the web app

Author: Coteh

public/manifest_classic.json

@@ -0,0 +1,19 @@
+{
+    "short_name": "2048 Clone",
+    "name": "2048 Clone",
+    "icons": [
+        {
+            "src": "icon128_classic.png",
+            "sizes": "128x128",
+            "type": "image/png"
+        },
+        {
+            "src": "icon152_classic.png",
+            "sizes": "152x152",
+            "type": "image/png"
+        }
+    ],
+    "start_url": ".",
+    "display": "fullscreen",
+    "orientation": "portrait"
+}

src/manager/app-icon.ts

@@ -3,6 +3,7 @@ export class AppIconManager {
 
     public setAppIcon(type: string) {
         this.setAppleTouchIcon(type);
+        this.loadManifest(type);
         this.setFavicon(type);
     }
 
@@ -21,6 +22,18 @@ export class AppIconManager {
         }
     }
 
+    private loadManifest(type: string) {
+        const manifest = document.querySelector("link[rel='manifest']") as HTMLLinkElement;
+        switch (type) {
+            case "classic":
+                manifest.href = "manifest_classic.json";
+                break;
+            default:
+                manifest.href = "manifest.json";
+                break;
+        }
+    }
+
     private setFavicon(type: string) {
         const favicon = document.querySelector("link[rel='icon']") as HTMLLinkElement;
         switch (type) {