Merge pull request #7 from niivue/feature/pwd

add basic pwa support

index.html

@@ -5,6 +5,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="./niivue.css" />
+  <link rel="manifest" href="./manifest.json" />
   <title>brain2print</title>
 </head>
 

main.js

@@ -21,6 +21,30 @@ const pipelinesBaseUrl = new URL(`${viteBaseUrl}pipelines`, document.location.or
 setCuberillePipelinesUrl(pipelinesBaseUrl)
 setMeshFiltersPipelinesUrl(pipelinesBaseUrl)
 
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open("app-static-v1").then((cache) => {
+      return cache.addAll([
+        "./", 
+        "./index.html", 
+        "./manifest.json", 
+        "./models",
+        "./pipelines",
+        "./assets",
+        "./t1_crop.nii.gz",
+        "./niivue.css"]);
+    })
+  );
+});
+
+self.addEventListener("fetch", (event) => {
+  event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
+    })
+  );
+});
+
 async function main() {
   const niimath = new Niimath()
   await niimath.init()

public/manifest.json

@@ -0,0 +1,20 @@
+{
+    "name": "brain2print",
+    "short_name": "brain2print",
+    "start_url": "./index.html",
+    "display": "standalone",
+    "background_color": "#ffffff",
+    "theme_color": "#333333",
+    "icons": [
+      {
+        "src": "icon.png",
+        "sizes": "192x192",
+        "type": "image/png"
+      },
+      {
+        "src": "icon.png",
+        "sizes": "512x512",
+        "type": "image/png"
+      }
+    ]
+  }