nibble swap moved to top of convertors list

index.html

@@ -153,13 +153,13 @@
 					<h3 class="text-sm font-medium text-gray-700 dark:text-slate-300 mb-2">Конвертация</h3>
 					<div class="mb-2">
 						<select id="conv-type" onchange="updateConvFields()" class="w-full border border-gray-300 dark:border-slate-600 text-sm rounded px-2 py-1.5 dark:bg-slate-800">
+							<option value="nibswap">Nibble swap</option>
 							<option value="imsi">IMSI → EF.IMSI</option>
 							<option value="msisdn">MSISDN → BCD</option>
 							<option value="iccid">ICCID → hex</option>
 							<option value="spn">Provider Name → SPN</option>
 							<option value="plmn">MCC,MNC → PLMNsel</option>
 							<option value="plmnwact">MCC,MNC,AcT → PLMNwAcT</option>
-							<option value="nibswap">Nibble swap</option>
 						</select>
 					</div>
 					<div class="mb-2">
@@ -318,13 +318,13 @@
 					<h3 class="text-sm font-medium text-gray-700 dark:text-slate-300 mb-2">Конвертация</h3>
 					<div class="mb-2">
 						<select id="conv-type" onchange="updateConvFields()" class="w-full border border-gray-300 dark:border-slate-600 text-sm rounded px-2 py-1.5 dark:bg-slate-800">
+							<option value="nibswap">Nibble swap</option>
 							<option value="imsi">IMSI → EF.IMSI</option>
 							<option value="msisdn">MSISDN → BCD</option>
 							<option value="iccid">ICCID → hex</option>
 							<option value="spn">Provider Name → SPN</option>
 							<option value="plmn">MCC,MNC → PLMNsel</option>
 							<option value="plmnwact">MCC,MNC,AcT → PLMNwAcT</option>
-							<option value="nibswap">Nibble swap</option>
 						</select>
 					</div>
 					<div class="mb-2">
@@ -925,6 +925,7 @@ function updateRamFields() {
 	document.getElementById('ram-enc-row').style.display = cmd === 'store-data' ? '' : 'none';
 	document.getElementById('ram-del-mode-row').style.display = cmd === 'delete' ? '' : 'none';
 	document.getElementById('ram-gs-mode-row').style.display = cmd === 'get-status' ? '' : 'none';
+	document.getElementById('ram-gs-p2-row').style.display = cmd === 'get-status' ? '' : 'none';
 	document.getElementById('ram-tag-row').style.display = cmd === 'get-data' ? '' : 'none';
 	document.getElementById('ram-ss-mode-row').style.display = cmd === 'set-status' ? '' : 'none';
 	document.getElementById('ram-ss-state-row').style.display = cmd === 'set-status' ? '' : 'none';

sw.js

@@ -1,4 +1,4 @@
-const CACHE = 'otaman-v1';
+const CACHE = 'otaman-v2';
 const URLS = [
   'index.html',
   'style.css',
@@ -20,11 +20,21 @@ self.addEventListener('activate', e => {
   e.waitUntil(
     caches.keys().then(keys =>
       Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))
-    )
+    ).then(() => clients.claim())
   );
 });
 
 self.addEventListener('fetch', e => {
+  const isNavigate = e.request.mode === 'navigate' || e.request.url.endsWith('sw.js');
+  if (isNavigate) {
+    e.respondWith(
+      fetch(e.request).then(res => {
+        const clone = res.clone();
+        caches.open(CACHE).then(c => c.put(e.request, clone));
+        return res;
+      }).catch(() => caches.match(e.request))
+    );
+  } else {
     e.respondWith(
       caches.match(e.request).then(r => r || fetch(e.request).then(res => {
         const clone = res.clone();
@@ -32,4 +42,5 @@ self.addEventListener('fetch', e => {
         return res;
       }))
     );
+  }
 });