valaxy-theme-press 0.24.5 → 0.25.0

package/components/PressAlgoliaSearch.vue

@@ -1,10 +1,51 @@
 <script lang="ts" setup>
 import { useAddonAlgolia } from 'valaxy-addon-algolia'
+import { onMounted, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 
-const { loaded, load } = useAddonAlgolia()
+const { loaded, load, dispatchEvent } = useAddonAlgolia()
+
+defineExpose({
+  loaded,
+  load,
+  dispatchEvent,
+})
+
+function isEditingContent(event: KeyboardEvent): boolean {
+  const element = event.target as HTMLElement
+  const tagName = element.tagName
+
+  return (
+    element.isContentEditable
+    || tagName === 'INPUT'
+    || tagName === 'SELECT'
+    || tagName === 'TEXTAREA'
+  )
+}
+
+onMounted(() => {
+  const handleSearchHotKey = (event: KeyboardEvent) => {
+    if (
+      (event.key?.toLowerCase() === 'k' && (event.metaKey || event.ctrlKey))
+      || (!isEditingContent(event) && event.key === '/')
+    ) {
+      event.preventDefault()
+      load()
+      // eslint-disable-next-line ts/no-use-before-define
+      remove()
+    }
+  }
+
+  const remove = () => {
+    window.removeEventListener('keydown', handleSearchHotKey)
+  }
+
+  window.addEventListener('keydown', handleSearchHotKey)
+
+  onUnmounted(remove)
+})
 </script>
 
 <template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-press",
-  "version": "0.24.5",
+  "version": "0.25.0",
   "description": "Docs Theme for Valaxy",
   "author": {
     "email": "me@yunyoujun.cn",
@@ -26,6 +26,6 @@
     "@docsearch/js": "^3.9.0"
   },
   "devDependencies": {
-    "valaxy": "0.24.5"
+    "valaxy": "0.25.0"
   }
 }