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
				
			
		
							
								
								
									
										20
									
								
								about.html
									
										
									
									
									
								
							
							
						
						
									
										20
									
								
								about.html
									
										
									
									
									
								
							| 
						 | 
					@ -11,6 +11,7 @@
 | 
				
			||||||
	<script src="/common/worker.js"></script>
 | 
						<script src="/common/worker.js"></script>
 | 
				
			||||||
	<script defer src="/common/back.js"></script>
 | 
						<script defer src="/common/back.js"></script>
 | 
				
			||||||
	<script defer src="/common/items.js"></script>
 | 
						<script defer src="/common/items.js"></script>
 | 
				
			||||||
 | 
						<script defer src="about.js"></script>
 | 
				
			||||||
</head>
 | 
					</head>
 | 
				
			||||||
<body>
 | 
					<body>
 | 
				
			||||||
	<header>
 | 
						<header>
 | 
				
			||||||
| 
						 | 
					@ -25,10 +26,21 @@
 | 
				
			||||||
		<h2>InfoTren</h2>
 | 
							<h2>InfoTren</h2>
 | 
				
			||||||
		<p>KaiOS webapp for <a rel="noreferrer" target="_blank" href="https://infofer.ro" class="items inline">Informatica Feroviară</a> scraper</p>
 | 
							<p>KaiOS webapp for <a rel="noreferrer" target="_blank" href="https://infofer.ro" class="items inline">Informatica Feroviară</a> scraper</p>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<h4>Acknowledgements</h4>
 | 
							<div>
 | 
				
			||||||
		<ul>
 | 
								<h4>Acknowledgements</h4>
 | 
				
			||||||
			<li><a rel="noreferrer" target="_blank" href="https://brailleinstitute.org/freefont" class="items">Atkinson Hyperlegible</a></li>
 | 
								<ul>
 | 
				
			||||||
		</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>
 | 
						</div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	<footer>
 | 
						<footer>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
							
								
								
									
										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_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
 | 
				
			||||||
const API_TRAINS = `${API_ORIGIN}v3/trains`
 | 
					const API_TRAINS = `${API_ORIGIN}v3/trains`
 | 
				
			||||||
const API_STATIONS = `${API_ORIGIN}v3/stations`
 | 
					const API_STATIONS = `${API_ORIGIN}v3/stations`
 | 
				
			||||||
| 
						 | 
					@ -79,6 +79,20 @@ self.addEventListener('activate', (event) => {
 | 
				
			||||||
	event.waitUntil(Promise.all([deleteOldCaches(), enableNavigationPreload()]))
 | 
						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 {RequestInfo | URL} request
 | 
				
			||||||
 * @param {Response} response
 | 
					 * @param {Response} response
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue