www/mobile: Add suport for Android Chrome app install banners

client/mobile.js

@@ -2,36 +2,9 @@
  * Various mobile-only code
  */
 
-let main = require('./main'),
-	{$} = main;
+let main = require('./main')
 
 // TODO: Remove this module and related server-side logic/assets, once we
 // build a separate mobile bundle
 
-main.defer(function() {
-	// User refused the first time
-	if (!main.isMobile || localStorage.homescreenRefused)
-		return;
-	// Only comatible with Android Chrome for now
-	const n = navigator.userAgent,
-		isChrome = /Chrome/.test(n),
-		isFF = /Firefox/.test(n);
-	// Only Chrome works for now
-	let msg ='To install meguca as a fullscreen webapp, tap the menu button'
-		+ ' and select ';
-	if (isChrome)
-		msg += '"Add to home screen"';
-	else if (isFF)
-		msg += '"Page > Add to Home Screen"';
-	msg += '. Tap this message to close. It will not appear again.';
-
-	$('<a class="mobile">Install Webapp</a>')
-		.click(function(e){
-			main.request('notification', msg);
-			e.target.remove();
-			localStorage.homescreenRefused = true;
-		})
-		.appendTo('#banner_center');
-});
-
 main.oneeSama.hook('spoilerTag', main.etc.touchable_spoiler_tag);

www/js/loader.js

@@ -53,4 +53,10 @@ Selects and loads the client files
 			}
 		});
 	});
+
+	if ('serviceWorker' in navigator) {
+		navigator.serviceWorker.register("../worker.js").catch(function (err) {
+			throw err
+		})
+	}
 })();

www/mobile/manifest.json

@@ -1,5 +1,6 @@
 {
-    "name": "Meguca.org",
+    "name": "meguca.org",
+    "short_name": "meguca.org",
     "icons": [
         {
             "src": "/mobile/icon48.png",
@@ -29,5 +30,7 @@
     ],
     "start_url": "/",
     "display": "fullscreen",
-    "orientation": "any"
+    "orientation": "any",
+    "theme_color": "#1d1f21",
+    "background_color": "#1d1f21"
 }

www/worker.js

@@ -0,0 +1,8 @@
+// Pointless service worker, so we can get Android Chrome native app install
+// prompts.
+
+self.addEventListener('install', function () {})
+
+self.addEventListener('activate', function () {})
+
+self.addEventListener('fetch', function () {})