add offline pwa support

next.config.js

@@ -7,12 +7,13 @@ const nextConfig = {
   reactStrictMode: true,
   exportPathMap: () => ({
     "/": { page: "/" },
-    "/editor": { page: "/editor" },
+    "/editor": { page: "/_offline" },
   }),
   compiler: {
     styledComponents: true,
   },
   pwa: {
+    disable: process.env.NODE_ENV === "development",
     dest: "public",
     register: true,
   },

public/fallback-development.js

@@ -0,0 +1,36 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+var __webpack_exports__ = {};
+
+
+self.fallback = async request => {
+  // https://developer.mozilla.org/en-US/docs/Web/API/RequestDestination
+  switch (request.destination) {
+    case 'document':
+      if (true) return caches.match("/_offline", {
+        ignoreSearch: true
+      });
+
+    case 'image':
+      if (false) {}
+
+    case 'audio':
+      if (false) {}
+
+    case 'video':
+      if (false) {}
+
+    case 'font':
+      if (false) {}
+
+    case '':
+      if (false) {}
+
+    default:
+      return Response.error();
+  }
+
+  ;
+};
+/******/ })()
+;

public/manifest.json

@@ -1,11 +1,12 @@
 {
   "name": "JSON Visio",
   "short_name": "JSON Visio",
+  "description": "Visualize your JSON data onto graphs seamlessly.",
   "theme_color": "#36393e",
   "background_color": "#36393e",
   "display": "standalone",
   "orientation": "landscape",
-  "scope": "/",
+  "scope": "/editor",
   "start_url": "/editor",
   "icons": [
     {

public/sw.js

@@ -81,7 +81,7 @@ define(['./workbox-74d02f44'], (function (workbox) { 'use strict';
   * See https://goo.gl/2aRDsh
   */
 
-  importScripts();
+  importScripts("fallback-development.js");
   self.skipWaiting();
   workbox.clientsClaim();
   workbox.registerRoute("/", new workbox.NetworkFirst({
@@ -103,11 +103,19 @@ define(['./workbox-74d02f44'], (function (workbox) { 'use strict';
 
         return response;
       }
+    }, {
+      handlerDidError: async ({
+        request
+      }) => self.fallback(request)
     }]
   }), 'GET');
   workbox.registerRoute(/.*/i, new workbox.NetworkOnly({
     "cacheName": "dev",
-    plugins: []
+    plugins: [{
+      handlerDidError: async ({
+        request
+      }) => self.fallback(request)
+    }]
   }), 'GET');
 
 }));