From d8d470ae9d287f396f38d1db667c6de7a4f32342 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Mon, 24 Apr 2023 08:42:25 +0200
Subject: [PATCH] Add ability to install as PWA

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 index.html                                     |   8 +++++---
 public/app.webmanifest                         |  17 +++++++++++++++++
 public/images/radicle-192x192.png              | Bin 0 -> 805 bytes
 ...radicle-220x220.png => radicle-228x228.png} | Bin
 public/sw.js                                   |   3 +++
 vite.config.ts                                 |   4 +---
 6 files changed, 26 insertions(+), 6 deletions(-)
 create mode 100644 public/app.webmanifest
 create mode 100644 public/images/radicle-192x192.png
 rename public/images/{radicle-220x220.png => radicle-228x228.png} (100%)
 create mode 100644 public/sw.js

diff --git a/index.html b/index.html
index 6bda19ba3..cd6799383 100644
--- a/index.html
+++ b/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
diff --git a/public/app.webmanifest b/public/app.webmanifest
new file mode 100644
index 000000000..1c9e6849e
--- /dev/null
+++ b/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"
+}
diff --git a/public/images/radicle-192x192.png b/public/images/radicle-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..a2411da8bf8ce3bc87ef5951a90d5a8b011b0d2a
GIT binary patch
literal 805
zcmeAS@N?(olHy`uVBq!ia0vp^2SAvE4M+yv$zcaloCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3{1N`T^vIy7~kIAn0v@U!XZ)JYr5`@PR1Ec
zk~5m*%96UTEa_%pRZkI0y7zsnn9<qG`gd<W-+uUE%{+xywM_<$6Vw<ku{g|P@DOIm
zWK!^DSi;$0LSI2UH9eXB?d#WHzr26jm;e8-`(QfgH$%AF>nG>q(zl=cAEAcn(Aoy}
z+i(5M*RKy-J^Q-<^2+_s?J!l{y8W=g&i{{uZT|j}d*VA%m@vHl^d9?+-RJh-ulFs^
zF`Iu`W`FJfTXv0{7@_klW&!)}IXlno|MFYE7gPFM(Q~HWbI;S~z5TXzpML_TJwNRZ
zOucA#C_}cU<lTiAcjoTgKmYgtY%Ko98WH!|cWnCd{Hg8xdU;`txH@ZhV6NNqZ#KXG
qEiP`x=Et9Q44If=GZ67#%WVDEw&Q*PuM#j-GkCiCxvX<aXaWE;D+oRS

literal 0
HcmV?d00001

diff --git a/public/images/radicle-220x220.png b/public/images/radicle-228x228.png
similarity index 100%
rename from public/images/radicle-220x220.png
rename to public/images/radicle-228x228.png
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 000000000..a5e1a9fa3
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,3 @@
+self.addEventListener("install", () => {
+  return;
+});
diff --git a/vite.config.ts b/vite.config.ts
index 60a5846b8..f1612bd42 100644
--- a/vite.config.ts
+++ b/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(),