// ==UserScript== // @name Chinese to English Input Translator // @description Automatically translates Chinese input to English in real-time // @version 1.0.1 // @match https://*.robomonkey.io/* // @icon https://robomonkey.io/icon.png?adc3438f5fbb5315 // ==/UserScript== (function() { 'use strict'; console.log('Chinese to English Input Translator: Extension loaded'); // Debounce function to avoid excessive API calls function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Check if text contains Chinese characters function containsChinese(text) { return /[\u4e00-\u9fa5]/.test(text); } // Show loading indicator function showLoadingIndicator(element) { const existingIndicator = element.parentElement.querySelector('.translation-loading'); if (existingIndicator) return; const indicator = document.createElement('div'); indicator.className = 'translation-loading'; indicator.textContent = '🔄 Translating...'; indicator.style.cssText = ` position: absolute; background: #007bff; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; z-index: 10000; pointer-events: none; box-shadow: 0 2px 8px rgba(0,0,0,0.2); `; const rect = element.getBoundingClientRect(); indicator.style.top = (rect.top + window.scrollY - 30) + 'px'; indicator.style.left = (rect.left + window.scrollX) + 'px'; document.body.appendChild(indicator); } // Hide loading indicator function hideLoadingIndicator() { const indicators = document.querySelectorAll('.translation-loading'); indicators.forEach(indicator => indicator.remove()); } // Show translation result function showTranslationResult(element, originalText, translatedText) { hideLoadingIndicator(); const result = document.createElement('div'); result.className = 'translation-result'; result.innerHTML = `

Original: ${originalText}

Translation: ${translatedText}

`; result.style.cssText = ` position: absolute; background: white; border: 2px solid #007bff; padding: 12px; border-radius: 8px; font-size: 13px; z-index: 10001; box-shadow: 0 4px 12px rgba(0,0,0,0.3); max-width: 400px; color: #333; `; const rect = element.getBoundingClientRect(); result.style.top = (rect.bottom + window.scrollY + 5) + 'px'; result.style.left = (rect.left + window.scrollX) + 'px'; document.body.appendChild(result); // Use translation button result.querySelector('.use-translation-btn').addEventListener('click', () => { element.value = translatedText; element.dispatchEvent(new Event('input', { bubbles: true })); element.dispatchEvent(new Event('change', { bubbles: true })); result.remove(); console.log('Translation applied:', translatedText); }); // Close button result.querySelector('.close-translation-btn').addEventListener('click', () => { result.remove(); }); // Auto-close after 15 seconds setTimeout(() => { if (result.parentElement) { result.remove(); } }, 15000); } // Translate text using AI async function translateText(text, element) { try { console.log('Translating Chinese text:', text); showLoadingIndicator(element); const translation = await RM.aiCall( `Translate the following Chinese text to English. Only return the English translation, nothing else: "${text}"`, { type: "json_schema", json_schema: { name: "translation", schema: { type: "object", properties: { translation: { type: "string" } }, required: ["translation"] } } } ); console.log('Translation result:', translation); showTranslationResult(element, text, translation.translation); } catch (error) { console.error('Translation failed:', error); hideLoadingIndicator(); // Show error message const errorMsg = document.createElement('div'); errorMsg.textContent = '❌ Translation failed. Please try again.'; errorMsg.style.cssText = ` position: absolute; background: #dc3545; color: white; padding: 8px 12px; border-radius: 4px; font-size: 12px; z-index: 10000; `; const rect = element.getBoundingClientRect(); errorMsg.style.top = (rect.top + window.scrollY - 30) + 'px'; errorMsg.style.left = (rect.left + window.scrollX) + 'px'; document.body.appendChild(errorMsg); setTimeout(() => errorMsg.remove(), 3000); } } // Handle input events const handleInput = debounce(async (event) => { const element = event.target; const text = element.value.trim(); // Remove any existing translation results document.querySelectorAll('.translation-result').forEach(el => el.remove()); // Check if text contains Chinese and is not empty if (text && containsChinese(text)) { console.log('Chinese input detected:', text); await translateText(text, element); } }, 1000); // Wait 1 second after user stops typing // Attach listeners to all input fields function attachListeners() { const inputs = document.querySelectorAll('input[type="text"], input:not([type]), textarea'); inputs.forEach(input => { if (!input.dataset.translatorAttached) { input.dataset.translatorAttached = 'true'; input.addEventListener('input', handleInput); console.log('Attached translator to input field'); } }); } // Initialize function init() { console.log('Initializing Chinese to English Input Translator'); // Attach to existing inputs attachListeners(); // Watch for new input fields being added to the page const observer = new MutationObserver(debounce(() => { attachListeners(); }, 500)); observer.observe(document.body, { childList: true, subtree: true }); console.log('Chinese to English Input Translator: Ready'); } // Start when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();

Chinese to English Input Translator

About