@3cr/viewer-browser 0.0.200 → 0.0.220

package/dist/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/dist/safari-pinned-tab.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2939 6958 c-1 -7 -2 -337 -3 -733 -1 -470 -5 -719 -11 -718 -11 1
+-440 111 -560 143 -147 39 -391 102 -405 105 -14 3 -202 52 -437 113 l-111 30
+-4 -22 c-1 -11 -3 -333 -2 -713 0 -381 -3 -693 -7 -693 -7 0 -296 76 -454 119
+-138 38 -810 213 -832 217 -12 2 -34 9 -48 14 -15 6 -28 10 -31 10 -2 0 -3
+-840 -2 -1867 l3 -1867 65 -19 c141 -40 359 -104 405 -118 35 -11 267 -78 310
+-89 17 -5 71 -20 120 -35 50 -14 104 -30 120 -34 17 -5 134 -39 260 -76 127
+-37 244 -70 260 -75 17 -4 156 -44 310 -89 154 -45 492 -143 750 -217 259 -75
+597 -173 752 -218 l282 -83 -2 919 c-1 505 -1 918 0 918 2 0 67 -18 145 -41
+79 -22 166 -47 193 -54 28 -7 84 -23 125 -35 41 -12 82 -23 90 -25 8 -2 125
+-36 260 -74 135 -39 248 -71 252 -71 3 0 6 412 7 916 0 504 1 917 3 919 2 1
+55 -13 118 -32 202 -61 302 -91 445 -133 162 -48 315 -94 400 -120 33 -10 70
+-21 83 -25 l22 -6 -2 1548 -3 1548 -155 43 c-85 23 -195 53 -245 67 -49 13
+-216 58 -370 100 -154 42 -287 78 -295 80 -8 2 -42 11 -75 20 -33 9 -82 23
+-110 30 -125 34 -335 90 -495 134 -96 27 -287 79 -425 116 -137 37 -295 79
+-350 95 -173 48 -330 90 -337 90 -5 0 -8 -6 -9 -12z m981 -1008 c85 -23 184
+-50 220 -60 36 -10 108 -30 160 -44 239 -64 554 -149 640 -172 52 -14 104 -29
+116 -34 l21 -8 0 -769 c0 -422 -1 -771 -3 -775 -2 -3 -52 9 -112 27 -59 18
+-133 40 -164 49 l-58 17 -1 62 c0 34 0 227 0 428 l0 366 -87 22 c-48 12 -154
+39 -237 60 -82 22 -231 60 -330 86 -349 90 -409 106 -412 109 -3 3 -5 402 -4
+618 l1 87 48 -14 c26 -7 117 -32 202 -55z m-1632 -1036 c75 -19 225 -58 332
+-86 107 -27 222 -57 255 -65 l61 -15 0 -339 c0 -198 -4 -339 -9 -339 -5 0 -37
+7 -71 16 -33 9 -68 18 -76 20 -8 2 -73 19 -145 38 -71 19 -211 55 -310 81 -99
+26 -182 48 -183 50 -2 2 -4 133 -4 292 1 366 1 383 7 383 3 0 67 -16 143 -36z
+m1447 -374 c11 -5 43 -13 70 -20 28 -6 85 -20 128 -32 78 -20 78 -20 74 -52
+-4 -36 -4 -36 -117 -1 -41 13 -108 33 -147 45 -69 20 -73 23 -73 49 0 25 3 28
+23 24 12 -2 31 -8 42 -13z m-2845 -694 c52 -13 149 -39 215 -56 66 -17 143
+-37 170 -45 28 -8 68 -19 91 -24 l40 -11 1 -590 c0 -324 1 -592 4 -594 3 -3
+926 -268 979 -281 8 -2 65 -18 125 -35 61 -17 124 -35 140 -40 17 -4 68 -20
+115 -33 47 -14 103 -30 125 -36 l41 -11 -1 -529 c0 -291 -3 -532 -6 -535 -3
+-3 -19 -2 -35 3 -16 5 -164 48 -329 96 -165 47 -406 117 -535 155 -129 37
+-332 96 -450 130 -118 34 -260 75 -314 92 -55 16 -109 32 -120 34 -12 2 -102
+28 -201 57 l-180 53 -2 1118 c-1 1034 0 1116 15 1112 10 -3 60 -16 112 -30z
+m2910 -147 c36 -11 89 -27 118 -35 99 -26 89 38 88 -568 -1 -294 -4 -537 -7
+-541 -6 -5 -315 78 -326 88 -3 4 -6 810 -3 1059 l0 37 33 -10 c17 -6 61 -19
+97 -30z m-1270 -284 c118 -31 256 -67 307 -81 50 -13 93 -24 95 -24 2 0 4
+-102 3 -227 0 -143 -4 -228 -10 -227 -11 1 -778 217 -783 220 -3 2 -5 264 -3
+400 l1 42 88 -23 c48 -13 184 -48 302 -80z"/>
+</g>
+</svg>

package/dist/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

package/index.html

@@ -1,46 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
-  <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
-  <script src="https://cdn.jsdelivr.net/npm/@statsig/js-client@latest/build/statsig-js-client+session-replay+web-analytics.min.js"></script>
-<!--  <script src="https://cdn.jsdelivr.net/npm/statsig-js/build/statsig-prod-web-sdk.min.js" ></script>-->
-
-  <title>Welcome to Vuetify 3</title>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module">
-    import {registerViewer, loadViewer} from './index.ts';
-
-    const { StatsigClient, SessionReplay, runStatsigAutoCapture, runStatsigSessionReplay } = window.Statsig;
-
-    const client = new StatsigClient(
-        "client-YaAjxOTTRbuSN3peDAwXEzErieXpI744a3OHDgonzvV",
-        { userID: undefined },
-        {environment: {tier: 'development'}}
-    );
-    client.initializeSync()
-
-    runStatsigAutoCapture(client);
-    window.playgroundStatsigClient = client
-
-
-    const dynamicConfig = client.getDynamicConfig("3cr_viewer_version");
-    const testVersion = (window.location.href.includes('test.') || window.location.href.includes('localhost')) && new URLSearchParams(window.location.search).get("build_version")
-    const version = testVersion ?? dynamicConfig.value["sdkVersion"] ?? "1.1.0";
-
-    client.initializeAsync().then(() => {
-      registerViewer(version).then(() => {
-        loadViewer().then()
-      })
-    }).catch((err) => console.error(err));
-
-  </script>
-</body>
-
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/site.webmanifest" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
+    <title>3CR Browser Viewer</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module">
+      import { registerViewer, loadViewer } from '/src/main.ts';
+      import { StatsigClient } from '@statsig/js-client';
+      import { runStatsigAutoCapture } from '@statsig/web-analytics';
+
+      const key = "client-YaAjxOTTRbuSN3peDAwXEzErieXpI744a3OHDgonzvV";
+      const user = { userID: undefined };
+      const options = { environment: { tier: 'development' } };
+      const client = new StatsigClient(key, user, options);
+      runStatsigAutoCapture(client);
+      await client.initializeAsync();
+      window.playgroundStatsigClient = client
+
+      const dynamicConfig = client.getDynamicConfig("3cr_viewer_version");
+      const testVersion = (window.location.href.includes('test.') || window.location.href.includes('localhost')) && new URLSearchParams(window.location.search).get("build_version")
+      const version = testVersion ?? dynamicConfig.value["sdkVersion"] ?? "1.1.0";
+
+      await registerViewer(version);
+      await loadViewer();
+    </script>
+  </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3cr/viewer-browser",
-  "version": "0.0.200",
+  "version": "0.0.220",
   "main": "./dist/Viewer3CR.umd.js",
   "module": "dist/Viewer3CR.umd.js",
   "homepage": "https://docs.3cr.singular.health",
@@ -9,7 +9,7 @@
     "url": "git+ssh://git@bitbucket.org:medvr/3cr-viewer-browser.git"
   },
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --force",
     "build": "vue-tsc --noEmit && vite build",
     "deploy": "npm version --no-git-tag-version patch && npm run build && npm publish",
     "deploy:ci": "npm run build && npm publish --access=public",
