// ==UserScript== // @name Milovana EOS Content Translator (Iframe Support) // @namespace web.nextbyte.ai // @version 1.8 // @description Translates content inside EOS iframe with auto-detection and manual controls. Works around sandbox restrictions by running inside the iframe with improved status messages. // @author NextByte // @match https://milovana.com/webteases/showtease.php* // @match https://eosscript.com/* // @grant GM_xmlhttpRequest // @grant GM_getValue // @grant GM_setValue // @connect translation.googleapis.com // @run-at document-start // ==/UserScript== (function() { 'use strict'; // Configuration const CONFIG = { targetLang: GM_getValue('targetLang', 'ru'), autoTranslate: GM_getValue('autoTranslate', true), apiKey: 'AIzaSyBOti4mM-6x9WDnZIjIeyEU21OpBXqWBgw', // Free Google Translate API key apiEndpoint: 'https://translation.googleapis.com/language/translate/v2', translationCache: new Map(), isTranslating: false, observer: null }; // Check if we're on the main page or inside the iframe const isMainPage = window.location.hostname === 'milovana.com'; const isIframePage = window.location.hostname === 'eosscript.com'; // ==================== MAIN PAGE CODE ==================== if (isMainPage) { console.log('[Translator] Running on main page (milovana.com)'); // Wait for the page to load window.addEventListener('load', function() { // Inject enhanced translation controls setTimeout(injectMainPageControls, 500); // Small delay to ensure DOM is ready }); // Listen for messages from iframe window.addEventListener('message', function(event) { if (event.origin === 'https://eosscript.com' && event.data) { handleIframeMessage(event.data); } }); function handleIframeMessage(data) { console.log('[Translator] Received message from iframe:', data); const statusMsg = document.getElementById('status-message'); switch (data.action) { case 'iframeReady': updateStatus('✅ Userscript подключён к iframe', 'success'); // Send current settings to iframe sendMessageToIframe({ action: 'setLang', lang: CONFIG.targetLang || GM_getValue('targetLang', 'ru') }); sendMessageToIframe({ action: 'setAuto', enabled: CONFIG.autoTranslate || GM_getValue('autoTranslate', true) }); break; case 'translationStarted': updateStatus('🔄 Перевод начат...', 'info'); break; case 'translationProgress': updateStatus(`🔄 Переведено: ${data.count} элементов`, 'info'); break; case 'translationComplete': updateStatus(`✅ Перевод завершён: ${data.count} элементов`, 'success'); setTimeout(() => { const statusDiv = document.getElementById('status-message'); if (statusDiv) { statusDiv.classList.remove('visible'); } }, 3000); break; case 'translationError': updateStatus(`❌ Ошибка перевода: ${data.error || 'неизвестная ошибка'}`, 'error'); break; case 'resetComplete': updateStatus('✅ Оригинальный текст восстановлен', 'success'); setTimeout(() => { const statusDiv = document.getElementById('status-message'); if (statusDiv) { statusDiv.classList.remove('visible'); } }, 3000); break; } } function updateStatus(message, type = 'info') { const statusMsg = document.getElementById('status-message'); if (statusMsg) { statusMsg.textContent = message; statusMsg.className = `${type} visible`; } } function injectMainPageControls() { // Check if widget already exists if (document.getElementById('translation-widget')) { console.log('[Translator] Widget already exists'); return; } // Create widget container const widget = document.createElement('div'); widget.id = 'translation-widget'; widget.innerHTML = `

Язык:

⏳ Инициализация...
Проверка подключения к iframe...

