Merge pull request #25 from sombriks/develop

ading service worker
sombriks · Jun 2, 2024 · 791ebb4 · 791ebb4
2 parents 653fa20 + 036962b
commit 791ebb4
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 11 deletions.
diff --git a/web-app-vue/index.html b/web-app-vue/index.html
@@ -1,14 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <link rel="manifest" href="/manifest.json">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=2.0">
-    <title>Redline Finance</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=2.0">
+  <title>Redline Finance</title>
+  <link rel="manifest" href="/manifest.json">
+  <script type="application/javascript">
+      if ('serviceWorker' in navigator) navigator.serviceWorker.register('sw.js')
+  </script>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/src/main.js"></script>
+</body>
 </html>
diff --git a/web-app-vue/public/manifest.json b/web-app-vue/public/manifest.json
@@ -40,5 +40,8 @@
   ],
   "share_target": {
     "method": "GET"
+  },
+  "edge_side_panel": {
+    "preferred_width": 360
   }
 }
diff --git a/web-app-vue/public/sw.js b/web-app-vue/public/sw.js
@@ -0,0 +1,39 @@
+// https://docs.pwabuilder.com/#/home/sw-intro?id=example-worker
+
+const CACHE_NAME = 'cool-cache';
+
+// Add whichever assets you want to pre-cache here:
+const PRECACHE_ASSETS = [
+  '/assets/',
+  '/dados.csv'
+]
+
+// Listener for the install event - pre-caches our assets list on service worker install.
+self.addEventListener('install', event => {
+  event.waitUntil((async () => {
+    const cache = await caches.open(CACHE_NAME);
+    cache.addAll(PRECACHE_ASSETS);
+  })());
+});
+
+self.addEventListener('activate', event => {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener('fetch', event => {
+  event.respondWith(async () => {
+    const cache = await caches.open(CACHE_NAME);
+
+    // match the request to our cache
+    const cachedResponse = await cache.match(event.request);
+
+    // check if we got a valid response
+    if (cachedResponse !== undefined) {
+      // Cache hit, return the resource
+      return cachedResponse;
+    } else {
+      // Otherwise, go to the network
+      return fetch(event.request)
+    };
+  });
+});