fix: Cancel search and find on navigate, table margins

Author: Mauve Signweaver

app/extensions/builtins.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/AgregoreWeb/extension-agregore-history/releases/download/v{version}/agregore-history-v{version}.zip"
   },
   "agregore-renderer": {
-    "version": "2.2.0",
+    "version": "2.3.0",
     "url": "https://github.com/AgregoreWeb/extension-agregore-renderer/releases/download/v{version}/agregore-renderer-v{version}.zip"
   },
   "agregore-qr-share": {

app/pages/theme/style.css

@@ -118,6 +118,7 @@ details summary::-webkit-details-marker {
 
 table {
   border-collapse: collapse;
+  margin: 1em auto;
 }
 
 body>table,

app/ui/script.js

@@ -24,6 +24,8 @@ window.searchProvider = searchProvider // Used by omni-box.js
 
 if (rawFrame) nav.classList.toggle('hidden', true)
 
+let searchAborter = null
+
 window.addEventListener('load', () => {
   if (noNav) return
   console.log('toNavigate', toNavigate)
@@ -56,10 +58,15 @@ search.addEventListener('unfocus', async () => {
 })
 
 search.addEventListener('search', async ({ detail }) => {
+  if(searchAborter) searchAborter.abort()
+  searchAborter = new AbortController()
+  const {signal} = searchAborter
+ 
   const { query, searchID } = detail
 
   search.setSearchResults([], query, searchID)
   for await (const result of currentWindow.searchHistory(query)) {
+  if(signal.aborted) break
     search.addSearchResult(result)
   }
 })
@@ -74,6 +81,8 @@ webview.addEventListener('resize', ({ detail: rect }) => {
 
 currentWindow.on('navigating', (url) => {
   search.src = url
+  find.hide()
+  if(searchAborter) searchAborter.abort()
 })
 
 currentWindow.on('history-buttons-change', updateButtons)