feat: minimal PWA manifest (#310)

First stab at making it possible to install and run in app mode.
ipfs · Jul 4, 2024 · 6d758c9 · 6d758c9
1 parent 87c50ee
commit 6d758c9
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 1 deletion.
diff --git a/public/icon-512.png b/public/icon-512.png
diff --git a/public/index.html b/public/index.html
@@ -23,6 +23,7 @@
     <title><%= htmlWebpackPlugin.options.title %> | <%= htmlWebpackPlugin.options.version %></title>
     <meta name="description" content="A static HTML page that initializes an instance of IPFS Service Worker Gateway" />
     <meta name="robots" content="noindex" />
+    <link rel="manifest" href="/manifest.json">
   </head>
   <body>
     <div id="root" class="sans-serif f5"></div>

diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,18 @@
+{
+  "short_name": "InBrowser IPFS",
+  "name": "InBrowser IPFS Gateway",
+  "icons": [
+    {
+      "src": "/icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "id": "/?source=pwa",
+  "start_url": "/?source=pwa",
+  "background_color": "#0B3A53",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#0B3A53",
+  "description": "An experimental IPFS Gateway implemented as a Service Worker with @helia/verified-fetch"
+}
diff --git a/src/components/input-validator.tsx b/src/components/input-validator.tsx
@@ -80,7 +80,7 @@ export default function InputValidator ({ requestPath }: { requestPath: string }
   return (
     <div>
       <ValidationMessage protocol={protocol} cidOrPeerIdOrDnslink={cidOrPeerIdOrDnslink} requestPath={requestPath}>
-        <a className="db" href={swPath} target="_blank">
+        <a className="db" href={swPath}>
           <button id="load-directly" className='button-reset pv3 tc bn bg-animate bg-teal-muted hover-bg-navy-muted white pointer f4 w-100'>Load content</button>
         </a>
       </ValidationMessage>

diff --git a/webpack.config.js b/webpack.config.js
@@ -210,6 +210,14 @@ const common = {
         {
           from: `${paths.public}/_redirects`,
           noErrorOnMissing: false
+        },
+        {
+          from: `${paths.public}/manifest.json`,
+          noErrorOnMissing: false
+        },
+        {
+          from: `${paths.public}/icon-512.png`,
+          noErrorOnMissing: false
         }
       ]
     }),