Merge branch 'release/v0.3'

Author: maanimis

.github/renovate.json

@@ -9,7 +9,7 @@ const {
 module.exports = {
   name: {
     $: "MetaTranslator",
-    en: "MetaTranslator",
+    fa: "مترجم متا",
   },
   namespace: "Violentmonkey Scripts",
   version: version,
@@ -27,6 +27,7 @@ module.exports = {
     "GM_unregisterMenuCommand",
     "GM_xmlhttpRequest",
   ],
+  icon:'https://www.google.com/s2/favicons?sz=64&domain=translate.google.com',
   require: [
     // 'https://update.greasyfork.org/scripts/530648/1558616/FileDownloader-Module.js',
     // 'https://update.greasyfork.org/scripts/530526/1558038/ProgressUI-Module.js',
@@ -35,4 +36,6 @@ module.exports = {
   connect: [],
   "run-at": "document-end",
   "inject-into": "content",
+  "downloadURL":"https://github.com/maanimis/MetaTranslator/releases/latest/download/index.prod.user.js",
+  "updateURL":"https://github.com/maanimis/MetaTranslator/releases/latest/download/index.prod.user.js",
 };

.github/workflows/ci.yaml

@@ -1,8 +1,8 @@
 // ==UserScript==
 // @name          MetaTranslator
-// @name:en       MetaTranslator
+// @name:fa       مترجم متا
 // @namespace     Violentmonkey Scripts
-// @version       0.2.7
+// @version       0.3
 // @author        maanimis <maanimis.dev@gmail.com>
 // @source        https://github.com/maanimis/MetaTranslator
 // @license       MIT
@@ -15,13 +15,79 @@
 // @grant         GM_registerMenuCommand
 // @grant         GM_unregisterMenuCommand
 // @grant         GM_xmlhttpRequest
+// @icon          https://www.google.com/s2/favicons?sz=64&domain=translate.google.com
 // @run-at        document-end
 // @inject-into   content
+// @downloadURL   https://github.com/maanimis/MetaTranslator/releases/latest/download/index.prod.user.js
+// @updateURL     https://github.com/maanimis/MetaTranslator/releases/latest/download/index.prod.user.js
 // ==/UserScript==
 
 /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 
+;// ./src/services/menu/menu.service.ts
+class MenuCommandRepository {
+    commands = new Map();
+    add(command) {
+        this.commands.set(command.name, command);
+    }
+    remove(name) {
+        const command = this.commands.get(name);
+        if (command) {
+            this.commands.delete(name);
+        }
+        return command;
+    }
+    get(name) {
+        return this.commands.get(name);
+    }
+    getAll() {
+        return Array.from(this.commands.values());
+    }
+    clear() {
+        this.commands.clear();
+    }
+    has(name) {
+        return Boolean(this.commands.get(name));
+    }
+}
+class MenuCommandService {
+    _repository;
+    constructor(_repository) {
+        this._repository = _repository;
+    }
+    register(name, callback) {
+        this.unregister(name);
+        const id = GM_registerMenuCommand(name, callback);
+        const command = { id, name, callback };
+        this._repository.add(command);
+        return command;
+    }
+    unregister(name) {
+        const command = this._repository.remove(name);
+        if (command) {
+            GM_unregisterMenuCommand(command.id);
+        }
+    }
+    unregisterAll() {
+        this._repository.getAll().forEach((command) => {
+            GM_unregisterMenuCommand(command.id);
+        });
+        this._repository.clear();
+    }
+}
+const createMenuCommandManager = () => {
+    const repository = new MenuCommandRepository();
+    return new MenuCommandService(repository);
+};
+const menuCommandManager = createMenuCommandManager();
+const registerMenuCommand = (name, callback) => menuCommandManager.register(name, callback).id;
+const unregisterMenuCommand = (name) => menuCommandManager.unregister(name);
+
+;// ./src/services/menu/index.ts
+
+
+
 ;// ./src/components/tooltip.component.ts
 class DOMTooltip {
     element;
@@ -352,6 +418,7 @@ class BrowserSelectionService {
 
 
 
+
 class TranslationHandler {
     tooltip;
     translator;
@@ -399,11 +466,15 @@ class TranslationHandler {
         }
     }
     registerLanguageMenu() {
-        GM_registerMenuCommand("Set Target Language", () => {
+        registerMenuCommand("Set Target Language", () => {
             const currentLang = this.languageStorage.getTargetLanguage();
             const input = prompt("Enter target language (fa,en,fr,de,...):", currentLang);
             if (input) {
                 this.languageStorage.setTargetLanguage(input);
+                ProgressUI.showQuick("[+]Refresh the page", {
+                    percent: 100,
+                    duration: 3000,
+                });
             }
         });
     }
@@ -421,8 +492,10 @@ function initApiTranslation() {
 
 ;// ./src/index.ts
 
+
 async function main() {
-    initApiTranslation();
+    const translationHandler = initApiTranslation();
+    registerMenuCommand("Translate Selected Text", () => translationHandler.onTextSelect());
 }
 main().catch((e) => {
     console.log(e);

.github/workflows/deploy-preview.yaml

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

.github/workflows/deploy.yaml

@@ -3,6 +3,18 @@ This is a project help you build userscript with webpack
 
 Just [use this git repo as a template](https://github.com/Trim21/webpack-userscript-template/generate).
 
+
+
+## Install
+
+1. Install one of the **Violentmonkey** or **Tampermonkey** extensions (available for all browsers).
+2. Go to the [Releases](https://github.com/maanimis/MetaTranslator/releases) section, where you'll find a `.js` file.
+3. Click the file to install it, and you're all set!
+
+### How to Use:
+- Simply select any text with your mouse, and it will be automatically translated.
+
+
 ## dependencies
 
 There are two ways to using a package on npm.

config/metadata.cjs

@@ -1,7 +1,12 @@
+import { registerMenuCommand } from "./services/menu";
 import { initApiTranslation } from "./services/translators/apibots";
 
 async function main() {
-  initApiTranslation();
+  const translationHandler = initApiTranslation();
+
+  registerMenuCommand("Translate Selected Text", () =>
+    translationHandler.onTextSelect(),
+  );
 }
 
 main().catch((e) => {

dist/index.prod.user.js

@@ -12,6 +12,7 @@ import { ISelectionService } from "./interfaces.apibots";
 import { LocalStorageLanguageService } from "../language-storage.service";
 import { BrowserSelectionService } from "../selection.service";
 import { sessionStorageService } from "../../storage";
+import { registerMenuCommand } from "../../menu";
 
 class TranslationHandler {
   private readonly DEBOUNCE_DELAY = 300;
@@ -39,7 +40,7 @@ class TranslationHandler {
     this.registerLanguageMenu();
   }
 
-  private async onTextSelect(): Promise<void> {
+  public async onTextSelect(): Promise<void> {
     const selectedText = this.selectionService.getSelectedText();
     if (!selectedText) return this.tooltip.hide();
 
@@ -70,7 +71,7 @@ class TranslationHandler {
   }
 
   private registerLanguageMenu(): void {
-    GM_registerMenuCommand("Set Target Language", () => {
+    registerMenuCommand("Set Target Language", () => {
       const currentLang = this.languageStorage.getTargetLanguage();
       const input = prompt(
         "Enter target language (fa,en,fr,de,...):",
@@ -79,7 +80,10 @@ class TranslationHandler {
 
       if (input) {
         this.languageStorage.setTargetLanguage(input);
-        // alert(`Target language set to "${input}"`);
+        ProgressUI.showQuick("[+]Refresh the page", {
+          percent: 100,
+          duration: 3000,
+        });
       }
     });
   }