Add service worker version on about page

2 years ago · 255dae9dec
3 changed files with 50 additions and 5 deletions
--- a/about.html
+++ b/about.html
@ -11,6 +11,7 @@
 	<script src="/common/worker.js"></script>
 	<script defer src="/common/back.js"></script>
 	<script defer src="/common/items.js"></script>
+	<script defer src="about.js"></script>
 </head>
 <body>
 	<header>
@ -25,10 +26,21 @@
 		<h2>InfoTren</h2>
 		<p>KaiOS webapp for <a rel="noreferrer" target="_blank" href="https://infofer.ro" class="items inline">Informatica Feroviară</a> scraper</p>

-		<h4>Acknowledgements</h4>
-		<ul>
-			<li><a rel="noreferrer" target="_blank" href="https://brailleinstitute.org/freefont" class="items">Atkinson Hyperlegible</a></li>
-		</ul>
+		<div>
+			<h4>Acknowledgements</h4>
+			<ul>
+				<li><a rel="noreferrer" target="_blank" href="https://brailleinstitute.org/freefont" class="items">Atkinson Hyperlegible</a></li>
+			</ul>
+		</div>
+
+		<div id="debug-info">
+			<h4>Debugging Information</h4>
+
+			<div id="sw-version-div">
+				<p class="thi">Service Worker Version</p>
+				<p class="pri items" tabindex="1000" id="sw-version">Not attached to service worker</p>
+			</div>
+		</div>
 	</div>

 	<footer>
--- a/about.js
+++ b/about.js
@ -0,0 +1,19 @@
+window.addEventListener('load', function (e) {
+	if (navigator.serviceWorker) {
+		navigator.serviceWorker.ready.then(function (reg) {
+			reg.active.postMessage({
+				type: 'swVersionRequest',
+			})
+		})
+		navigator.serviceWorker.addEventListener('message', function (e) {
+			if ('type' in e.data) {
+				switch (e.data.type) {
+					case 'swVersion': {
+						document.getElementById('sw-version-div').classList.remove('hidden')
+						document.getElementById('sw-version').textContent = e.data.version
+					}
+				}
+			}
+		})
+	}
+})
--- a/sw.js
+++ b/sw.js
@ -1,4 +1,4 @@
-const VERSION = 'v17'
+const VERSION = 'v18'
 const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
 const API_TRAINS = `${API_ORIGIN}v3/trains`
 const API_STATIONS = `${API_ORIGIN}v3/stations`
@ -79,6 +79,20 @@ self.addEventListener('activate', (event) => {
 	event.waitUntil(Promise.all([deleteOldCaches(), enableNavigationPreload()]))
 })

+self.addEventListener('message', (event) => {
+	if ('type' in event.data) {
+		switch (event.data.type) {
+			case 'swVersionRequest': {
+				event.source.postMessage({
+					type: 'swVersion',
+					version: VERSION,
+				})
+				break;
+			}
+		}
+	}
+})
+
 /**
 * @param {RequestInfo | URL} request
 * @param {Response} response