From 1651ce848ac03ee867473d361c200ea863aef83f Mon Sep 17 00:00:00 2001 From: altaf-creator <64111012+altaf-creator@users.noreply.github.com> Date: Thu, 4 May 2023 19:17:15 +0700 Subject: PWA Update - attempt 1 --- src/scripts/main.js | 9 +++++++++ src/scripts/service-worker.js | 41 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 50 insertions(+) create mode 100644 src/scripts/main.js create mode 100644 src/scripts/service-worker.js (limited to 'src/scripts') diff --git a/src/scripts/main.js b/src/scripts/main.js new file mode 100644 index 0000000..e4efee0 --- /dev/null +++ b/src/scripts/main.js @@ -0,0 +1,9 @@ +if ("serviceWorker" in navigator) { + window.addEventListener("load", function () { + + navigator.serviceWorker + .register("scripts/service-worker.js") + .then(res => console.log("service worker registered")) + .catch(err => console.log("service worker not registered", err)) + }) +} \ No newline at end of file diff --git a/src/scripts/service-worker.js b/src/scripts/service-worker.js new file mode 100644 index 0000000..30b921b --- /dev/null +++ b/src/scripts/service-worker.js @@ -0,0 +1,41 @@ +const staticQuran = "quran-all"; +const assets = [ + "/", + "/index.html", + "/src/index.html", + "/src/sura.html", + "/src/attribution.html", + "/src/styles/style.css", + "/src/styles/css/all.css", + "/src/styles/css/brands.css", + "/src/styles/css/solid.css", + "/src/styles/webfonts/fa-brands-400.ttf", + "/src/styles/webfonts/fa-brands-400.woff2", + "/src/styles/webfonts/fa-solid-900.ttf", + "/src/styles/webfonts/fa-solid-900.woff2", + "/src/styles/css/solid.css", + "/src/data/en.sahih.xml", + "/src/data/id.indonesian.xml", + "/src/data/quran-data.xml", + "/src/data/quran-uthmani.xml", + "/src/scripts/main.js", + "/src/scripts/quran.js", + "/src/scripts/sura-list.js", +]; + +self.addEventListener("install", installEvent => { + installEvent.waitUntil( + caches.open(staticQuran).then(cache => { + cache.addAll(assets) + console.log(assets) + }) + ) +}) + +self.addEventListener("fetch", fetchEvent => { + fetchEvent.respondWith( + caches.match(fetchEvent.request).then(res => { + return res || fetch(fetchEvent.request) + }) + ) +}) \ No newline at end of file -- cgit v1.2.3