From af262632cf77c5e06899872d03262d96bb0b310f Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:47:35 +0000
Subject: [PATCH] fix(nc-gui): open docs link in new tab

---
 packages/nc-gui/app.vue         |  2 +-
 packages/nc-gui/plugins/tele.ts | 53 +++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/app.vue b/packages/nc-gui/app.vue
index 2a90675203..b291c1d8e7 100644
--- a/packages/nc-gui/app.vue
+++ b/packages/nc-gui/app.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { applyNonSelectable, computed, isEeUI, useCommandPalette, useRouter, useTheme, isMac } from '#imports'
+import { applyNonSelectable, computed, isEeUI, isMac, useCommandPalette, useRouter, useTheme } from '#imports'
 import type { CommandPaletteType } from '~/lib'
 const router = useRouter()
 
diff --git a/packages/nc-gui/plugins/tele.ts b/packages/nc-gui/plugins/tele.ts
index 87d17e95dd..62c14a65e5 100644
--- a/packages/nc-gui/plugins/tele.ts
+++ b/packages/nc-gui/plugins/tele.ts
@@ -95,4 +95,57 @@ export default defineNuxtPlugin(async (nuxtApp) => {
     nuxtApp.provide('tele', tele)
     nuxtApp.provide('e', (e: string, data?: Record<string, any>) => tele.emit(e, { data }))
   }
+
+  document.body.removeEventListener('click', clickListener, true)
+  document.body.addEventListener('click', clickListener, true)
+
+  document.body.removeEventListener('keydown', keydownListener, true)
+  document.body.addEventListener('keydown', keydownListener, true)
 })
+
+function clickListener(e) {
+  if (e.nc_handled) return
+  e.nc_handled = true
+  let target = e.target
+
+  while (target && !target.classList.contains('DocSearch-Hit')) {
+    target = target.parentElement
+  }
+  if (target) {
+    const searchInput = document.querySelector('.DocSearch-Input')
+    const selectedElement = target.querySelector('a')
+    const url = new URL(selectedElement.href)
+
+    e.preventDefault()
+    e.stopPropagation()
+    url.searchParams.append('search', searchInput.value)
+    url.searchParams.append('origin', location.hostname)
+
+    window.open(url.toString(), '_blank', 'noopener,noreferrer')
+  }
+}
+
+function keydownListener(e) {
+  if (e.nc_handled || e.which !== 13) return
+  e.nc_handled = true
+  let target = e.target
+
+  while (target && !target.classList.contains('DocSearch-Input')) {
+    target = target.parentElement
+  }
+
+  if (target) {
+    const selectedElement = document.querySelector('.DocSearch-Hit[aria-selected=true] a')
+
+    if (selectedElement) {
+      const url = new URL(selectedElement.href)
+
+      url.searchParams.append('search', target.value)
+      url.searchParams.append('origin', location.hostname)
+      e.preventDefault()
+      e.stopPropagation()
+
+      window.open(url.toString(), '_blank', 'noopener,noreferrer')
+    }
+  }
+}