From 428b042fe9cf118a15851129b9910a601610c573 Mon Sep 17 00:00:00 2001
From: Danny Harpigny <dannyhpy@disroot.org>
Date: Thu, 19 Oct 2023 01:50:10 +0200
Subject: [PATCH]

---
 index.html | 12 ++++++++-
 index.js   | 73 ++++++++++++++++++++++++++++++++++++++----------------
 sw.js      | 30 ----------------------
 3 files changed, 63 insertions(+), 52 deletions(-)
 delete mode 100644 sw.js
diff --git a/index.html b/index.html
index f88df2b..dfad61c 100644
--- a/index.html
+++ b/index.html
@@ -6,13 +6,23 @@
     <meta name="referrer" content="no-referrer">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <style>
+      * { margin: 0; }
+      html, body { width: 100%; height: 100%; }
+
+      #search-box {
+        position: fixed;
+        left: 50%;
+        top: 1rem;
+        transform: translateX(-50%);
+      }
+      
       #info { color: gray; }
       #info.error { color: red; }
     </style>
     <script type="module" src="index.js"></script>
   </head>
   <body>
-    <div class="search-box">
+    <div id="search-box">
       <form id="search">
         <input name="query" type="text" placeholder="Query">
         <input type="submit" value="Search">
diff --git a/index.js b/index.js
index 743a27b..aba8ced 100644
--- a/index.js
+++ b/index.js
@@ -1,11 +1,4 @@
-// Register service worker
-if ('serviceWorker' in navigator) {
-  navigator.serviceWorker.register('./sw.js', {
-    type: 'module'
-  })
-    .then(() => console.log('sw ok'))
-    .catch(() => console.log('sw not ok'))
-}
+const storageType = 'sessionStorage'
 
 var data = {}
 
@@ -14,8 +7,8 @@ const formEl = document.getElementById('search')
 
 // Register event listeners
 formEl.addEventListener('submit', (event) => {
+  event.preventDefault()
   if ('instances' in data && data.instances.length > 0) {
-    event.preventDefault()
     // Random instance
     const n = Math.floor(Math.random() * data.instances.length)
     const instanceURL = data.instances[n]
@@ -28,15 +21,53 @@ formEl.addEventListener('submit', (event) => {
   }
 })
 
-// Fetch data
-await fetch('./data.json')
-  .then(req => req.json())
-  .then(newData => { data = newData })
-  .then(() => {
-    infoEl.textContent = `${data.instances.length} instances`
-  })
-  .catch(err => {
-    console.error(err)
-    infoEl.textContent = err.toString()
-    infoEl.classList.add('error')
-  })
+function locallyGetInstances () {
+  if (!(storageType in window)) return []
+  const item = window[storageType].getItem('instances')
+  try {
+    return JSON.parse(item)
+  } finally {
+    return []
+  }
+}
+
+function locallySetInstances () {
+  if (!(storageType in window)) return
+  if (!('instances' in data)) return
+  if (data.instances.length === 0) return
+  window[storageType].setItem(
+    'instances',
+    JSON.stringify(data.instances)
+  )
+}
+
+async function remotelyGetInstances () {
+  const instances = await fetch('https://searx.space/data/instances.json')
+    .then((req) => req.json())
+    .then((json) => Object.entries(json.instances))
+    .then((entries) => entries.filter(([_url, details]) => {
+      if (details.network_type !== 'normal') return
+      if (details.uptime.uptimeDay !== 100) return
+      return true
+    }))
+    .then((entries) => entries.map(([url]) => url))
+    .catch((err) => {
+      console.error(err)
+      return []
+    })
+  return instances
+}
+
+data.instances = locallyGetInstances()
+const remoteInstances = await remotelyGetInstances()
+if (remoteInstances.length > 0) {
+  data.instances = remoteInstances
+  locallySetInstances()
+}
+
+if (data.instances.length > 0) {
+  infoEl.textContent = `${data.instances.length} instances`
+} else {
+  infoEl.classList.add('error')
+  infoEl.textContent = '0 instances'
+}
diff --git a/sw.js b/sw.js
deleted file mode 100644
index 15937d9..0000000
--- a/sw.js
+++ /dev/null
@@ -1,30 +0,0 @@
-const cacheName = 'v1'
-
-self.addEventListener('install', (event) => {
-  event.waitUntil(
-    caches
-      .open(cacheName)
-      .then(cache => cache.addAll([
-        '.',
-        './index.html',
-        './index.js',
-        './index.css',
-        './instances.json'
-      ]))
-  )
-})
-
-self.addEventListener('activate', (_event) => {
-})
-
-self.addEventListener('fetch', async (event) => {
-  const res = await fetch(event.request)
-  if (!res.ok) {
-    const cachedRes = await caches.match(event.request)
-    if (cachedRes) {
-      event.respondWith(cachedRes)
-      return
-    }
-  }
-  event.respondWith(res)
-})