`; document.body.appendChild(widget); // Language selector const langSelect = document.getElementById('target-language'); if (langSelect) { langSelect.value = CONFIG.targetLang; langSelect.addEventListener('change', function() { CONFIG.targetLang = this.value; GM_setValue('targetLang', this.value); sendMessageToIframe({ action: 'setLang', lang: this.value }); }); } // Translate button const translateBtn = document.getElementById('translate-page-btn'); if (translateBtn) { translateBtn.addEventListener('click', function() { updateStatus('🔄 Перевод начат...', 'info'); sendMessageToIframe({ action: 'translate' }); this.classList.add('active'); setTimeout(() => this.classList.remove('active'), 2000); }); } // Auto-translate button const autoBtn = document.getElementById('translate-auto-btn'); if (autoBtn) { autoBtn.addEventListener('click', function() { CONFIG.autoTranslate = !CONFIG.autoTranslate; GM_setValue('autoTranslate', CONFIG.autoTranslate); sendMessageToIframe({ action: 'setAuto', enabled: CONFIG.autoTranslate }); this.classList.toggle('active'); updateStatus(CONFIG.autoTranslate ? '✅ Авто-перевод включен' : '⏸️ Авто-перевод отключен', 'info'); if (statusDiv) { statusDiv.classList.remove('visible'); } }); // Set initial state autoBtn.classList.toggle('active', GM_getValue('autoTranslate', true)); } // Reset button const resetBtn = document.getElementById('reset-translation-btn'); if (resetBtn) { resetBtn.addEventListener('click', function() { updateStatus('🔄 Восстановление оригинального текста...', 'info'); sendMessageToIframe({ action: 'reset' }); this.classList.add('active'); setTimeout(() => this.classList.remove('active'), 2000); }); } // Minimize button const minimizeBtn = document.querySelector('.minimize-btn'); if (minimizeBtn) { minimizeBtn.addEventListener('click', function() { document.getElementById('translation-widget').classList.toggle('minimized'); this.textContent = this.textContent === '−' ? '+' : '−'; }); } } function sendMessageToIframe(message) { const iframe = document.querySelector('.eosIframe, iframe[src*="eosscript.com"]'); if (iframe && iframe.contentWindow) { try { console.log('[Translator] Sending message to iframe:', message); iframe.contentWindow.postMessage(message, '*'); } catch (e) { console.error('[Translator] Cannot send message to iframe:', e); updateStatus('❌ Ошибка связи с iframe', 'error'); } } else { console.log('[Translator] Iframe not found or not ready'); updateStatus('⚠️ Iframe не найден или не готов', 'error'); } } } // ==================== IFRAME PAGE CODE ==================== if (isIframePage) { console.log('[Translator] Running inside iframe (eosscript.com)'); // Listen for messages from parent window.addEventListener('message', function(event) { // Only accept messages from milovana.com if (event.origin === 'https://milovana.com' && event.data && event.data.action) { handleParentMessage(event.data); } }); function handleParentMessage(data) { console.log('[Translator] Received message:', data); switch (data.action) { case 'setLang': CONFIG.targetLang = data.lang; GM_setValue('targetLang', data.lang); console.log('[Translator] Language set to:', data.lang); break; case 'translate': console.log('[Translator] Manual translation triggered'); translateAllContent(); break; case 'setAuto': CONFIG.autoTranslate = data.enabled; GM_setValue('autoTranslate', data.enabled); console.log('[Translator] Auto-translate set to:', data.enabled); if (data.enabled) { translateAllContent(); startObserving(); } else { stopObserving(); } break; case 'reset': console.log('[Translator] Reset translation triggered'); resetTranslation(); break; } } // Notify parent function notifyParent(action, data = {}) { try { window.parent.postMessage({ action, ...data }, 'https://milovana.com'); } catch (e) { console.error('[Translator] Cannot notify parent:', e); } } // Wait for DOM to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initIframeTranslator); } else { initIframeTranslator(); } function initIframeTranslator() { console.log('[Translator] Initializing iframe translator'); console.log('[Translator] Auto-translate enabled:', CONFIG.autoTranslate); console.log('[Translator] Target language:', CONFIG.targetLang); // Notify parent that we're ready notifyParent('iframeReady'); // Auto-translate on load if enabled if (CONFIG.autoTranslate) { setTimeout(() => { translateAllContent(); startObserving(); }, 1000); } } function startObserving() { if (CONFIG.observer) return; // Already observing console.log('[Translator] Starting MutationObserver'); CONFIG.observer = new MutationObserver(function(mutations) { let shouldTranslate = false; for (let mutation of mutations) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { for (let node of mutation.addedNodes) { if (node.nodeType === 1) { // Element node // Check if this is content that needs translation if (containsTextContent(node)) { shouldTranslate = true; break; } } } } } if (shouldTranslate && !CONFIG.isTranslating) { console.log('[Translator] New content detected, translating...'); setTimeout(() => translateAllContent(), 500); } }); CONFIG.observer.observe(document.body, { childList: true, subtree: true }); } function stopObserving() { if (CONFIG.observer) { CONFIG.observer.disconnect(); CONFIG.observer = null; console.log('[Translator] Stopped observing'); } } function containsTextContent(node) { if (node.textContent && node.textContent.trim().length > 0) { // Check if it has meaningful text (not just whitespace/symbols) return /[a-zA-Z]{2,}/.test(node.textContent); } return false; } async function translateAllContent() { if (CONFIG.isTranslating) { console.log('[Translator] Already translating, skipping...'); return; } CONFIG.isTranslating = true; console.log('[Translator] Starting translation...'); notifyParent('translationStarted'); try { // Find all text-containing elements with improved selectors const selectors = [ 'div[class*="_scrollView"]', 'div[class*="_root_"]', 'div[class*="_button_"]', 'p', 'span', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'button', 'a', 'label', 'li' ]; const elements = document.querySelectorAll(selectors.join(',')); console.log(`[Translator] Found ${elements.length} potential elements`); let translatedCount = 0; const processedElements = new Set(); for (let element of elements) { // Skip if already processed if (processedElements.has(element)) continue; processedElements.add(element); // Skip if already translated if (element.hasAttribute('data-translated')) continue; // Get all text content from this element const textContent = element.textContent.trim(); // Skip if no text content if (textContent.length < 2 || !/[a-zA-Z]/.test(textContent)) continue; // Skip if it's too long (likely a container with multiple sentences) if (textContent.length > 500) { // Process child elements instead const childElements = element.querySelectorAll('p, span, div, h1, h2, h3, h4, h5, h6, button, a, label, li'); for (let child of childElements) { if (processedElements.has(child)) continue; processedElements.add(child); if (child.hasAttribute('data-translated')) continue; if (!hasDirectTextContent(child)) continue; const childText = child.textContent.trim(); if (childText.length < 2 || !/[a-zA-Z]/.test(childText)) continue; const translatedText = await translateText(childText); if (translatedText && translatedText !== childText) { child.setAttribute('data-original-text', childText); replaceTextInElement(child, childText, translatedText); child.setAttribute('data-translated', 'true'); translatedCount++; if (translatedCount % 10 === 0) { notifyParent('translationProgress', { count: translatedCount }); } } } } else { // Translate this element const translatedText = await translateText(textContent); if (translatedText && translatedText !== textContent) { element.setAttribute('data-original-text', textContent); replaceTextInElement(element, textContent, translatedText); element.setAttribute('data-translated', 'true'); translatedCount++; // Visual indicator (subtle) element.style.borderLeft = '2px solid rgba(74, 222, 128, 0.3)'; // Update progress every 10 elements if (translatedCount % 10 === 0) { notifyParent('translationProgress', { count: translatedCount }); } } } } console.log(`[Translator] Translation complete: ${translatedCount} elements translated`); notifyParent('translationComplete', { count: translatedCount }); } catch (error) { console.error('[Translator] Error during translation:', error); notifyParent('translationError', { error: error.message }); } finally { CONFIG.isTranslating = false; } } function replaceTextInElement(element, originalText, translatedText) { // Replace text in all text nodes const walker = document.createTreeWalker( element, NodeFilter.SHOW_TEXT, null, false ); let node; while (node = walker.nextNode()) { if (node.textContent.trim() === originalText.trim()) { node.textContent = translatedText; break; } } } function hasDirectTextContent(element) { for (let child of element.childNodes) { if (child.nodeType === 3) { // Text node const text = child.textContent.trim(); if (text.length > 0 && /[a-zA-Z]/.test(text)) { return true; } } } return false; } function getTextNodes(element) { const textNodes = []; const walker = document.createTreeWalker( element, NodeFilter.SHOW_TEXT, { acceptNode: function(node) { // Only accept text nodes that have content and belong directly to this element const text = node.textContent.trim(); if (text.length > 0 && /[a-zA-Z]/.test(text)) { return NodeFilter.FILTER_ACCEPT; } return NodeFilter.FILTER_REJECT; } } ); let node; while (node = walker.nextNode()) { // Only get direct text nodes, not deeply nested ones if (node.parentNode === element) { textNodes.push(node); } } return textNodes; } async function translateText(text) { // Check cache const cacheKey = `${text}_${CONFIG.targetLang}`; if (CONFIG.translationCache.has(cacheKey)) { return CONFIG.translationCache.get(cacheKey); } try { const result = await new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: 'POST', url: `${CONFIG.apiEndpoint}?key=${CONFIG.apiKey}`, headers: { 'Content-Type': 'application/json' }, data: JSON.stringify({ q: text, target: CONFIG.targetLang, format: 'text' }), onload: function(response) { try { const data = JSON.parse(response.responseText); if (data.data && data.data.translations && data.data.translations[0]) { resolve(data.data.translations[0].translatedText); } else { reject('Invalid response format'); } } catch (e) { reject(e); } }, onerror: function(error) { reject(error); }, ontimeout: function() { reject('Request timeout'); } }); }); // Cache the result CONFIG.translationCache.set(cacheKey, result); return result; } catch (error) { console.error('[Translator] Error translating text:', text, error); return text; // Return original text on error } } function resetTranslation() { console.log('[Translator] Resetting translations...'); const translatedElements = document.querySelectorAll('[data-translated]'); let resetCount = 0; for (let element of translatedElements) { const originalText = element.getAttribute('data-original-text'); if (originalText) { // Restore original text replaceTextInElement(element, element.textContent.trim(), originalText); resetCount++; } element.removeAttribute('data-translated'); element.removeAttribute('data-original-text'); element.style.borderLeft = ''; } // Clear cache CONFIG.translationCache.clear(); console.log(`[Translator] Reset complete: ${resetCount} elements restored`); notifyParent('resetComplete', { count: resetCount }); } } })();

🌐 Переводчик