@@ -21,40 +21,43 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@3cr/sdk-browser": "^1.0.15",
-    "@3cr/types-ts": "file:static/3cr-types-browser",
+    "@3cr/sdk-browser": "^1.0.16",
+    "@3cr/types-ts": "^1.0.138",
     "@kyvg/vue3-notification": "^3.2.1",
-    "@mdi/font": "6.2.95",
+    "@mdi/font": "^7.4.47",
     "@mdi/js": "^7.4.47",
+    "@statsig/js-client": "^1.5.0",
+    "@statsig/session-replay": "^1.5.0",
+    "@statsig/web-analytics": "^1.5.0",
     "axios": "^1.7.2",
-    "intro.js": "^7.2.0",
+    "intro.js": "^8.0.0-beta.1",
     "logrocket": "^8.1.0",
-    "roboto-fontface": "*",
-    "vue": "^3.4.21",
-    "vuetify": "^3.5.8"
+    "roboto-fontface": "^0.10.0",
+    "vue": "^3.4.29",
+    "vuetify": "^3.6.12"
   },
   "devDependencies": {
     "@babel/types": "^7.24.0",
-    "@types/node": "^20.11.25",
+    "@faker-js/faker": "^8.4.1",
+    "@types/node": "^20.14.2",
     "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-istanbul": "^1.4.0",
-    "@vitest/coverage-v8": "^1.4.0",
-    "@vitest/ui": "^1.4.0",
-    "@vue/test-utils": "^2.4.5",
+    "@vitest/coverage-istanbul": "^2.0.3",
+    "@vitest/ui": "^2.0.3",
+    "@vue/test-utils": "^2.4.6",
     "aws-sdk": "^2.1594.0",
     "jsdom": "^24.0.0",
-    "material-design-icons-iconfont": "^6.7.0",
     "mime-types": "^2.1.35",
+    "prettier": "^3.3.2",
     "randomstring": "^1.3.0",
     "resize-observer-polyfill": "^1.5.1",
     "sass": "^1.71.1",
     "typescript": "^5.4.2",
     "unplugin-fonts": "^1.1.1",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.1.5",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
+    "unplugin-vue-components": "^0.27.0",
+    "vite": "^5.3.1",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
     "vite-plugin-vuetify": "^2.0.3",
-    "vitest": "^1.4.0",
-    "vue-tsc": "^2.0.6"
+    "vitest": "^2.0.3",
+    "vue-tsc": "^2.0.21"
   }
 }

package/playground/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/playground/index.html

@@ -5,46 +5,43 @@
   <meta charset="UTF-8" />
   <link rel="icon" href="/favicon.ico" />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="theme-color" content="#ffffff">
+
   <script src="https://cdn.jsdelivr.net/npm/@3cr/viewer-browser@{{version}}/dist/Viewer3CR.umd.js"> </script>
   <script type="module">
+    const channel = new BroadcastChannel('GET_SERVICE_WORKER_BUILD');
+    channel.addEventListener('message', event => {
+      console.log('Service Worker Build', event.data);
+    });
     function invokeServiceWorkerUpdateFlow(registration) {
       console.log('[SW] Found update, pushing')
-        registration.waiting.postMessage('SKIP_WAITING')
+      registration.waiting.postMessage('SKIP_WAITING')
+    }
+    function getServiceWorkerBuild(registration) {
+      console.log(
+          "[CHECK]: Service_Worker_Registered_With_Scope",
+          registration.scope
+      );
+      registration.active.postMessage('GET_SERVICE_WORKER_BUILD')
     }
     function initServiceWorker() {
-      // Only enable service worker in production
       if ("serviceWorker" in navigator) {
         navigator.serviceWorker
             .register("/sw.js", { scope: "/" })
             .then((registration) => {
-              console.log(
-                  "[CHECK]: Service_Worker_Registered_With_Scope",
-                  registration.scope
-              );
-              // ensure the case when the updatefound event was missed is also handled
-              // by re-invoking the prompt when there's a waiting Service Worker
               if (registration.waiting) {
                 invokeServiceWorkerUpdateFlow(registration)
+              } else {
+                getServiceWorkerBuild(registration)
               }
 
-              // detect Service Worker update available and wait for it to become installed
-              registration.addEventListener('updatefound', () => {
-                if (registration.installing) {
-                  // wait until the new Service worker is actually installed (ready to take over)
-                  registration.installing.addEventListener('statechange', () => {
-                    if (registration.waiting) {
-                      // if there's an existing controller (previous Service Worker), show the prompt
-                      if (navigator.serviceWorker.controller) {
-                        invokeServiceWorkerUpdateFlow(registration)
-                      } else {
-                        // otherwise it's the first install, nothing to do
-                        console.log('Service Worker initialized for the first time')
-                      }
-                    }
-                  })
-                }
-              })
-
               let refreshing = false;
 
               // detect controller change and refresh the page
@@ -54,15 +51,15 @@
                   refreshing = true
                 }
               })
+              navigator.serviceWorker.addEventListener('controlling', () => {
+                window.location.reload();
+              });
             })
             .catch((error) => {
               console.error("[ERR]: Service_Worker_Registration_Failed:", error);
             });
