feat: optionally cache dashboard resources

Author: mtrezza

Parse-Dashboard/app.js

@@ -219,6 +219,9 @@ module.exports = function(config, options) {
           <base href="${mountPath}"/>
           <script>
             PARSE_DASHBOARD_PATH = "${mountPath}";
+            PARSE_DASHBOARD_ENABLE_SERVICE_WORKER = ${
+  config.enableBrowserServiceWorker ? 'true' : 'false'
+};
           </script>
           <title>Parse Dashboard</title>
         </head>
@@ -251,6 +254,9 @@ module.exports = function(config, options) {
           <base href="${mountPath}"/>
           <script>
             PARSE_DASHBOARD_PATH = "${mountPath}";
+            PARSE_DASHBOARD_ENABLE_SERVICE_WORKER = ${
+  config.enableBrowserServiceWorker ? 'true' : 'false'
+};
           </script>
           <title>Parse Dashboard</title>
         </head>

Parse-Dashboard/parse-dashboard-config.json

@@ -10,5 +10,6 @@
       "secondaryBackgroundColor": ""
     }
   ],
-  "iconsFolder": "icons"
+  "iconsFolder": "icons",
+  "enableBrowserServiceWorker": false
 }

README.md

@@ -43,6 +43,7 @@ Parse Dashboard is a standalone dashboard for managing your [Parse Server](https
     - [Custom order in the filter popup](#custom-order-in-the-filter-popup)
     - [Persistent Filters](#persistent-filters)
     - [Scripts](#scripts)
+    - [Browser Service Worker](#browser-service-worker)
 - [Running as Express Middleware](#running-as-express-middleware)
 - [Deploying Parse Dashboard](#deploying-parse-dashboard)
   - [Preparing for Deployment](#preparing-for-deployment)
@@ -510,6 +511,27 @@ Parse.Cloud.define('deleteAccount', async (req) => {
 
 </details>
 
+### Browser Service Worker
+
+Parse Dashboard can cache its bundles in the browser so that opening the dashboard in another tab does not reload the resources.
+Enable this feature with `enableBrowserServiceWorker`:
+
+```javascript
+const dashboard = new ParseDashboard({
+  enableBrowserServiceWorker: true,
+  apps: [
+    {
+      serverURL: 'http://localhost:1337/parse',
+      appId: 'myAppId',
+      masterKey: 'myMasterKey',
+      appName: 'MyApp'
+    }
+  ]
+});
+```
+
+The service worker is disabled by default.
+
 # Running as Express Middleware
 
 Instead of starting Parse Dashboard with the CLI, you can also run it as an [express](https://github.com/expressjs/express) middleware.

src/registerServiceWorker.js

@@ -1,4 +1,7 @@
 export default function registerServiceWorker() {
+  if (!window.PARSE_DASHBOARD_ENABLE_SERVICE_WORKER) {
+    return;
+  }
   if ('serviceWorker' in navigator) {
     window.addEventListener('load', () => {
       const swPath = `${window.PARSE_DASHBOARD_PATH || '/'}sw.js`;