// ==UserScript== // @name Text Translator - NotebookLM // @name:en Text Translator - NotebookLM // @namespace web.nextbyte.ai // @version 1.0 // @description Выделите текст и переведите его прямо на странице с помощью всплывающего окна // @description:en Highlight text and translate it directly on the page using a popup window // @author NextByte // @match *://notebooklm.google.com/* // @grant GM_xmlhttpRequest // @connect translate.googleapis.com // ==/UserScript== (function() { 'use strict'; console.log('Text Translator userscript loaded'); // Configuration const CONFIG = { targetLanguage: 'ru', // Default target language (Russian) sourceLanguage: 'auto', // Auto-detect source language minTextLength: 1, // Minimum text length to show translate button buttonDelay: 300 // Delay before showing button (ms) }; // Create translation popup function createTranslationPopup() { const popup = document.createElement('div'); popup.id = 'text-translator-popup'; popup.style.cssText = ` position: absolute; display: none; background: #ffffff; border: 1px solid #dadce0; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 999999; max-width: 400px; font-family: 'Google Sans', Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5; `; popup.innerHTML = `

`; document.body.appendChild(popup); return popup; } // Initialize popup const popup = createTranslationPopup(); const translateBtn = document.getElementById('translate-btn'); const closeBtn = document.getElementById('close-popup-btn'); const selectedTextDiv = document.getElementById('selected-text'); const translationResultDiv = document.getElementById('translation-result'); const loadingIndicator = document.getElementById('loading-indicator'); const targetLangSelect = document.getElementById('target-lang-select'); let currentSelectedText = ''; let selectionTimeout = null; // Set default language targetLangSelect.value = CONFIG.targetLanguage; // Translate function using Google Translate API async function translateText(text, targetLang) { try { const url = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${targetLang}&dt=t&q=${encodeURIComponent(text)}`; return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: 'GET', url: url, onload: function(response) { try { const data = JSON.parse(response.responseText); if (data && data[0]) { const translatedText = data[0].map(item => item[0]).join(''); resolve(translatedText); } else { reject('Translation failed'); } } catch (e) { reject(e); } }, onerror: function(error) { reject(error); } }); }); } catch (error) { console.error('Translation error:', error); throw error; } } // Show popup near selection function showPopup(x, y, text) { currentSelectedText = text; selectedTextDiv.textContent = text; translationResultDiv.style.display = 'none'; translationResultDiv.textContent = ''; loadingIndicator.style.display = 'none'; popup.style.display = 'block'; // Position popup const popupRect = popup.getBoundingClientRect(); let left = x; let top = y + 10; // Adjust if popup goes off screen if (left + popupRect.width > window.innerWidth) { left = window.innerWidth - popupRect.width - 10; } if (top + popupRect.height > window.innerHeight) { top = y - popupRect.height - 10; } popup.style.left = left + 'px'; popup.style.top = top + window.scrollY + 'px'; } // Hide popup function hidePopup() { popup.style.display = 'none'; currentSelectedText = ''; } // Handle text selection document.addEventListener('mouseup', function(e) { // Clear previous timeout if (selectionTimeout) { clearTimeout(selectionTimeout); } // Don't process if clicking inside popup if (popup.contains(e.target)) { return; } selectionTimeout = setTimeout(() => { const selection = window.getSelection(); const selectedText = selection.toString().trim(); if (selectedText.length >= CONFIG.minTextLength) { const range = selection.getRangeAt(0); const rect = range.getBoundingClientRect(); showPopup(rect.left + rect.width / 2, rect.bottom, selectedText); } else { hidePopup(); } }, CONFIG.buttonDelay); }); // Handle translate button click translateBtn.addEventListener('click', async function() { if (!currentSelectedText) return; const targetLang = targetLangSelect.value; loadingIndicator.style.display = 'block'; translationResultDiv.style.display = 'none'; translateBtn.disabled = true; try { const translation = await translateText(currentSelectedText, targetLang); translationResultDiv.textContent = translation; translationResultDiv.style.display = 'block'; loadingIndicator.style.display = 'none'; } catch (error) { translationResultDiv.textContent = 'Ошибка перевода. Попробуйте еще раз.'; translationResultDiv.style.display = 'block'; translationResultDiv.style.background = '#fce8e6'; loadingIndicator.style.display = 'none'; console.error('Translation error:', error); } finally { translateBtn.disabled = false; } }); // Handle close button click closeBtn.addEventListener('click', function() { hidePopup(); }); // Hide popup when clicking outside document.addEventListener('mousedown', function(e) { if (!popup.contains(e.target)) { // Small delay to allow selection to complete setTimeout(() => { const selection = window.getSelection(); if (!selection.toString().trim()) { hidePopup(); } }, 100); } }); // Hide popup on escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { hidePopup(); } }); // Update target language config when changed targetLangSelect.addEventListener('change', function() { CONFIG.targetLanguage = this.value; }); console.log('Text Translator ready! Select text to translate.'); })();