fix: get pwa working

.gitignore

@@ -23,3 +23,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# pwa/workbox
+/public/*.js

next.config.js

@@ -1,10 +1,11 @@
 /** @type {import('next').NextConfig} */
 const withPWA = require('next-pwa')
-const runtimeCaching = require('next-pwa/cache')
 
 module.exports = withPWA({
   pwa: {
     dest: 'public',
-    runtimeCaching,
+    register: true,
+    skipWaiting: true,
+    disable: process.env.NODE_ENV === "development",
   },
 })

public/manifest.json

@@ -14,9 +14,9 @@
     }
   ],
   "start_url": "/",
-  "background_color": "#3367D6",
+  "background_color": "#4D6A51",
   "display": "standalone",
   "scope": "/",
-  "theme_color": "#3367D6",
+  "theme_color": "#3C3744",
   "description": "Sendstr is an open source end-to-end encrypted shared clipboard app built on top of Nostr. No login needed, new throwaway encryption keys are generated on page load."
 }

src/pages/index.tsx

@@ -66,6 +66,8 @@ export default function Home({ nostr, event }: HomeProps) {
             page load, and the default relay deletes messages after 1 hour."
         />
         <meta name="mobile-web-app-capable" content="yes" />
+        <link rel="manifest" href="/manifest.json" />
+        <link rel="apple-touch-icon" href="/apple-touch-icon.png"></link>
       </Head>
       <div className="bg-custom-green-dark min-h-screen">
         <div className="p-5">