☰

ChatGPT 页面翻译按钮

🍓 让 ChatGPT 一键翻译您正在阅读的网页

当前为 2023-05-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         chatgpt-page-translate-button
  3. // @description  🍓 let ChatGPT translate the web page you are reading in one click
  4. // @author       mefengl
  5. // @version      0.4.4
  6. // @namespace    https://github.com/mefengl
  7. // @require      https://cdn.jsdelivr.net/npm/@mozilla/readability@0.4.3/Readability.min.js
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
  9. // @license      MIT
  10. // @match        *://*/*
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        GM_registerMenuCommand
  14. // @grant        GM_unregisterMenuCommand
  15. // @grant        GM_addValueChangeListener
  16.  
  17. // @name:en      ChatGPT Page Translate Button
  18. // @description:en 🍓 let ChatGPT translate the web page you are reading in one click
  19. // @name:zh-CN   ChatGPT 页面翻译按钮
  20. // @description:zh-CN 🍓 让 ChatGPT 一键翻译您正在阅读的网页
  21. // @name:es      Botón de traducción de página de ChatGPT
  22. // @description:es 🍓 permite que ChatGPT traduzca la página web que estás leyendo con un solo clic
  23. // @name:hi      ChatGPT पृष्ठ अनुवाद बटन
  24. // @description:hi 🍓 ChatGPT को वेबपेज जो आप पढ़ रहे हैं को एक क्लिक में अनुवाद करने दें
  25. // @name:ar      زر ترجمة الصفحة لـ ChatGPT
  26. // @description:ar 🍓 دع ChatGPT يترجم صفحة الويب التي تقرأها بنقرة واحدة
  27. // @name:pt      Botão de tradução de página do ChatGPT
  28. // @description:pt 🍓 permita que o ChatGPT traduza a página da web que você está lendo com um clique
  29. // @name:ru      Кнопка перевода страницы ChatGPT
  30. // @description:ru 🍓 позволяет ChatGPT переводить веб-страницу, которую вы читаете, одним щелчком мыши
  31. // @name:ja      ChatGPTページ翻訳ボタン
  32. // @description:ja 🍓 ChatGPTで読んでいるWebページをワンクリックで翻訳
  33. // @name:de      ChatGPT-Seitenübersetzungs-Button
  34. // @description:de 🍓 Lassen Sie ChatGPT die Webseite, die Sie gerade lesen, mit einem Klick übersetzen
  35. // @name:fr      Bouton de traduction de page ChatGPT
  36. // @description:fr 🍓 laissez ChatGPT traduire la page Web que vous lisez en un seul clic
  37. // ==/UserScript==
  38. "use strict";
  39. (() => {
  40.   var __create = Object.create;
  41.   var __defProp = Object.defineProperty;
  42.   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  43.   var __getOwnPropNames = Object.getOwnPropertyNames;
  44.   var __getProtoOf = Object.getPrototypeOf;
  45.   var __hasOwnProp = Object.prototype.hasOwnProperty;
  46.   var __commonJS = (cb, mod) => function __require() {
  47.     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
  48.   };
  49.   var __copyProps = (to, from, except, desc) => {
  50.     if (from && typeof from === "object" || typeof from === "function") {
  51.       for (let key of __getOwnPropNames(from))
  52.         if (!__hasOwnProp.call(to, key) && key !== except)
  53.           __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  54.     }
  55.     return to;
  56.   };
  57.   var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  58.     // If the importer is in node compatibility mode or this is not an ESM
  59.     // file that has been converted to a CommonJS file using a Babel-
  60.     // compatible transform (i.e. "__esModule" has not been set), then set
  61.     // "default" to the CommonJS "module.exports" for node compatibility.
  62.     isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  63.     mod
  64.   ));
  65.   var __async = (__this, __arguments, generator) => {
  66.     return new Promise((resolve, reject) => {
  67.       var fulfilled = (value) => {
  68.         try {
  69.           step(generator.next(value));
  70.         } catch (e) {
  71.           reject(e);
  72.         }
  73.       };
  74.       var rejected = (value) => {
  75.         try {
  76.           step(generator.throw(value));
  77.         } catch (e) {
  78.           reject(e);
  79.         }
  80.       };
  81.       var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
  82.       step((generator = generator.apply(__this, __arguments)).next());
  83.     });
  84.   };
  85.  
  86.   // ../../packages/chatkit/dist/chatgpt/index.js
  87.   var require_chatgpt = __commonJS({
  88.     "../../packages/chatkit/dist/chatgpt/index.js"(exports, module) {
  89.       "use strict";
  90.       var __defProp2 = Object.defineProperty;
  91.       var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
  92.       var __getOwnPropNames2 = Object.getOwnPropertyNames;
  93.       var __hasOwnProp2 = Object.prototype.hasOwnProperty;
  94.       var __export = (target, all) => {
  95.         for (var name in all)
  96.           __defProp2(target, name, { get: all[name], enumerable: true });
  97.       };
  98.       var __copyProps2 = (to, from, except, desc) => {
  99.         if (from && typeof from === "object" || typeof from === "function") {
  100.           for (let key of __getOwnPropNames2(from))
  101.             if (!__hasOwnProp2.call(to, key) && key !== except)
  102.               __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
  103.         }
  104.         return to;
  105.       };
  106.       var __toCommonJS = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
  107.       var chatgpt_exports = {};
  108.       __export(chatgpt_exports, {
  109.         getContinueGeneratingButton: () => getContinueGeneratingButton,
  110.         getConversation: () => getConversation,
  111.         getLastResponse: () => getLastResponse,
  112.         getLastResponseElement: () => getLastResponseElement,
  113.         getModelSelectButton: () => getModelSelectButton,
  114.         getRegenerateButton: () => getRegenerateButton,
  115.         getStopGeneratingButton: () => getStopGeneratingButton,
  116.         getSubmitButton: () => getSubmitButton,
  117.         getTextarea: () => getTextarea,
  118.         getTextareaValue: () => getTextareaValue,
  119.         isConversationStarted: () => isConversationStarted,
  120.         isGenerating: () => isGenerating,
  121.         isHorizontalConversation: () => isHorizontalConversation,
  122.         onSend: () => onSend,
  123.         regenerate: () => regenerate,
  124.         send: () => send,
  125.         setHorizontalConversation: () => setHorizontalConversation,
  126.         setPromptListener: () => setPromptListener2,
  127.         setPureConversation: () => setPureConversation,
  128.         setTextarea: () => setTextarea,
  129.         waitForIdle: () => waitForIdle
  130.       });
  131.       module.exports = __toCommonJS(chatgpt_exports);
  132.       function getTextarea() {
  133.         const form = document.querySelector("form");
  134.         if (!form)
  135.           return;
  136.         const textareas = form.querySelectorAll("textarea");
  137.         const result = textareas[0];
  138.         return result;
  139.       }
  140.       function getSubmitButton() {
  141.         const textarea = getTextarea();
  142.         if (!textarea)
  143.           return;
  144.         return textarea.nextElementSibling;
  145.       }
  146.       function getRegenerateButton() {
  147.         const form = document.querySelector("form");
  148.         if (!form)
  149.           return;
  150.         const buttons = form.querySelectorAll("button");
  151.         const result = Array.from(buttons).find((button) => {
  152.           var _a;
  153.           return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("regenerate");
  154.         });
  155.         return result;
  156.       }
  157.       function getContinueGeneratingButton() {
  158.         const form = document.querySelector("form");
  159.         if (!form)
  160.           return;
  161.         const buttons = form.querySelectorAll("button");
  162.         const result = Array.from(buttons).find((button) => {
  163.           var _a;
  164.           return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("continue generating");
  165.         });
  166.         return result;
  167.       }
  168.       function getStopGeneratingButton() {
  169.         const form = document.querySelector("form");
  170.         if (!form)
  171.           return;
  172.         const buttons = form.querySelectorAll("button");
  173.         const result = Array.from(buttons).find((button) => {
  174.           var _a;
  175.           return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("stop generating");
  176.         });
  177.         return result;
  178.       }
  179.       function getLastResponseElement() {
  180.         const responseElements = document.querySelectorAll(".group.w-full");
  181.         return responseElements[responseElements.length - 1];
  182.       }
  183.       function getLastResponse() {
  184.         const lastResponseElement = getLastResponseElement();
  185.         if (!lastResponseElement)
  186.           return;
  187.         const lastResponse = lastResponseElement.textContent;
  188.         return lastResponse;
  189.       }
  190.       function getTextareaValue() {
  191.         var _a;
  192.         return ((_a = getTextarea()) == null ? void 0 : _a.value) || "";
  193.       }
  194.       function setTextarea(message) {
  195.         const textarea = getTextarea();
  196.         if (!textarea)
  197.           return;
  198.         textarea.value = message;
  199.         textarea.dispatchEvent(new Event("input"));
  200.       }
  201.       function send(message) {
  202.         setTextarea(message);
  203.         const textarea = getTextarea();
  204.         if (!textarea)
  205.           return;
  206.         textarea.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
  207.       }
  208.       function regenerate() {
  209.         const regenerateButton = getRegenerateButton();
  210.         if (!regenerateButton)
  211.           return;
  212.         regenerateButton.click();
  213.       }
  214.       function onSend(callback) {
  215.         const textarea = getTextarea();
  216.         if (!textarea)
  217.           return;
  218.         textarea.addEventListener("keydown", function(event) {
  219.           if (event.key === "Enter" && !event.shiftKey) {
  220.             callback();
  221.           }
  222.         });
  223.         const sendButton = getSubmitButton();
  224.         if (!sendButton)
  225.           return;
  226.         sendButton.addEventListener("mousedown", callback);
  227.       }
  228.       function isGenerating() {
  229.         var _a, _b;
  230.         return ((_b = (_a = getSubmitButton()) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.childElementCount) === 3;
  231.       }
  232.       function waitForIdle() {
  233.         return new Promise((resolve) => {
  234.           const interval = setInterval(() => {
  235.             if (!isGenerating()) {
  236.               clearInterval(interval);
  237.               resolve();
  238.             }
  239.           }, 1e3);
  240.         });
  241.       }
  242.       function setPromptListener2(key = "prompt_texts") {
  243.         let last_trigger_time = +/* @__PURE__ */ new Date();
  244.         if (location.href.includes("chat.openai")) {
  245.           GM_addValueChangeListener(key, (name, old_value, new_value) => __async(this, null, function* () {
  246.             if (+/* @__PURE__ */ new Date() - last_trigger_time < 500) {
  247.               return;
  248.             }
  249.             last_trigger_time = +/* @__PURE__ */ new Date();
  250.             setTimeout(() => __async(this, null, function* () {
  251.               const prompt_texts = new_value;
  252.               if (prompt_texts.length > 0) {
  253.                 let firstTime = true;
  254.                 while (prompt_texts.length > 0) {
  255.                   if (!firstTime) {
  256.                     yield new Promise((resolve) => setTimeout(resolve, 2e3));
  257.                   }
  258.                   if (!firstTime && isGenerating()) {
  259.                     continue;
  260.                   }
  261.                   firstTime = false;
  262.                   const prompt_text = prompt_texts.shift() || "";
  263.                   send(prompt_text);
  264.                 }
  265.               }
  266.             }), 0);
  267.             GM_setValue(key, []);
  268.           }));
  269.         }
  270.       }
  271.       function getConversation() {
  272.         var _a, _b;
  273.         return (_b = (_a = document.querySelector('div[class^="react-scroll-to-bottom"]')) == null ? void 0 : _a.firstChild) == null ? void 0 : _b.firstChild;
  274.       }
  275.       function getModelSelectButton() {
  276.         const conversation = getConversation();
  277.         if (!conversation)
  278.           return;
  279.         return Array.from(conversation.querySelectorAll("button")).find((button) => {
  280.           var _a;
  281.           return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("model");
  282.         });
  283.       }
  284.       function isConversationStarted() {
  285.         return !getModelSelectButton();
  286.       }
  287.       function setPureConversation() {
  288.         const conversation = getConversation();
  289.         if (!conversation)
  290.           return;
  291.         const firstChild = conversation.firstChild;
  292.         if (!firstChild)
  293.           return;
  294.         const newDiv = document.createElement("div");
  295.         conversation.insertBefore(newDiv, firstChild.nextSibling);
  296.       }
  297.       function isHorizontalConversation() {
  298.         const conversation = getConversation();
  299.         if (!conversation)
  300.           return true;
  301.         if (!isConversationStarted())
  302.           return true;
  303.         return conversation.classList.contains("grid");
  304.       }
  305.       function setHorizontalConversation() {
  306.         if (isHorizontalConversation())
  307.           return;
  308.         setPureConversation();
  309.         const conversation = getConversation();
  310.         if (!conversation)
  311.           return;
  312.         conversation.classList.remove("flex", "flex-col", "items-center");
  313.         conversation.classList.add("grid", "grid-cols-2", "place-items-center");
  314.       }
  315.     }
  316.   });
  317.  
  318.   // ../../packages/chatkit/chatgpt.js
  319.   var require_chatgpt2 = __commonJS({
  320.     "../../packages/chatkit/chatgpt.js"(exports, module) {
  321.       module.exports = require_chatgpt();
  322.     }
  323.   });
  324.  
  325.   // src/index.ts
  326.   var import_chatgpt = __toESM(require_chatgpt2(), 1);
  327.  
  328.   // src/createButton/index.ts
  329.   function createButton(callback) {
  330.     if (window.location.href.includes("chat.openai")) {
  331.       return;
  332.     }
  333.     const hideRight = document.title.match(/[\u4e00-\u9fa5]/) ? "-130px" : "-120px";
  334.     const button = document.createElement("button");
  335.     button.innerHTML = "\u7F51\u9875\u7FFB\u8BD1";
  336.     button.style.position = "fixed";
  337.     button.style.width = "140px";
  338.     button.style.top = "120px";
  339.     button.style.right = hideRight;
  340.     button.style.zIndex = "999999";
  341.     button.style.backgroundColor = "#4285f4";
  342.     button.style.color = "#fff";
  343.     button.style.opacity = "0.8";
  344.     button.style.border = "none";
  345.     button.style.borderRadius = "4px";
  346.     button.style.padding = "10px 16px";
  347.     button.style.fontSize = "18px";
  348.     button.style.cursor = "pointer";
  349.     button.style.transition = "right 0.3s";
  350.     document.body.appendChild(button);
  351.     button.addEventListener("mouseenter", () => {
  352.       button.style.right = "-10px";
  353.     });
  354.     button.addEventListener("mouseleave", () => {
  355.       button.style.right = hideRight;
  356.     });
  357.     document.addEventListener("fullscreenchange", () => {
  358.       if (document.fullscreenElement) {
  359.         button.style.display = "none";
  360.       } else {
  361.         button.style.display = "block";
  362.       }
  363.     });
  364.     button.addEventListener("click", callback);
  365.   }
  366.   var createButton_default = createButton;
  367.  
  368.   // src/SimpleArticleSegmentation/index.ts
  369.   var MIN_PARAGRAPH_LENGTH = 1600;
  370.   var MAX_PARAGRAPH_LENGTH = 1800;
  371.   var SimpleArticleSegmentation = class {
  372.     constructor(text) {
  373.       this.text = text;
  374.     }
  375.     segment() {
  376.       const paragraphs = [];
  377.       const sentences = this.text.split(new RegExp("(?<=[.!?])\\s+"));
  378.       let paragraph = "";
  379.       for (const sentence of sentences) {
  380.         if (paragraph.length + sentence.length + 1 <= MAX_PARAGRAPH_LENGTH) {
  381.           paragraph += (paragraph.length > 0 ? " " : "") + sentence;
  382.         } else {
  383.           if (paragraph.length >= MIN_PARAGRAPH_LENGTH) {
  384.             paragraphs.push(paragraph);
  385.             paragraph = sentence;
  386.           } else {
  387.             paragraph += " " + sentence;
  388.           }
  389.         }
  390.       }
  391.       if (paragraph.length >= MIN_PARAGRAPH_LENGTH) {
  392.         paragraphs.push(paragraph);
  393.       }
  394.       return paragraphs;
  395.     }
  396.   };
  397.   var SimpleArticleSegmentation_default = SimpleArticleSegmentation;
  398.  
  399.   // src/getParagraphs/index.ts
  400.   function getParagraphs() {
  401.     try {
  402.       let docClone = document.cloneNode(true);
  403.       let article = new Readability(docClone).parse();
  404.       if (article && article.textContent) {
  405.         const segmenter = new SimpleArticleSegmentation_default(article.textContent);
  406.         const paragraphs = segmenter.segment();
  407.         for (let i = 0; i < paragraphs.length; i++) {
  408.           paragraphs[i] = paragraphs[i].trim();
  409.         }
  410.         return paragraphs;
  411.       } else {
  412.         console.warn("Readability.js could not extract any text content from this page.");
  413.         return [];
  414.       }
  415.     } catch (error) {
  416.       console.error("An error occurred while using Readability.js:", error);
  417.       return [];
  418.     }
  419.   }
  420.   var getParagraphs_default = getParagraphs;
  421.  
  422.   // src/MenuManger/index.ts
  423.   var MenuManager = class {
  424.     constructor(default_menu_all) {
  425.       this.default_menu_all = default_menu_all;
  426.       this.menu_all = GM_getValue("menu_all", this.default_menu_all);
  427.       for (const name in this.default_menu_all) {
  428.         if (!(name in this.menu_all)) {
  429.           this.menu_all[name] = this.default_menu_all[name];
  430.         }
  431.       }
  432.       this.menu_id = GM_getValue("menu_id", {});
  433.       this.update_menu();
  434.     }
  435.     registerMenuCommand(name, value) {
  436.       if (name === "chat_language") {
  437.         return GM_registerMenuCommand(`${name}\uFF1A${value}`, () => {
  438.           const language = prompt("Please input the language you want to use", value.toString());
  439.           if (language) {
  440.             this.menu_all[name] = language;
  441.             GM_setValue("menu_all", this.menu_all);
  442.             this.update_menu();
  443.             location.reload();
  444.           }
  445.         });
  446.       }
  447.       const menuText = ` ${name}\uFF1A${value ? "\u2705" : "\u274C"}`;
  448.       const commandCallback = () => {
  449.         this.menu_all[name] = !this.menu_all[name];
  450.         GM_setValue("menu_all", this.menu_all);
  451.         this.update_menu();
  452.         location.reload();
  453.       };
  454.       return GM_registerMenuCommand(menuText, commandCallback);
  455.     }
  456.     update_menu() {
  457.       for (const name in this.menu_all) {
  458.         const value = this.menu_all[name];
  459.         if (this.menu_id[name]) {
  460.           GM_unregisterMenuCommand(this.menu_id[name]);
  461.         }
  462.         this.menu_id[name] = this.registerMenuCommand(name, value);
  463.       }
  464.       GM_setValue("menu_id", this.menu_id);
  465.     }
  466.     getMenuValue(name) {
  467.       return this.menu_all[name];
  468.     }
  469.   };
  470.   var MenuManger_default = MenuManager;
  471.  
  472.   // ../../packages/monkit/dist/index.mjs
  473.   function getLocalLanguage() {
  474.     const userLanguage = navigator.language;
  475.     const languageNames = new Intl.DisplayNames([userLanguage], { type: "language" });
  476.     const readableLanguage = languageNames.of(userLanguage);
  477.     return readableLanguage;
  478.   }
  479.  
  480.   // src/index.ts
  481.   function initialize() {
  482.     return __async(this, null, function* () {
  483.       yield new Promise((resolve) => window.addEventListener("load", resolve));
  484.       yield new Promise((resolve) => setTimeout(resolve, 1e3));
  485.     });
  486.   }
  487.   function main() {
  488.     return __async(this, null, function* () {
  489.       yield initialize();
  490.       const defaultMenu = {
  491.         "chat_language": getLocalLanguage() || "Chinese"
  492.       };
  493.       const menuManager = new MenuManger_default(defaultMenu);
  494.       const chatLanguage = menuManager.getMenuValue("chat_language");
  495.       const key = "prompt_texts";
  496.       (0, import_chatgpt.setPromptListener)(key);
  497.       const translateWeb = () => __async(this, null, function* () {
  498.         const paragraphs = getParagraphs_default();
  499.         const prompt_texts = paragraphs.map((paragraph) => {
  500.           return `"""
  501. ${paragraph}
  502. """
  503. translate above paragraphs in """ to ${chatLanguage} with compact and intuitive format (use Markdown syntax to optimize the display format):`;
  504.         });
  505.         GM_setValue(key, prompt_texts);
  506.       });
  507.       createButton_default(translateWeb);
  508.     });
  509.   }
  510.   (function() {
  511.     main();
  512.   })();
  513. })();