-
       }
     }
-
-    // Call the initServiceWorker function when the page loads
     window.addEventListener("load", () => {
       initServiceWorker();
     });

package/playground/safari-pinned-tab.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2939 6958 c-1 -7 -2 -337 -3 -733 -1 -470 -5 -719 -11 -718 -11 1
+-440 111 -560 143 -147 39 -391 102 -405 105 -14 3 -202 52 -437 113 l-111 30
+-4 -22 c-1 -11 -3 -333 -2 -713 0 -381 -3 -693 -7 -693 -7 0 -296 76 -454 119
+-138 38 -810 213 -832 217 -12 2 -34 9 -48 14 -15 6 -28 10 -31 10 -2 0 -3
+-840 -2 -1867 l3 -1867 65 -19 c141 -40 359 -104 405 -118 35 -11 267 -78 310
+-89 17 -5 71 -20 120 -35 50 -14 104 -30 120 -34 17 -5 134 -39 260 -76 127
+-37 244 -70 260 -75 17 -4 156 -44 310 -89 154 -45 492 -143 750 -217 259 -75
+597 -173 752 -218 l282 -83 -2 919 c-1 505 -1 918 0 918 2 0 67 -18 145 -41
+79 -22 166 -47 193 -54 28 -7 84 -23 125 -35 41 -12 82 -23 90 -25 8 -2 125
+-36 260 -74 135 -39 248 -71 252 -71 3 0 6 412 7 916 0 504 1 917 3 919 2 1
+55 -13 118 -32 202 -61 302 -91 445 -133 162 -48 315 -94 400 -120 33 -10 70
+-21 83 -25 l22 -6 -2 1548 -3 1548 -155 43 c-85 23 -195 53 -245 67 -49 13
+-216 58 -370 100 -154 42 -287 78 -295 80 -8 2 -42 11 -75 20 -33 9 -82 23
+-110 30 -125 34 -335 90 -495 134 -96 27 -287 79 -425 116 -137 37 -295 79
+-350 95 -173 48 -330 90 -337 90 -5 0 -8 -6 -9 -12z m981 -1008 c85 -23 184
+-50 220 -60 36 -10 108 -30 160 -44 239 -64 554 -149 640 -172 52 -14 104 -29
+116 -34 l21 -8 0 -769 c0 -422 -1 -771 -3 -775 -2 -3 -52 9 -112 27 -59 18
+-133 40 -164 49 l-58 17 -1 62 c0 34 0 227 0 428 l0 366 -87 22 c-48 12 -154
+39 -237 60 -82 22 -231 60 -330 86 -349 90 -409 106 -412 109 -3 3 -5 402 -4
+618 l1 87 48 -14 c26 -7 117 -32 202 -55z m-1632 -1036 c75 -19 225 -58 332
+-86 107 -27 222 -57 255 -65 l61 -15 0 -339 c0 -198 -4 -339 -9 -339 -5 0 -37
+7 -71 16 -33 9 -68 18 -76 20 -8 2 -73 19 -145 38 -71 19 -211 55 -310 81 -99
+26 -182 48 -183 50 -2 2 -4 133 -4 292 1 366 1 383 7 383 3 0 67 -16 143 -36z
+m1447 -374 c11 -5 43 -13 70 -20 28 -6 85 -20 128 -32 78 -20 78 -20 74 -52
+-4 -36 -4 -36 -117 -1 -41 13 -108 33 -147 45 -69 20 -73 23 -73 49 0 25 3 28
+23 24 12 -2 31 -8 42 -13z m-2845 -694 c52 -13 149 -39 215 -56 66 -17 143
+-37 170 -45 28 -8 68 -19 91 -24 l40 -11 1 -590 c0 -324 1 -592 4 -594 3 -3
+926 -268 979 -281 8 -2 65 -18 125 -35 61 -17 124 -35 140 -40 17 -4 68 -20
+115 -33 47 -14 103 -30 125 -36 l41 -11 -1 -529 c0 -291 -3 -532 -6 -535 -3
+-3 -19 -2 -35 3 -16 5 -164 48 -329 96 -165 47 -406 117 -535 155 -129 37
+-332 96 -450 130 -118 34 -260 75 -314 92 -55 16 -109 32 -120 34 -12 2 -102
+28 -201 57 l-180 53 -2 1118 c-1 1034 0 1116 15 1112 10 -3 60 -16 112 -30z
+m2910 -147 c36 -11 89 -27 118 -35 99 -26 89 38 88 -568 -1 -294 -4 -537 -7
+-541 -6 -5 -315 78 -326 88 -3 4 -6 810 -3 1059 l0 37 33 -10 c17 -6 61 -19
+97 -30z m-1270 -284 c118 -31 256 -67 307 -81 50 -13 93 -24 95 -24 2 0 4
+-102 3 -227 0 -143 -4 -228 -10 -227 -11 1 -778 217 -783 220 -3 2 -5 264 -3
+400 l1 42 88 -23 c48 -13 184 -48 302 -80z"/>
+</g>
+</svg>

