Add service worker version on about page
This commit is contained in:
		
							parent
							
								
									3b007ce548
								
							
						
					
					
						commit
						255dae9dec
					
				
					 3 changed files with 50 additions and 5 deletions
				
			
		
							
								
								
									
										12
									
								
								about.html
									
										
									
									
									
								
							
							
						
						
									
										12
									
								
								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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										19
									
								
								about.js
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								about.js
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -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
 | 
			
		||||
					}
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
		})
 | 
			
		||||
	}
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										16
									
								
								sw.js
									
										
									
									
									
								
							
							
						
						
									
										16
									
								
								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
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue