feat: direct translation and bidi translation

Author: josStorer

src/config.mjs

@@ -71,7 +71,7 @@ export const defaultConfig = {
 
   // others
 
-  activeSelectionTools: Object.keys(toolsConfig),
+  activeSelectionTools: Object.keys(toolsConfig).filter((i) => i !== 'translateBidi'),
   activeSiteAdapters: [
     'bilibili',
     'github',

src/content-script/selection-tools/index.mjs

@@ -6,13 +6,22 @@ import {
   QuestionCircle,
   Translate,
   Braces,
+  Globe,
 } from 'react-bootstrap-icons'
 import { getPreferredLanguage } from '../../config.mjs'
 
 export const config = {
   translate: {
     icon: <Translate />,
     label: 'Translate',
+    genPrompt: async (selection) => {
+      const preferredLanguage = await getPreferredLanguage()
+      return `Translate the following into ${preferredLanguage} and only show me the translated content:\n"${selection}"`
+    },
+  },
+  translateBidi: {
+    icon: <Globe />,
+    label: 'Translate (Bidirectional)',
     genPrompt: async (selection) => {
       const preferredLanguage = await getPreferredLanguage()
       return (