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,12 +26,23 @@
 		<h2>InfoTren</h2>
 		<p>KaiOS webapp for <a rel="noreferrer" target="_blank" href="https://infofer.ro" class="items inline">Informatica Feroviară</a> scraper</p>
 		<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>
 		<div class="lsk"></div>
 		<div class="csk">Open</div>
--- 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