Spaces:

bintangfjulio
/

skripsi-jtik-pnj

Running

App Files Files Community

Bintang Fajar Julio commited on Jul 5

Commit

b0cc3ff

•

1 Parent(s): 5518c61

add pwa

Browse files

Files changed (3) hide show

static/manifest.json +2 -4
static/offline.html +0 -46
static/service-worker.js +31 -45

static/manifest.json CHANGED Viewed

@@ -2,16 +2,14 @@
   "name": "Skripsi JTIK",
   "short_name": "SkripsiJTIK",
   "start_url": "/",
   "background_color": "#ffffff",
-  "description": "Web App for Skripsi JTIK PNJ",
-  "display": "fullscreen",
   "theme_color": "#0f8a9a",
   "icons": [
     {
       "src": "/static/images/favicon.png",
-      "sizes": "512x512",
       "type": "image/png",
-      "purpose": "any maskable"
     }
   ]
 }

   "name": "Skripsi JTIK",
   "short_name": "SkripsiJTIK",
   "start_url": "/",
+  "display": "standalone",
   "background_color": "#ffffff",
   "theme_color": "#0f8a9a",
   "icons": [
     {
       "src": "/static/images/favicon.png",
       "type": "image/png",
+      "sizes": "192x192"
     }
   ]
 }

static/offline.html DELETED Viewed

@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Offline</title>
-    <link rel="shortcut icon" href="/static/images/favicon.png" />
-    <script defer src="/static/plugins/fontawesome/js/all.min.js"></script>
-    <link id="theme-style" rel="stylesheet" href="/static/css/portal.css" />
-  </head>
-  <body class="app app-404-page">
-    <div class="container mb-5">
-      <div class="row">
-        <div class="col-12 col-md-11 col-lg-7 col-xl-6 mx-auto">
-          <div class="app-card p-5 text-center shadow-sm mt-5">
-            <div
-              class="app-branding text-center mb-4"
-              style="margin-bottom: 0px; padding-top: 0px"
-            >
-              <a class="app-logo" href=""
-                ><img
-                  class="logo-icon"
-                  src="/static/images/logotik.png"
-                  alt="logo"
-                />
-              </a>
-            </div>
-            <h1 class="page-title mb-4">
-              Network Error<br /><span class="font-weight-light"
-                >Periksa koneksi internet anda.</span
-              >
-            </h1>
-            <div class="mb-4">Halaman yang anda cari tidak dapat diakses.</div>
-          </div>
-        </div>
-        <!--//col-->
-      </div>
-      <!--//row-->
-    </div>
-    <!--//container-->
-  </body>
-</html>

static/service-worker.js CHANGED Viewed

@@ -1,53 +1,39 @@
-const preLoad = async function () {
-  const cache = await caches.open("offline");
-  return await cache.addAll(filesToCache);
-};
-self.addEventListener("install", function (event) {
-  event.waitUntil(preLoad());
 });
-const filesToCache = ["/", "/static/offline.html"];
-const checkResponse = function (request) {
-  return new Promise(function (fulfill, reject) {
-    fetch(request).then(function (response) {
-      if (response.status !== 404) {
-        fulfill(response);
-      } else {
-        reject();
-      }
-    }, reject);
-  });
-};
-const addToCache = async function (request) {
-  if (request.url.startsWith("chrome-extension://")) {
-    return Promise.resolve();
-  }
-  const cache = await caches.open("offline");
-  const response = await fetch(request);
-  return await cache.put(request, response);
-};
-const returnFromCache = async function (request) {
-  const cache = await caches.open("offline");
-  const matching = await cache.match(request);
-  if (!matching || matching.status === 404) {
-    return cache.match("offline.html");
-  } else {
-    return matching;
-  }
-};
-self.addEventListener("fetch", function (event) {
   event.respondWith(
-    checkResponse(event.request).catch(function () {
-      return returnFromCache(event.request);
     })
   );
-  if (!event.request.url.startsWith("http")) {
-    event.waitUntil(addToCache(event.request));
-  }
 });

+const CACHE_NAME = "my-cache-v1";
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll([
+        "/",
+        "/static/css/portal.css",
+        "/static/js/app.js",
+        "/static/images/favicon.png",
+      ]);
+    })
+  );
+  self.skipWaiting();
 });
+self.addEventListener("activate", (event) => {
+  const cacheWhitelist = [CACHE_NAME];
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames.map((cacheName) => {
+          if (!cacheWhitelist.includes(cacheName)) {
+            return caches.delete(cacheName);
+          }
+        })
+      );
+    })
+  );
+  self.clients.claim();
+});
+self.addEventListener("fetch", (event) => {
   event.respondWith(
+    caches.match(event.request).then((response) => {
+      return response || fetch(event.request);
     })
   );
 });