Updated service workers

Optimizations:
• Updated service workers

.gitignore

@@ -18,6 +18,3 @@ cgi-bin/gDriveMountFast.pl
 .env.test.local
 .env.production.local
 .vscode
-
-# workbox
-workbox-config.js

package.json

@@ -64,7 +64,8 @@
 	"description": "Search among 113 RNA-seq data sets used by Araport 11 to reannotate the Arabidopsis genome (Cheng et al. 2016, http://biorxiv.org/content/early/2016/04/05/047308). The eFP-Seq Browser will retrieve the number of reads mapped and display these above the desired Araport 11 gene model. You can sort or filter the columns.",
 	"main": "index.html",
 	"scripts": {
-		"prettier": "prettier --write --end-of-line auto ./"
+		"prettier": "prettier --write --end-of-line auto ./",
+		"workbox": "workbox generateSW"
 	},
 	"bugs": {
 		"url": "https://github.com/BioAnalyticResource/eFP-Seq_Browser/issues"

workbox-config.js

@@ -0,0 +1,32 @@
+module.exports = {
+  "globDirectory": "./cgi-bin/",
+  "globPatterns": [
+    "**/*.{js,css,png,html,bai,xml,ico,svg,webmanifest,xlsx,jpg,md,json,yml,codepoints,otf,txt,cgi,bed,Rproj,Rmd,webp}"
+  ],
+  "swDest": "sw.js",
+  "globIgnores": [
+    'index.html',
+    'workbox-config.js',
+    'package.json',
+    'package-lock.json'
+  ],
+
+  // Define runtime caching rules.
+  "runtimeCaching": [{
+    // Match any request that ends with .png, .jpg, .jpeg, .webp, .ico or .svg
+    "urlPattern": /\.(?:png|jpg|jpeg|webp|ico|svg)$/,
+
+    // Apply a cache-first strategy.
+    "handler": 'CacheFirst',
+
+    "options": {
+      // Use a custom cache name.
+      "cacheName": 'images',
+
+      // Only cache 10 images.
+      "expiration": {
+        "maxEntries": 10,
+      },
+    },
+  }],
+};