Merge branch 'release/v0.2.6'

Author: maanimis

LICENSE

@@ -1,13 +1,21 @@
-    DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-           Version 2, December 2004
+MIT License
 
-Copyright (C) 2020-2022 Trim21 <trim21.me@gmail.com>
+Copyright (c) 2025 maanimis
 
-Everyone is permitted to copy and distribute verbatim or modified
-copies of this license document, and changing it is allowed as long
-as the name is changed.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
 
-         DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
 
-0. You just DO WHAT THE FUCK YOU WANT TO.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

config/metadata.cjs

@@ -26,10 +26,11 @@ module.exports = {
     "GM_xmlhttpRequest",
   ],
   require: [
-    'https://update.greasyfork.org/scripts/530648/1558616/FileDownloader-Module.js',
-    'https://update.greasyfork.org/scripts/530526/1558038/ProgressUI-Module.js',
-    'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js'
+    // 'https://update.greasyfork.org/scripts/530648/1558616/FileDownloader-Module.js',
+    // 'https://update.greasyfork.org/scripts/530526/1558038/ProgressUI-Module.js',
+    // 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js'
   ],
   connect: [],
   "run-at": "document-end",
+  "inject-into": "content",
 };

dist/index.prod.user.js

@@ -1,23 +1,21 @@
 // ==UserScript==
