NativeMindBrowser
diff --git a/‎assets/icons/attachment-image.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎assets/icons/attachment-image.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎assets/icons/attachment-upload.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎assets/icons/attachment-upload.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎assets/icons/warning-solid.svg
Copy file name to clipboard
+12Lines changed: 12 additions & 0 deletions b/‎assets/icons/warning-solid.svg
Copy file name to clipboard
+12Lines changed: 12 additions & 0 deletions
diff --git a/‎assets/icons/web.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions b/‎assets/icons/web.svg
Copy file name to clipboard
+5Lines changed: 5 additions & 0 deletions
diff --git a/‎components/AutoExpandTextArea.vue
Copy file name to clipboard
+2Lines changed: 2 additions & 0 deletions b/‎components/AutoExpandTextArea.vue
Copy file name to clipboard
+2Lines changed: 2 additions & 0 deletions
diff --git a/‎components/ui/Divider.vue
Copy file name to clipboard
+9-1Lines changed: 9 additions & 1 deletion b/‎components/ui/Divider.vue
Copy file name to clipboard
+9-1Lines changed: 9 additions & 1 deletion
diff --git a/‎composables/useObserverElements.ts
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions b/‎composables/useObserverElements.ts
Copy file name to clipboard
+3Lines changed: 3 additions & 0 deletions
diff --git a/‎composables/useTimeoutValue.ts
Copy file name to clipboard
+24Lines changed: 24 additions & 0 deletions b/‎composables/useTimeoutValue.ts
Copy file name to clipboard
+24Lines changed: 24 additions & 0 deletions
diff --git a/‎entrypoints/background/index.ts
Copy file name to clipboard
+6-3Lines changed: 6 additions & 3 deletions b/‎entrypoints/background/index.ts
Copy file name to clipboard
+6-3Lines changed: 6 additions & 3 deletions
@@ -5,6 +5,7 @@
     rows="1"
     class="field-sizing-content scrollbar-hide"
     @input="onInput"
+    @paste="emit('paste', $event)"
   />
 </template>
 
@@ -14,6 +15,7 @@ import { nextTick, ref, watch } from 'vue'
 
 const emit = defineEmits<{
   (e: 'input', ev: Event): void
+  (e: 'paste', ev: ClipboardEvent): void
   (e: 'update:modelValue', value: string): void
 }>()
 
 
@@ -1,3 +1,11 @@
 <template>
-  <div class="w-full h-px bg-[#0000001A]" />
+  <div :class="classNames('w-full h-px bg-[#0000001A]', props.class)" />
 </template>
+
+<script setup lang="ts">
+import { classNames, ComponentClassAttr } from '@/utils/vue/utils'
+
+const props = defineProps<{
+  class?: ComponentClassAttr
+}>()
+</script>
@@ -12,6 +12,9 @@ export function useFocusedElements(matched: (el: HTMLElement) => boolean) {
 
   const start = () => {
     stop()
+    if (document.hasFocus() && document.activeElement && matched(document.activeElement as HTMLElement)) {
+      elements.value = [document.activeElement as HTMLElement]
+    }
     window.addEventListener('focusin', onFocus, true)
   }
   const stop = () => {
 
@@ -0,0 +1,24 @@
+import { onScopeDispose, ref } from 'vue'
+
+type Setter<T> = ((oldValue: T) => T) | T
+
+export function useTimeoutValue<T>(initialValue: T, fallbackValue: T, timeout: number) {
+  const value = ref<T>(initialValue)
+
+  let timer: ReturnType<typeof setTimeout> | undefined = undefined
+
+  const setValue = (newValue: Setter<T>) => {
+    clearTimeout(timer)
+    value.value = typeof newValue === 'function' ? (newValue as (oldValue: T) => T)(value.value) : newValue
+    timer = setTimeout(() => {
+      value.value = fallbackValue
+      timer = undefined
+    }, timeout)
+  }
+
+  onScopeDispose(() => {
+    clearTimeout(timer)
+  })
+
+  return { value, setValue }
+}
@@ -7,6 +7,7 @@ import { storage } from 'wxt/utils/storage'
 
 import { INVALID_URLS } from '@/utils/constants'
 import { CONTEXT_MENU, CONTEXT_MENU_ITEM_TRANSLATE_PAGE, ContextMenuManager } from '@/utils/context-menu'
+import { useGlobalI18n } from '@/utils/i18n'
 import logger from '@/utils/logger'
 import { bgBroadcastRpc } from '@/utils/rpc'
 import { isTabValid } from '@/utils/tab'
@@ -51,10 +52,11 @@ export default defineBackground(() => {
   }
 
   browser.tabs.onActivated.addListener(async ({ tabId }) => {
+    const { t } = await useGlobalI18n()
     // reset the translate context menu to default
     const contextMenuManager = await ContextMenuManager.getInstance()
     contextMenuManager.updateContextMenu(CONTEXT_MENU_ITEM_TRANSLATE_PAGE.id, {
-      title: CONTEXT_MENU_ITEM_TRANSLATE_PAGE.title,
+      title: t(CONTEXT_MENU_ITEM_TRANSLATE_PAGE.titleKey),
       contexts: CONTEXT_MENU_ITEM_TRANSLATE_PAGE.contexts,
     })
     const tab = await browser.tabs.get(tabId)
@@ -111,10 +113,11 @@ export default defineBackground(() => {
   }
 
   browser.runtime.onInstalled.addListener(async () => {
-    ContextMenuManager.getInstance().then((instance) => {
+    ContextMenuManager.getInstance().then(async (instance) => {
+      const { t } = await useGlobalI18n()
       for (const menu of CONTEXT_MENU) {
         instance.createContextMenu(menu.id, {
-          title: menu.title,
+          title: t(menu.titleKey),
           contexts: menu.contexts,
         })
       }
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,9 @@ export function useFocusedElements(matched: (el: HTMLElement) => boolean) {`
`12`	`12`
`13`	`13`	`const start = () => {`
`14`	`14`	`stop()`
	`15`	`+ if (document.hasFocus() && document.activeElement && matched(document.activeElement as HTMLElement)) {`
	`16`	`+ elements.value = [document.activeElement as HTMLElement]`
	`17`	`+ }`
`15`	`18`	`window.addEventListener('focusin', onFocus, true)`
`16`	`19`	`}`
`17`	`20`	`const stop = () => {`