// ==UserScript== // @name Milovana EOS Content Translator (Iframe Support) // @namespace web.nextbyte.ai // @version 1.7 // @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 = `visible ${type}`; statusMsg.style.display = 'block'; } } function injectMainPageControls() { // Find the existing translation widget or create a new one let widget = document.getElementById('translation-widget'); if (!widget) { // Create translation widget if it doesn't exist widget = createTranslationWidget(); document.body.appendChild(widget); } else { // Widget exists, just update the status updateIframeStatus(); } // Setup event listeners setupMainPageListeners(); // Check for iframe periodically checkIframeConnection(); } function checkIframeConnection() { const iframe = document.querySelector('.eosIframe, iframe[src*="eosscript.com"]'); if (iframe) { // Wait for iframe to load if (iframe.contentWindow) { updateIframeStatus(true); } else { iframe.addEventListener('load', function() { updateIframeStatus(true); // Send initial config to iframe setTimeout(() => { const lang = document.getElementById('target-language'); if (lang) { sendMessageToIframe({ action: 'setLang', lang: lang.value }); } const autoEnabled = GM_getValue('autoTranslate', true); sendMessageToIframe({ action: 'setAuto', enabled: autoEnabled }); }, 500); }); } } else { updateIframeStatus(false); // Check again in 2 seconds setTimeout(checkIframeConnection, 2000); } } function updateIframeStatus(connected = false) { const iframeWarning = document.getElementById('iframe-warning'); if (iframeWarning) { if (connected) { iframeWarning.innerHTML = ` ✅ Iframe подключён!
Скрипт работает внутри iframe через postMessage API.
Выберите язык и используйте кнопки управления. `; iframeWarning.style.background = 'rgba(74, 222, 128, 0.2)'; iframeWarning.style.borderLeft = '3px solid #4ade80'; iframeWarning.style.color = 'white'; } else { iframeWarning.innerHTML = ` ⏳ Ожидание iframe...
Iframe с контентом ещё не загружен. Подождите... `; iframeWarning.style.background = 'rgba(251, 191, 36, 0.2)'; iframeWarning.style.borderLeft = '3px solid #fbbf24'; iframeWarning.style.color = 'white'; } iframeWarning.style.padding = '10px'; iframeWarning.style.borderRadius = '6px'; iframeWarning.style.marginTop = '10px'; iframeWarning.style.fontSize = '12px'; iframeWarning.style.display = 'block'; } } function createTranslationWidget() { const widget = document.createElement('div'); widget.id = 'translation-widget'; widget.innerHTML = `

Язык:

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

`; return widget; } function setupMainPageListeners() { // Language selector const langSelect = document.getElementById('target-language'); if (langSelect) { // Set saved value langSelect.value = GM_getValue('targetLang', 'ru'); CONFIG.targetLang = langSelect.value; langSelect.addEventListener('change', function() { CONFIG.targetLang = this.value; GM_setValue('targetLang', this.value); sendMessageToIframe({ action: 'setLang', lang: this.value }); updateStatus(`Язык изменён на: ${this.options[this.selectedIndex].text}`, 'success'); setTimeout(() => { const statusDiv = document.getElementById('status-message'); if (statusDiv) { statusDiv.classList.remove('visible'); } }, 2000); }); } // 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 toggle const autoBtn = document.getElementById('translate-auto-btn'); if (autoBtn) { autoBtn.addEventListener('click', function() { const newState = !GM_getValue('autoTranslate', true); GM_setValue('autoTranslate', newState); CONFIG.autoTranslate = newState; this.classList.toggle('active', newState); sendMessageToIframe({ action: 'setAuto', enabled: newState }); updateStatus(`Авто-перевод ${newState ? 'включён' : 'выключен'}`, newState ? 'success' : 'info'); setTimeout(() => { const statusDiv = document.getElementById('status-message'); if (statusDiv) { statusDiv.classList.remove('visible'); } }, 2000); }); // 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 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; for (let element of elements) { // Skip if already translated if (element.hasAttribute('data-translated')) continue; // Skip if no direct text content if (!hasDirectTextContent(element)) continue; // Get text nodes const textNodes = getTextNodes(element); for (let textNode of textNodes) { const originalText = textNode.textContent.trim(); // Skip short or non-English text if (originalText.length < 2 || !/[a-zA-Z]/.test(originalText)) continue; // Translate const translatedText = await translateText(originalText); if (translatedText && translatedText !== originalText) { // Store original text if (!element.hasAttribute('data-original-text')) { element.setAttribute('data-original-text', originalText); } // Replace text textNode.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 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 const textNodes = getTextNodes(element); if (textNodes.length > 0) { textNodes[0].textContent = 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 }); } } })();

🌐 Переводчик