package/playground/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

package/playground/sw.js

@@ -1,3 +1,8 @@
+let SERVICE_WORKER_BUILD = "NOT_DETECTED";
+let SERVICE_WORKER_BUILD_TIME = 0;
+let VIEWER_VERSION = "{{version}}";
+const cacheName = "playground-cache";
+
 // Service Worker-based solution
 self.addEventListener("activate", async () => {
   // after we've taken over, iterate over all the current clients (windows)
@@ -12,6 +17,16 @@ self.addEventListener("message", async (event) => {
   if (event.data === "SKIP_WAITING") {
     await self.skipWaiting();
   }
+  if (event.data === "GET_SERVICE_WORKER_BUILD") {
+    // From service-worker.js:
+    const channel = new BroadcastChannel("GET_SERVICE_WORKER_BUILD");
+    channel.postMessage({
+      buildKey: SERVICE_WORKER_BUILD,
+      epoch: SERVICE_WORKER_BUILD_TIME,
+      dateTime: new Date(SERVICE_WORKER_BUILD_TIME * 1000).toISOString(),
+      viewerVersion: VIEWER_VERSION,
+    });
+  }
 });
 self.addEventListener("fetch", (event) => {
   if (
@@ -25,7 +40,6 @@ self.addEventListener("fetch", (event) => {
 
 async function handleServerRequest(request) {
   // Define the name for the cache related to GeoServer requests
-  const cacheName = "playground-cache";
   // Open or create the cache
   const cache = await caches.open(cacheName);
 

package/public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/public/safari-pinned-tab.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2939 6958 c-1 -7 -2 -337 -3 -733 -1 -470 -5 -719 -11 -718 -11 1
+-440 111 -560 143 -147 39 -391 102 -405 105 -14 3 -202 52 -437 113 l-111 30
+-4 -22 c-1 -11 -3 -333 -2 -713 0 -381 -3 -693 -7 -693 -7 0 -296 76 -454 119
+-138 38 -810 213 -832 217 -12 2 -34 9 -48 14 -15 6 -28 10 -31 10 -2 0 -3
+-840 -2 -1867 l3 -1867 65 -19 c141 -40 359 -104 405 -118 35 -11 267 -78 310
+-89 17 -5 71 -20 120 -35 50 -14 104 -30 120 -34 17 -5 134 -39 260 -76 127
+-37 244 -70 260 -75 17 -4 156 -44 310 -89 154 -45 492 -143 750 -217 259 -75
+597 -173 752 -218 l282 -83 -2 919 c-1 505 -1 918 0 918 2 0 67 -18 145 -41
+79 -22 166 -47 193 -54 28 -7 84 -23 125 -35 41 -12 82 -23 90 -25 8 -2 125
+-36 260 -74 135 -39 248 -71 252 -71 3 0 6 412 7 916 0 504 1 917 3 919 2 1
+55 -13 118 -32 202 -61 302 -91 445 -133 162 -48 315 -94 400 -120 33 -10 70
+-21 83 -25 l22 -6 -2 1548 -3 1548 -155 43 c-85 23 -195 53 -245 67 -49 13
+-216 58 -370 100 -154 42 -287 78 -295 80 -8 2 -42 11 -75 20 -33 9 -82 23
+-110 30 -125 34 -335 90 -495 134 -96 27 -287 79 -425 116 -137 37 -295 79
+-350 95 -173 48 -330 90 -337 90 -5 0 -8 -6 -9 -12z m981 -1008 c85 -23 184
+-50 220 -60 36 -10 108 -30 160 -44 239 -64 554 -149 640 -172 52 -14 104 -29
+116 -34 l21 -8 0 -769 c0 -422 -1 -771 -3 -775 -2 -3 -52 9 -112 27 -59 18
+-133 40 -164 49 l-58 17 -1 62 c0 34 0 227 0 428 l0 366 -87 22 c-48 12 -154
+39 -237 60 -82 22 -231 60 -330 86 -349 90 -409 106 -412 109 -3 3 -5 402 -4
+618 l1 87 48 -14 c26 -7 117 -32 202 -55z m-1632 -1036 c75 -19 225 -58 332
+-86 107 -27 222 -57 255 -65 l61 -15 0 -339 c0 -198 -4 -339 -9 -339 -5 0 -37
+7 -71 16 -33 9 -68 18 -76 20 -8 2 -73 19 -145 38 -71 19 -211 55 -310 81 -99
+26 -182 48 -183 50 -2 2 -4 133 -4 292 1 366 1 383 7 383 3 0 67 -16 143 -36z
+m1447 -374 c11 -5 43 -13 70 -20 28 -6 85 -20 128 -32 78 -20 78 -20 74 -52
+-4 -36 -4 -36 -117 -1 -41 13 -108 33 -147 45 -69 20 -73 23 -73 49 0 25 3 28
+23 24 12 -2 31 -8 42 -13z m-2845 -694 c52 -13 149 -39 215 -56 66 -17 143
+-37 170 -45 28 -8 68 -19 91 -24 l40 -11 1 -590 c0 -324 1 -592 4 -594 3 -3
+926 -268 979 -281 8 -2 65 -18 125 -35 61 -17 124 -35 140 -40 17 -4 68 -20
+115 -33 47 -14 103 -30 125 -36 l41 -11 -1 -529 c0 -291 -3 -532 -6 -535 -3
+-3 -19 -2 -35 3 -16 5 -164 48 -329 96 -165 47 -406 117 -535 155 -129 37
+-332 96 -450 130 -118 34 -260 75 -314 92 -55 16 -109 32 -120 34 -12 2 -102
+28 -201 57 l-180 53 -2 1118 c-1 1034 0 1116 15 1112 10 -3 60 -16 112 -30z
+m2910 -147 c36 -11 89 -27 118 -35 99 -26 89 38 88 -568 -1 -294 -4 -537 -7
+-541 -6 -5 -315 78 -326 88 -3 4 -6 810 -3 1059 l0 37 33 -10 c17 -6 61 -19
+97 -30z m-1270 -284 c118 -31 256 -67 307 -81 50 -13 93 -24 95 -24 2 0 4
+-102 3 -227 0 -143 -4 -228 -10 -227 -11 1 -778 217 -783 220 -3 2 -5 264 -3
+400 l1 42 88 -23 c48 -13 184 -48 302 -80z"/>
+</g>
+</svg>

package/public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}