-// @name        MetaTranslator
-// @name:en     MetaTranslator
-// @namespace   Violentmonkey Scripts
-// @version     0.1
-// @author      maanimis <maanimis.dev@gmail.com>
-// @source      https://github.com/maanimis/MetaTranslator
-// @license     MIT
-// @match       *://*/*
-// @grant       GM_setValue
-// @grant       GM_getValue
-// @grant       GM_deleteValue
-// @grant       GM_addValueChangeListener
-// @grant       GM_registerMenuCommand
-// @grant       GM_unregisterMenuCommand
-// @grant       GM_xmlhttpRequest
-// @require     https://update.greasyfork.org/scripts/530648/1558616/FileDownloader-Module.js
-// @require     https://update.greasyfork.org/scripts/530526/1558038/ProgressUI-Module.js
-// @require     https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js
-// @run-at      document-end
+// @name          MetaTranslator
+// @name:en       MetaTranslator
+// @namespace     Violentmonkey Scripts
+// @version       0.2.6
+// @author        maanimis <maanimis.dev@gmail.com>
+// @source        https://github.com/maanimis/MetaTranslator
+// @license       MIT
+// @match         *://*/*
+// @grant         GM_setValue
+// @grant         GM_getValue
+// @grant         GM_deleteValue
+// @grant         GM_addValueChangeListener
+// @grant         GM_registerMenuCommand
+// @grant         GM_unregisterMenuCommand
+// @grant         GM_xmlhttpRequest
+// @run-at        document-end
+// @inject-into   content
 // ==/UserScript==
 
 /******/ (() => { // webpackBootstrap
@@ -235,8 +233,32 @@ class GoogleTranslator {
     }
 }
 
+;// ./src/services/storage/cache.storage.ts
+class SessionStorageService {
+    get(key, defaultValue) {
+        const item = sessionStorage.getItem(key);
+        return item !== null ? JSON.parse(item) : defaultValue;
+    }
+    set(key, value) {
+        sessionStorage.setItem(key, JSON.stringify(value));
+    }
+    remove(key) {
+        sessionStorage.removeItem(key);
+    }
+    onChange(key, callback) {
+        const storageHandler = (event) => {
+            if (event.storageArea === sessionStorage && event.key === key) {
+                const newValue = event.newValue ? JSON.parse(event.newValue) : null;
+                const oldValue = event.oldValue ? JSON.parse(event.oldValue) : null;
+                callback(newValue, oldValue);
+            }
+        };
+        window.addEventListener("storage", storageHandler);
+    }
+}
+
 ;// ./src/services/storage/storage.service.ts
-class GM_StorageService {
+class GMStorageService {
     get(key, defaultValue) {
         return GM_getValue(key, defaultValue);
     }
@@ -250,7 +272,40 @@ class GM_StorageService {
         GM_addValueChangeListener(key, callback);
     }
 }
-const GMStorageService = new GM_StorageService();
+
+;// ./src/services/storage/handler.storage.ts
+
+
+class StorageHandler {
+    sessionStorageService;
+    gmStorageService;
+    constructor(sessionStorageService, gmStorageService) {
+        this.sessionStorageService = sessionStorageService;
+        this.gmStorageService = gmStorageService;
+    }
+    get(key, defaultValue) {
+        const sessionValue = this.sessionStorageService.get(key, defaultValue);
+        if (sessionValue !== undefined && sessionValue !== null) {
+            return sessionValue;
+        }
+        return this.gmStorageService.get(key, defaultValue);
+    }
+    set(key, value) {
+        this.sessionStorageService.set(key, value);
+        this.gmStorageService.set(key, value);
+    }
+    remove(key) {
+        this.sessionStorageService.remove(key);
+        this.gmStorageService.remove(key);
+    }
+    onChange(key, callback) {
+        this.sessionStorageService.onChange(key, callback);
+        this.gmStorageService.onChange(key, callback);
+    }
+}
+const sessionStorageService = new SessionStorageService();
+const gmStorageService = new GMStorageService();
+const storageHandler = new StorageHandler(sessionStorageService, gmStorageService);
 
 ;// ./src/services/storage/index.ts
 
@@ -261,10 +316,10 @@ const GMStorageService = new GM_StorageService();
 
 class LocalStorageLanguageService {
     getTargetLanguage() {
-        return GMStorageService.get("targetLang", "fa");
+        return storageHandler.get("targetLang", "fa");
     }
     setTargetLanguage(lang) {
-        GM_setValue("targetLang", lang);
+        storageHandler.set("targetLang", lang);
     }
 }
 
@@ -295,6 +350,7 @@ class BrowserSelectionService {
 
 
 
+
 class TranslationHandler {
     tooltip;
     translator;
@@ -325,11 +381,15 @@ class TranslationHandler {
         const position = this.selectionService.getSelectionPosition();
         if (!position)
             return;
+        const cacheResult = sessionStorageService.get(selectedText, null);
+        if (cacheResult) {
+            this.tooltip.show(cacheResult, position.x, position.y);
+            return;
+        }
         try {
             const translationResult = await this.translator.translate(selectedText);
-            if (selectedText === translationResult.translation)
-                return;
             const formattedText = this.formatter.format(translationResult);
+            sessionStorageService.set(selectedText, formattedText);
             this.tooltip.show(formattedText, position.x, position.y);
         }
         catch (error) {

package.json

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

readme.cn.md

@@ -1,48 +1,8 @@
-# This is a project help you build userscript with webpack
+# MetaTranslator
+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).
 
-[中文说明](./readme.cn.md)
-
-## dev
-
-1. Allow Tampermonkey's access to local file URIs [tampermonkey/faq](https://tampermonkey.net/faq.php?ext=dhdg#Q204)
-2. install deps with `npm i` or `npm ci`.
-3. `npm run dev` to start your development.
-
-Now you will see 2 files in `./dist/`
-
--   `dist/index.dev.user.js`: **You should install this userscript in your browser.** It's a simple loader that load `dist/index.debug.js` on matched web page.
--   `dist/index.debug.js`: This is the development build with `eval-source-map`. It will be automatically loaded by `dist/index.dev.user.js` via `@require file://.../dist/index.debug.js` metadata, **Don't add it to your userscript manager.**
-
-4. edit [src/index.ts](./src/index.ts), you can even import css or less files. You can use scss if you like.
-5. go wo <https://www.example.com/> and open console, you'll see it's working.
-
-livereload is default enabled, use [this Chrome extension](https://chrome.google.com/webstore/detail/jnihajbhpnppcggbcgedagnkighmdlei)
-
-### NOTICE
-
-Everytime you change your metadata config,
-you'll have to restart webpack server and install newly generated `dist/index.dev.user.js` UserScript in your browser again.
-
-## used package
-
-If you prefer some other bundler like rollup, you can use some of these packages directly.
-
-[userscript-metadata-generator](https://github.com/trim21/userscript-metadata-generator)
-
-[gm-fetch](https://github.com/trim21/gm-fetch)
-
-[userscript-metadata-webpack-plugin](https://github.com/trim21/userscript-metadata-webpack-plugin)
-
-## Cross Site Request
-
-you can call `GM.xmlHttpRequest` directly or use a fetch API based on `GM.xmlHttpRequest` <https://github.com/Trim21/gm-fetch>
-
-## TypeScript
-
-use typescript as normal, see [example](src/index.ts)
-
 ## dependencies
 
 There are two ways to using a package on npm.