Add ability to install as PWA

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>

index.html

@@ -11,9 +11,9 @@
     <meta property="og:url" content="https://app.radicle.xyz" />
     <meta
       property="og:image"
-      content="https://app.radicle.xyz/images/radicle-220x220.png" />
-    <meta property="og:image:width" content="220" />
-    <meta property="og:image:height" content="220" />
+      content="https://app.radicle.xyz/images/radicle-228x228.png" />
+    <meta property="og:image:width" content="228" />
+    <meta property="og:image:height" content="228" />
     <meta property="og:type" content="website" />
 
     <link
@@ -78,7 +78,9 @@
     <link rel="stylesheet" type="text/css" href="/layout.css" />
     <link rel="stylesheet" type="text/css" href="/prettylights.css" />
     <link rel="stylesheet" type="text/css" href="/index.css" />
+    <link rel="apple-touch-icon" href="/images/radicle-228x228.png" />
     <link rel="icon" href="/radicle.svg" type="image/svg+xml" />
+    <link rel="manifest" href="/app.webmanifest" />
 
     <script type="text/javascript">
       // Workaround to get `global` to work in old-school transitive

public/app.webmanifest

@@ -0,0 +1,17 @@
+{
+  "id": "radicle-interface",
+  "name": "Radicle Interface",
+  "short_name": "Radicle",
+  "description": "Interact with Radicle.",
+  "start_url": "/",
+  "theme_color": "#0e171f",
+  "icons": [
+    {
+      "src": "/images/radicle-192x192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    { "src": "/radicle.svg", "type": "image/svg", "sizes": "44x44" }
+  ],
+  "display": "standalone"
+}

public/sw.js

@@ -0,0 +1,3 @@
+self.addEventListener("install", () => {
+  return;
+});

vite.config.ts

@@ -17,9 +17,7 @@ export default defineConfig({
   },
   plugins: [
     svelte({
-      compilerOptions: {
-        dev: process.env.NODE_ENV !== "production",
-      },
+      compilerOptions: { dev: process.env.NODE_ENV !== "production" },
     }),
     configureDevServer(),
     configurePreviewServer(),