// ==UserScript==
// @name chatgpt-page-translate-button
// @description 🍓 let ChatGPT translate the web page you are reading in one click
// @author mefengl
// @version 0.3.1
// @namespace https://github.com/mefengl
// @require https://cdn.jsdelivr.net/npm/@mozilla/[email protected]/Readability.min.js
// @icon https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @license MIT
// @match *://*/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @grant GM_unregisterMenuCommand
// @grant GM_addValueChangeListener
// @name:en ChatGPT Page Translate Button
// @description:en 🍓 let ChatGPT translate the web page you are reading in one click
// @name:zh-CN ChatGPT 页面翻译按钮
// @description:zh-CN 🍓 让 ChatGPT 一键翻译您正在阅读的网页
// @name:es Botón de traducción de página de ChatGPT
// @description:es 🍓 permite que ChatGPT traduzca la página web que estás leyendo con un solo clic
// @name:hi ChatGPT पृष्ठ अनुवाद बटन
// @description:hi 🍓 ChatGPT को वेबपेज जो आप पढ़ रहे हैं को एक क्लिक में अनुवाद करने दें
// @name:ar زر ترجمة الصفحة لـ ChatGPT
// @description:ar 🍓 دع ChatGPT يترجم صفحة الويب التي تقرأها بنقرة واحدة
// @name:pt Botão de tradução de página do ChatGPT
// @description:pt 🍓 permita que o ChatGPT traduza a página da web que você está lendo com um clique
// @name:ru Кнопка перевода страницы ChatGPT
// @description:ru 🍓 позволяет ChatGPT переводить веб-страницу, которую вы читаете, одним щелчком мыши
// @name:ja ChatGPTページ翻訳ボタン
// @description:ja 🍓 ChatGPTで読んでいるWebページをワンクリックで翻訳
// @name:de ChatGPT-Seitenübersetzungs-Button
// @description:de 🍓 Lassen Sie ChatGPT die Webseite, die Sie gerade lesen, mit einem Klick übersetzen
// @name:fr Bouton de traduction de page ChatGPT
// @description:fr 🍓 laissez ChatGPT traduire la page Web que vous lisez en un seul clic
// ==/UserScript==
"use strict";
(() => {
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
// ../../packages/chatkit/dist/index.mjs
var __defProp = Object.defineProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var chatgpt_exports = {};
__export(chatgpt_exports, {
getConversation: () => getConversation,
getLastResponse: () => getLastResponse,
getLastResponseElement: () => getLastResponseElement,
getModelSelectButton: () => getModelSelectButton,
getRegenerateButton: () => getRegenerateButton,
getStopGeneratingButton: () => getStopGeneratingButton,
getSubmitButton: () => getSubmitButton,
getTextareaValue: () => getTextareaValue,
isConversationStarted: () => isConversationStarted,
isGenerating: () => isGenerating,
isHorizontalConversation: () => isHorizontalConversation,
onSend: () => onSend,
regenerate: () => regenerate,
send: () => send,
setHorizontalConversation: () => setHorizontalConversation,
setPromptListener: () => setPromptListener,
setPureConversation: () => setPureConversation,
setTextarea: () => setTextarea,
waitForIdle: () => waitForIdle
});
function getTextarea() {
const form = document.querySelector("form");
if (!form)
return;
const textareas = form.querySelectorAll("textarea");
const result = textareas[0];
return result;
}
function getSubmitButton() {
const textarea = getTextarea();
if (!textarea)
return;
return textarea.nextElementSibling;
}
function getRegenerateButton() {
const form = document.querySelector("form");
if (!form)
return;
const buttons = form.querySelectorAll("button");
const result = Array.from(buttons).find((button) => {
var _a;
return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("regenerate");
});
return result;
}
function getStopGeneratingButton() {
const form = document.querySelector("form");
if (!form)
return;
const buttons = form.querySelectorAll("button");
const result = Array.from(buttons).find((button) => {
var _a;
return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("stop generating");
});
return result;
}
function getLastResponseElement() {
const responseElements = document.querySelectorAll(".group.w-full");
return responseElements[responseElements.length - 1];
}
function getLastResponse() {
const lastResponseElement = getLastResponseElement();
if (!lastResponseElement)
return;
const lastResponse = lastResponseElement.textContent;
return lastResponse;
}
function getTextareaValue() {
var _a;
return ((_a = getTextarea()) == null ? void 0 : _a.value) || "";
}
function setTextarea(message) {
const textarea = getTextarea();
if (!textarea)
return;
textarea.value = message;
textarea.dispatchEvent(new Event("input"));
}
function send(message) {
setTextarea(message);
const textarea = getTextarea();
if (!textarea)
return;
textarea.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter", bubbles: true }));
}
function regenerate() {
const regenerateButton = getRegenerateButton();
if (!regenerateButton)
return;
regenerateButton.click();
}
function onSend(callback) {
const textarea = getTextarea();
if (!textarea)
return;
textarea.addEventListener("keydown", function(event) {
if (event.key === "Enter" && !event.shiftKey) {
callback();
}
});
const sendButton = getSubmitButton();
if (!sendButton)
return;
sendButton.addEventListener("mousedown", callback);
}
function isGenerating() {
var _a, _b;
return ((_b = (_a = getSubmitButton()) == null ? void 0 : _a.firstElementChild) == null ? void 0 : _b.childElementCount) === 3;
}
function waitForIdle() {
return new Promise((resolve) => {
const interval = setInterval(() => {
if (!isGenerating()) {
clearInterval(interval);
resolve();
}
}, 1e3);
});
}
function setPromptListener(key = "prompt_texts") {
let last_trigger_time = +/* @__PURE__ */ new Date();
if (location.href.includes("chat.openai")) {
GM_addValueChangeListener(key, (name, old_value, new_value) => __async(this, null, function* () {
if (+/* @__PURE__ */ new Date() - last_trigger_time < 500) {
return;
}
last_trigger_time = +/* @__PURE__ */ new Date();
setTimeout(() => __async(this, null, function* () {
const prompt_texts = new_value;
if (prompt_texts.length > 0) {
let firstTime = true;
while (prompt_texts.length > 0) {
if (!firstTime) {
yield new Promise((resolve) => setTimeout(resolve, 2e3));
}
if (!firstTime && isGenerating()) {
continue;
}
firstTime = false;
const prompt_text = prompt_texts.shift() || "";
send(prompt_text);
}
}
}), 0);
GM_setValue(key, []);
}));
}
}
function getConversation() {
var _a, _b;
return (_b = (_a = document.querySelector('div[class^="react-scroll-to-bottom"]')) == null ? void 0 : _a.firstChild) == null ? void 0 : _b.firstChild;
}
function getModelSelectButton() {
const conversation = getConversation();
if (!conversation)
return;
return Array.from(conversation.querySelectorAll("button")).find((button) => {
var _a;
return (_a = button.textContent) == null ? void 0 : _a.trim().toLowerCase().includes("model");
});
}
function isConversationStarted() {
return !getModelSelectButton();
}
function setPureConversation() {
const conversation = getConversation();
if (!conversation)
return;
const firstChild = conversation.firstChild;
if (!firstChild)
return;
const newDiv = document.createElement("div");
conversation.insertBefore(newDiv, firstChild.nextSibling);
}
function isHorizontalConversation() {
const conversation = getConversation();
if (!conversation)
return true;
if (!isConversationStarted())
return true;
return conversation.classList.contains("grid");
}
function setHorizontalConversation() {
if (isHorizontalConversation())
return;
setPureConversation();
const conversation = getConversation();
if (!conversation)
return;
conversation.classList.remove("flex", "flex-col", "items-center");
conversation.classList.add("grid", "grid-cols-2", "place-items-center");
}
var bard_exports = {};
__export(bard_exports, {
getInputArea: () => getInputArea,
getLastPrompt: () => getLastPrompt,
getLatestPromptText: () => getLatestPromptText,
getRegenerateButton: () => getRegenerateButton2,
getSubmitButton: () => getSubmitButton2,
getTextarea: () => getTextarea2,
onSend: () => onSend2,
send: () => send2
});
function getSubmitButton2() {
return document.querySelector('button[aria-label="Send message"]');
}
function getInputArea() {
return document.querySelector(".input-area");
}
function getTextarea2() {
const inputArea = getInputArea();
return inputArea ? inputArea.querySelector("textarea") : null;
}
function getRegenerateButton2() {
return document.querySelector('button[aria-label="Retry"]');
}
function getLastPrompt() {
const promptElements = document.querySelectorAll(".query-text");
const lastPrompt = promptElements[promptElements.length - 1];
return lastPrompt;
}
function getLatestPromptText() {
const lastPrompt = getLastPrompt();
if (!lastPrompt)
return "";
const lastPromptText = lastPrompt.textContent;
return lastPromptText || "";
}
function send2(text) {
const textarea = getTextarea2();
if (!textarea)
return;
textarea.value = text;
textarea.dispatchEvent(new Event("input"));
const submitButton = getSubmitButton2();
if (!submitButton)
return;
submitButton.click();
}
function onSend2(callback) {
const textarea = getTextarea2();
if (!textarea)
return;
textarea.addEventListener("keydown", function(event) {
if (event.key === "Enter" && !event.shiftKey) {
callback();
}
});
const sendButton = getSubmitButton2();
if (!sendButton)
return;
sendButton.addEventListener("mousedown", callback);
}
var bingchat_exports = {};
__export(bingchat_exports, {
getActionBar: () => getActionBar,
getChatTurns: () => getChatTurns,
getConversation: () => getConversation2,
getLastChatTurn: () => getLastChatTurn,
getLastResponse: () => getLastResponse2,
getLastResponseText: () => getLastResponseText,
getNewChatButton: () => getNewChatButton,
getRegenerateButton: () => getRegenerateButton3,
getStopGeneratingButton: () => getStopGeneratingButton2,
getSubmitButton: () => getSubmitButton3,
getSuggestionBar: () => getSuggestionBar,
getSuggestionBarButtons: () => getSuggestionBarButtons,
getTextarea: () => getTextarea3,
onSend: () => onSend3,
send: () => send3
});
function getActionBar() {
var _a, _b, _c;
return ((_c = (_b = (_a = document.querySelector("cib-serp")) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("cib-action-bar")) == null ? void 0 : _c.shadowRoot) || null;
}
function getSubmitButton3() {
const actionBar = getActionBar();
if (!actionBar) {
return null;
}
return actionBar.querySelector('button[aria-label="Submit"]');
}
function getTextarea3() {
const actionBar = getActionBar();
if (!actionBar) {
return null;
}
return actionBar.querySelector("textarea");
}
function getStopGeneratingButton2() {
var _a, _b;
const actionBar = getActionBar();
if (!actionBar) {
return null;
}
const stopGeneratingButton = (_b = (_a = actionBar.querySelector("cib-typing-indicator")) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector('button[aria-label="Stop Responding"]');
if (!stopGeneratingButton) {
return null;
}
if (stopGeneratingButton.disabled) {
return null;
}
return stopGeneratingButton;
}
function getNewChatButton() {
const actionBar = getActionBar();
if (!actionBar) {
return null;
}
return actionBar.querySelector('button[aria-label="New topic"]');
}
function getConversation2() {
var _a, _b, _c;
return ((_c = (_b = (_a = document.querySelector("cib-serp")) == null ? void 0 : _a.shadowRoot) == null ? void 0 : _b.querySelector("cib-conversation")) == null ? void 0 : _c.shadowRoot) || null;
}
function getChatTurns() {
const conversation = getConversation2();
if (!conversation) {
return null;
}
return Array.from(conversation.querySelectorAll("cib-chat-turn")).map((t) => t.shadowRoot);
}
function getSuggestionBar() {
var _a;
const conversation = getConversation2();
if (!conversation) {
return null;
}
return ((_a = conversation.querySelector("cib-suggestion-bar")) == null ? void 0 : _a.shadowRoot) || null;
}
function getSuggestionBarButtons() {
const suggestionBar = getSuggestionBar();
if (!suggestionBar) {
return [];
}
const suggestionItems = Array.from(suggestionBar.querySelectorAll("cib-suggestion-item"));
return suggestionItems.map((i) => {
var _a;
return (_a = i.shadowRoot) == null ? void 0 : _a.querySelector("button");
});
}
function getRegenerateButton3() {
const suggestionBarButtons = getSuggestionBarButtons();
if (!suggestionBarButtons.length) {
return null;
}
return suggestionBarButtons[0];
}
function getLastChatTurn() {
const chatTurns = getChatTurns();
if (!chatTurns) {
return null;
}
return chatTurns[chatTurns.length - 1];
}
function getLastResponse2() {
var _a;
const lastChatTurn = getLastChatTurn();
if (!lastChatTurn) {
return null;
}
return ((_a = lastChatTurn.querySelectorAll("cib-message-group")[1]) == null ? void 0 : _a.shadowRoot) || null;
}
function getLastResponseText() {
var _a;
const lastResponse = getLastResponse2();
if (!lastResponse) {
return null;
}
const message = Array.from(lastResponse.querySelectorAll("cib-message")).map((m) => m.shadowRoot).find((m) => m == null ? void 0 : m.querySelector("cib-shared"));
return ((_a = message == null ? void 0 : message.textContent) == null ? void 0 : _a.trim()) || null;
}
function send3(text) {
const textarea = getTextarea3();
if (!textarea) {
return;
}
textarea.value = text;
textarea.dispatchEvent(new Event("input"));
const submitButton = getSubmitButton3();
if (!submitButton) {
return;
}
submitButton.click();
}
function onSend3(callback) {
const textarea = getTextarea3();
if (!textarea)
return;
textarea.addEventListener("keydown", function(event) {
if (event.key === "Enter" && !event.shiftKey) {
callback();
}
});
const sendButton = getSubmitButton3();
if (!sendButton)
return;
sendButton.addEventListener("mousedown", callback);
}
// src/createButton/index.ts
function createButton(callback) {
if (window.location.href.includes("chat.openai")) {
return;
}
const hideRight = document.title.match(/[\u4e00-\u9fa5]/) ? "-130px" : "-120px";
const button = document.createElement("button");
button.innerHTML = "\u7F51\u9875\u7FFB\u8BD1";
button.style.position = "fixed";
button.style.width = "140px";
button.style.top = "120px";
button.style.right = hideRight;
button.style.zIndex = "999999";
button.style.backgroundColor = "#4285f4";
button.style.color = "#fff";
button.style.opacity = "0.8";
button.style.border = "none";
button.style.borderRadius = "4px";
button.style.padding = "10px 16px";
button.style.fontSize = "18px";
button.style.cursor = "pointer";
button.style.transition = "right 0.3s";
document.body.appendChild(button);
button.addEventListener("mouseenter", () => {
button.style.right = "-10px";
});
button.addEventListener("mouseleave", () => {
button.style.right = hideRight;
});
document.addEventListener("fullscreenchange", () => {
if (document.fullscreenElement) {
button.style.display = "none";
} else {
button.style.display = "block";
}
});
button.addEventListener("click", callback);
}
var createButton_default = createButton;
// src/SimpleArticleSegmentation/index.ts
var MIN_PARAGRAPH_LENGTH = 1600;
var MAX_PARAGRAPH_LENGTH = 1800;
var SimpleArticleSegmentation = class {
constructor(text) {
this.text = text;
}
segment() {
const paragraphs = [];
const sentences = this.text.split(new RegExp("(?<=[.!?])\\s+"));
let paragraph = "";
for (const sentence of sentences) {
if (paragraph.length + sentence.length + 1 <= MAX_PARAGRAPH_LENGTH) {
paragraph += (paragraph.length > 0 ? " " : "") + sentence;
} else {
if (paragraph.length >= MIN_PARAGRAPH_LENGTH) {
paragraphs.push(paragraph);
paragraph = sentence;
} else {
paragraph += " " + sentence;
}
}
}
if (paragraph.length >= MIN_PARAGRAPH_LENGTH) {
paragraphs.push(paragraph);
}
return paragraphs;
}
};
var SimpleArticleSegmentation_default = SimpleArticleSegmentation;
// src/getParagraphs/index.ts
function getParagraphs() {
try {
let docClone = document.cloneNode(true);
let article = new Readability(docClone).parse();
if (article && article.textContent) {
const segmenter = new SimpleArticleSegmentation_default(article.textContent);
const paragraphs = segmenter.segment();
for (let i = 0; i < paragraphs.length; i++) {
paragraphs[i] = paragraphs[i].trim();
}
return paragraphs;
} else {
console.warn("Readability.js could not extract any text content from this page.");
return [];
}
} catch (error) {
console.error("An error occurred while using Readability.js:", error);
return [];
}
}
var getParagraphs_default = getParagraphs;
// src/MenuManger/index.ts
var MenuManager = class {
constructor(default_menu_all) {
this.default_menu_all = default_menu_all;
this.menu_all = GM_getValue("menu_all", this.default_menu_all);
for (const name in this.default_menu_all) {
if (!(name in this.menu_all)) {
this.menu_all[name] = this.default_menu_all[name];
}
}
this.menu_id = GM_getValue("menu_id", {});
this.update_menu();
}
registerMenuCommand(name, value) {
if (name === "chat_language") {
return GM_registerMenuCommand(`${name}\uFF1A${value}`, () => {
const language = prompt("Please input the language you want to use", value.toString());
if (language) {
this.menu_all[name] = language;
GM_setValue("menu_all", this.menu_all);
this.update_menu();
location.reload();
}
});
}
const menuText = ` ${name}\uFF1A${value ? "\u2705" : "\u274C"}`;
const commandCallback = () => {
this.menu_all[name] = !this.menu_all[name];
GM_setValue("menu_all", this.menu_all);
this.update_menu();
location.reload();
};
return GM_registerMenuCommand(menuText, commandCallback);
}
update_menu() {
for (const name in this.menu_all) {
const value = this.menu_all[name];
if (this.menu_id[name]) {
GM_unregisterMenuCommand(this.menu_id[name]);
}
this.menu_id[name] = this.registerMenuCommand(name, value);
}
GM_setValue("menu_id", this.menu_id);
}
getMenuValue(name) {
return this.menu_all[name];
}
};
var MenuManger_default = MenuManager;
// src/getLocalLanguage/index.ts
function getLocalLanguage() {
const userLanguage = navigator.language;
const languageNames = new Intl.DisplayNames([userLanguage], { type: "language" });
const readableLanguage = languageNames.of(userLanguage);
return readableLanguage;
}
var getLocalLanguage_default = getLocalLanguage;
// src/index.ts
function initialize() {
return __async(this, null, function* () {
yield new Promise((resolve) => window.addEventListener("load", resolve));
yield new Promise((resolve) => setTimeout(resolve, 1e3));
});
}
function main() {
return __async(this, null, function* () {
yield initialize();
const defaultMenu = {
"chat_language": getLocalLanguage_default() || "Chinese"
};
const menuManager = new MenuManger_default(defaultMenu);
const chatLanguage = menuManager.getMenuValue("chat_language");
const key = "prompt_texts";
chatgpt_exports.setPromptListener(key);
const translateWeb = () => __async(this, null, function* () {
const paragraphs = getParagraphs_default();
const prompt_texts = paragraphs.map((paragraph) => {
return `"""
${paragraph}
"""
translate above paragraphs in """ to ${chatLanguage} with compact and intuitive format (use Markdown syntax to optimize the display format):`;
});
GM_setValue(key, prompt_texts);
});
createButton_default(translateWeb);
});
}
(function() {
main();
})();
})();
