Updated to new PWA package

portapack-mayhem · Jan 1, 2024 · 6665679 · 6665679
1 parent d23fcb7
commit 6665679
Show file tree

Hide file tree

Showing 7 changed files with 731 additions and 3,983 deletions.
diff --git a/next.config.js b/next.config.js
@@ -11,11 +11,18 @@ const nextConfig = {
 };
 
 // Configuration object tells the next-pwa plugin
-const withPWA = require("next-pwa")({
+const withPWA = require("@ducanh2912/next-pwa").default({
   dest: "public", // Destination directory for the PWA files
   disable: process.env.NODE_ENV === "development", // Disable PWA in development mode
   register: true, // Register the PWA service worker
   skipWaiting: true, // Skip waiting for service worker activation
+  fallbacks: {
+    image: "/static/images/fallback.png",
+    // document: '/other-offline',  // if you want to fallback to a custom    page other than /_offline
+    // font: '/static/font/fallback.woff2',
+    // audio: ...,
+    // video: ...,
+  },
 });
 
 module.exports = withPWA(nextConfig);
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@ducanh2912/next-pwa": "^10.0.2",
     "next": "14.0.4",
-    "next-pwa": "^5.6.0",
     "react": "^18",
     "react-dom": "^18"
   },

diff --git a/public/fallback-382b0be8edf4f83a.js b/public/fallback-382b0be8edf4f83a.js
diff --git a/public/manifest.json b/public/manifest.json
@@ -41,7 +41,8 @@
     {
       "src": "icons/icon-192x192.png",
       "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any maskable"
     },
     {
       "src": "icons/icon-384x384.png",

diff --git a/public/static/images/fallback.png b/public/static/images/fallback.png
diff --git a/src/app/offline/page.tsx b/src/app/offline/page.tsx
@@ -0,0 +1,8 @@
+"use client"
+
+const Fallback = () => {
+  return (
+    <p>Hello, we should be offline</p>
+  )
+}
+export default Fallback