[web-remote] rebrand and manifest changes

src/main/base/win.ts

@@ -186,14 +186,16 @@ export class Win {
 
         /*
          * Remote Client (I had no idea how to add it to our existing express server, so I just made another one) -@quacksire 
+         * TODO: Broadcast the remote so that /web-remote/ can connect
+         * https://github.com/ciderapp/Apple-Music-Electron/blob/818ed18940ff600d76eb59d22016723a75885cd5/resources/functions/handler.js#L1173
          */
         const remote = express();
         remote.use(express.static(path.join(this.paths.srcPath, "./web-remote/")))
         remote.listen(this.remotePort, () => {
-            console.log(`Cider remote port: ${this.clientPort}`);
+            console.log(`Cider remote port: ${this.remotePort}`);
             if (firstRequest) {
                 console.log("---- Ignore Me ;) ---");
-                qrcode.generate(`http://${os.hostname}:${this.clientPort}/remote`);
+                qrcode.generate(`http://${os.hostname}:${this.remotePort}/remote`);
                 console.log("---- Ignore Me ;) ---");
                 /*
                  *

src/web-remote/index.js

@@ -71,16 +71,16 @@ var app = new Vue({
         },
         musicAppVariant() {
             if (navigator.userAgent.match(/Android/i)) {
-                return "Apple Music";
+                return "Cider";
             } else if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
-                return "Music";
+                return "Cider";
             } else {
                 if (navigator.userAgent.indexOf('Mac') > 0) {
                     return 'Music';
                 } else if (navigator.userAgent.indexOf('Win') > 0) {
-                    return 'Apple Music Electron';
+                    return 'Cider';
                 } else {
-                    return 'Apple Music Electron';
+                    return 'Cider';
                 }
             }
         },
@@ -465,8 +465,7 @@ var app = new Vue({
         },
         setMode(mode) {
             switch (mode) {
-                default:
-                    this.screen = "player"
+                default: this.screen = "player"
                 break;
                 case "miniplayer":
                         this.screen = "miniplayer"
@@ -507,8 +506,7 @@ var app = new Vue({
             socket.onmessage = (e) => {
                 const response = JSON.parse(e.data);
                 switch (response.type) {
-                    default:
-                        console.log(response);
+                    default: console.log(response);
                     break;
                     case "musickitapi.search":
                             self.showArtist(response.data["artists"][0]["id"]);

src/web-remote/manifest.json

@@ -4,11 +4,15 @@
     "display": "standalone",
     "scope": "/",
     "start_url": "/",
-    "name": "AME Remote",
-    "short_name": "AME Remote",
-    "description": "Apple Music Electron Remote",
-    "icons": [
-        {
+    "name": "Cider Remote",
+    "short_name": "Cider Remote",
+    "description": "Cider Remote",
+    "developer": {
+        "name": "Cider Collective",
+        "url": "https://cider.sh?utm-source=manifest"
+    },
+    "homepage_url": "https://cider.sh?utm-source=manifest",
+    "icons": [{
             "src": "/icon-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
@@ -28,5 +32,11 @@
             "sizes": "512x512",
             "type": "image/png"
         }
-    ]
+    ],
+    "protocol_handlers": [{
+        "protocol": "ext+cider",
+        "name": "Cider",
+        "uriTemplate": "/?url=%s"
+    }]
+
 }