Merge branch 'release/v0.9'

Author: maanimis

config/metadata.cjs

@@ -26,8 +26,8 @@ module.exports = {
     "GM_registerMenuCommand",
     "GM_unregisterMenuCommand",
     "GM_xmlhttpRequest",
-    "GM_addStyle",
-    "GM_getResourceText",
+    // "GM_addStyle",
+    // "GM_getResourceText",
   ],
   icon: "https://www.google.com/s2/favicons?sz=64&domain=translate.google.com",
   require: [

package.json

@@ -1,7 +1,7 @@
 {
   "name": "metatranslator",
   "description": "Show translated tooltip on text selection",
-  "version": "0.3.3",
+  "version": "0.9",
   "author": {
     "name": "maanimis",
     "email": "maanimis.dev@gmail.com"

src/components/default-formatter.component.ts

@@ -0,0 +1,12 @@
+import {
+  ITranslationFormatter,
+  TranslationResult,
+} from "../services/translators/interface.translators";
+
+export class DefaultFormatter implements ITranslationFormatter {
+  format(result: TranslationResult): string {
+    let output = `<b>${result.translation}</b>`;
+
+    return output;
+  }
+}

src/config.ts

@@ -0,0 +1,4 @@
+export const enum Config {
+  settings = "https://metatranslator.pages.dev/",
+  defaultTargetLang = "fa",
+}

src/index.ts

@@ -1,36 +1,174 @@
+import { DefaultFormatter } from "./components/default-formatter.component";
 import { DOMTooltip } from "./components/tooltip.component";
 import { GoogleTranslationFormatter } from "./components/translation-formatter.component";
+import { Config } from "./config";
+import { TranslationModeValue } from "./popups/interfaces.popup";
+import { TranslationSettings } from "./popups/settings/settings.popup";
+import { menuCommandSingleton, MenuKey } from "./services/menu";
+import { StorageKey } from "./services/storage";
+import { gmStorageSingleton } from "./services/storage/storage.service";
+import { GeminiTranslator } from "./services/translators/apibots/google/gemini.translator";
+import { GoogleTranslator } from "./services/translators/apibots/google/google.translator";
+import { BrowserSelectionService } from "./services/translators/selection.service";
+import { TranslationHandler } from "./services/translators/translation-handler.service";
+
+// Constants
+const DEFAULT_TRANSLATION_MODE = TranslationModeValue.google;
+const SETTINGS_PATH = Config.settings;
+
+// Translator Factory - encapsulates translator creation logic
+class TranslatorFactory {
+  static create(translationMode: TranslationModeValue) {
+    switch (translationMode) {
+      case TranslationModeValue.geminiApi:
+        return {
+          translator: new GeminiTranslator(),
+          formatter: new DefaultFormatter(),
+        };
+      default:
+        return {
+          translator: new GoogleTranslator(),
+          formatter: new GoogleTranslationFormatter(),
+        };
+    }
+  }
+
+  static getCurrentTranslator() {
+    const translationMode = gmStorageSingleton.get<TranslationModeValue>(
+      StorageKey.translationMode,
+      DEFAULT_TRANSLATION_MODE,
+    );
+    return this.create(translationMode);
+  }
+}
+
+// Application Service - main coordination logic
+class TranslationApplication {
+  private selectionService: BrowserSelectionService;
+  private tooltip: DOMTooltip;
+  private translationHandler: TranslationHandler;
+
+  constructor() {
+    this.selectionService = new BrowserSelectionService();
+    this.tooltip = new DOMTooltip();
+    const { translator, formatter } = TranslatorFactory.getCurrentTranslator();
+
+    this.translationHandler = new TranslationHandler(
+      this.tooltip,
+      translator,
+      formatter,
+      this.selectionService,
+    );
+  }
+
+  initialize() {
+    this.setupEventListeners();
+    this.registerMenuCommands();
+    this.handleSettingsPage();
+  }
+
+  private setupEventListeners() {
+    this.translationHandler.setupListeners();
+  }
+
+  private registerMenuCommands() {
+    menuCommandSingleton.register(
+      MenuKey.translateText,
+      this.translationHandler.handleTextSelection.bind(this.translationHandler),
+    );
+
+    menuCommandSingleton.register(MenuKey.settings, () => {
+      window.location.href = SETTINGS_PATH;
+    });
+  }
+
+  private handleSettingsPage() {
+    if (window.location.href === SETTINGS_PATH) {
+      new TranslationSettings().togglePopup();
+    }
+  }
+}
+
+// Main entry point with error handling
+async function bootstrapApplication() {
+  try {
+    const app = new TranslationApplication();
+    await app.initialize();
+  } catch (error) {
+    console.error("Application initialization failed:", error);
+    // Consider adding error reporting here
+  }
+}
+
+// Start the application
+bootstrapApplication();
+
+/*
+
+import { DefaultFormatter } from "./components/default-formatter.component";
+import { DOMTooltip } from "./components/tooltip.component";
+import { GoogleTranslationFormatter } from "./components/translation-formatter.component";
+import { Config } from "./config";
+import { TranslationModeValue } from "./popups/interfaces.popup";
+import { TranslationSettings } from "./popups/settings/settings.popup";
 import { MenuKey, menuCommandSingleton } from "./services/menu";
+import { StorageKey } from "./services/storage";
+import { gmStorageSingleton } from "./services/storage/storage.service";
+import { GeminiTranslator } from "./services/translators/apibots/google/gemini.translator";
 import { GoogleTranslator } from "./services/translators/apibots/google/google.translator";
-import { LocalStorageLanguageService } from "./services/translators/language-storage.service";
 import { BrowserSelectionService } from "./services/translators/selection.service";
 import { TranslationHandler } from "./services/translators/translation-handler.service";
 
+function getTranslator() {
+  const translationMode = gmStorageSingleton.get<TranslationModeValue>(
+    StorageKey.translationMode,
+    TranslationModeValue.google,
+  );
+  if (translationMode === TranslationModeValue.geminiApi) {
+    return {
+      translator: new GeminiTranslator(),
+      formatter: new DefaultFormatter(),
+    };
+  }
+
+  return {
+    translator: new GoogleTranslator(),
+    formatter: new GoogleTranslationFormatter(),
+  };
+}
+
 async function main() {
-  const languageStorage = new LocalStorageLanguageService();
-  const targetLang = languageStorage.getTargetLanguage();
-  const sourceLang = languageStorage.getSourceLanguage();
+  const url = location.href;
   const selectionService = new BrowserSelectionService();
   const tooltip = new DOMTooltip();
-  const translator = new GoogleTranslator(sourceLang, targetLang);
-  const formatter = new GoogleTranslationFormatter();
+  const { translator, formatter } = getTranslator();
 
   const translationHandler = new TranslationHandler(
     tooltip,
     translator,
     formatter,
     selectionService,
-    languageStorage,
   );
   translationHandler.setupListeners();
-  translationHandler.registerLanguageMenu();
+  // translationHandler.registerLanguageMenu();
 
   menuCommandSingleton.register(
     MenuKey.translateText,
     translationHandler.handleTextSelection,
   );
+  menuCommandSingleton.register(MenuKey.settings, () => {
+    location.href = Config.settings;
+  });
+
+  if (url === Config.settings) {
+    const translationSettings = new TranslationSettings();
+    translationSettings.togglePopup();
+  }
 }
 
 main().catch((e) => {
   console.log(e);
 });
+
+
+*/

src/popups/interfaces.popup.ts

@@ -0,0 +1,20 @@
+export interface ElementCollection {
+  closePopupBtn: HTMLElement;
+  popup: HTMLElement;
+  saveSettingsBtn: HTMLElement;
+  targetLanguageSelect: HTMLSelectElement;
+  radioOptions: NodeListOf<HTMLElement>;
+  geminiTokenContainer: HTMLElement;
+  geminiTokenInput: HTMLInputElement;
+  saveGeminiTokenBtn: HTMLElement;
+}
+
+export const enum TranslationModeValue {
+  google = "google",
+  geminiApi = "gemini",
+}
+
+export interface TranslationConfig {
+  language: string;
+  mode: TranslationModeValue;
+}

src/popups/settings/readme.md

@@ -1,5 +1,5 @@
 301
 
-The page has permanently moved to a new URL
+The html page has permanently moved to a new URL
 
 https://github.com/maanimis/metatranslator.github.io