docs: filter url by search query (#731)

twbs · Mar 26, 2023 · 3b27adc · 3b27adc
1 parent 213e8a6
commit 3b27adc
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/docs/assets/js/list.js b/docs/assets/js/list.js
@@ -3,7 +3,9 @@
 (function () {
   'use strict'
 
-  new List('icons-body', {
+  const searchInput = document.querySelector('#icons-body #search')
+  const query = new URLSearchParams(window.location.search).get('q')
+  const iconList = new List('icons-body', {
     searchDelay: 250,
     valueNames: [
       'name', {
@@ -14,4 +16,23 @@
       }
     ]
   })
+
+  if (query) {
+    document.querySelector('#content').scrollIntoView()
+    searchInput.value = query
+    iconList.search(query)
+  }
+
+  iconList.on('searchComplete', () => {
+    const searchTerm = searchInput.value
+    const newUrl = new URL(window.location)
+
+    if (searchTerm.length > 0) {
+      newUrl.searchParams.set('q', searchTerm)
+    } else {
+      newUrl.searchParams.delete('q')
+    }
+
+    window.history.replaceState(null, null, newUrl)
+  })
 })()