🍎 Makes app installable

app/public/manifest.json

@@ -0,0 +1,15 @@
+{
+	"short_name": "Quadruped Controller",
+	"name": "Quadruped Controller",
+	"icons": [
+		{
+			"src": "logo512.png",
+			"type": "image/png",
+			"sizes": "512x512"
+		}
+	],
+	"start_url": ".",
+	"display": "standalone",
+	"theme_color": "#000000",
+	"background_color": "#ffffff"
+}

app/public/sw.js

@@ -0,0 +1,45 @@
+const CACHE_NAME = 'v1';
+const urlsToCache = ['/', '/index.html', '/stl.zip'];
+
+self.addEventListener('install', (event) => {
+	event.waitUntil(
+		caches.open(CACHE_NAME).then((cache) => {
+			return cache.addAll(urlsToCache);
+		})
+	);
+});
+
+// self.addEventListener('fetch', (event) => {
+// 	event.respondWith(
+// 		caches.match(event.request).then((response) => {
+// 			if (response) {
+// 				return response;
+// 			}
+// 			return fetch(event.request).then((response) => {
+// 				if (!response || response.status !== 200 || response.type !== 'basic') {
+// 					return response;
+// 				}
+// 				var responseToCache = response.clone();
+// 				caches.open(CACHE_NAME).then((cache) => {
+// 					cache.put(event.request, responseToCache);
+// 				});
+// 				return response;
+// 			});
+// 		})
+// 	);
+// });
+
+self.addEventListener('activate', (event) => {
+	var cacheWhitelist = ['v1'];
+	event.waitUntil(
+		caches.keys().then((cacheNames) => {
+			return Promise.all(
+				cacheNames.map((cacheName) => {
+					if (cacheWhitelist.indexOf(cacheName) === -1) {
+						return caches.delete(cacheName);
+					}
+				})
+			);
+		})
+	);
+});