GPicy / Instant Image to Text - Multilingual OCR Online

// ==UserScript==
// @name         Instant Image to Text - Multilingual OCR Online
// @name:es      Instantáneo de Imagen a Texto - Herramienta OCR Multilingüe en Línea
// @name:de      Sofortige Bild-zu-Text - Mehrsprachiges OCR Online
// @name:fr      Conversion Instantanée d'Image en Texte - OCR Multilingue en Ligne
// @name:it      Conversione Istantanea da Immagine a Testo - OCR Multilingua Online
// @name:pt      Conversão Instantânea de Imagem para Texto - OCR Multilíngue Online
// @name:ru      Мгновенное Преобразование Изображения в Текст - Многоязычное Онлайн OCR
// @name:ja      即時画像からテキストへ - 多言語オンラインOCR
// @name:ko      즉시 이미지를 텍스트로 - 다국어 온라인 OCR
// @name:ar      الصورة إلى النص فوراً - أداة OCR متعددة اللغات عبر الإنترنت
// @name:tr      Anlık Görüntüden Metne - Çok Dilli Çevrimiçi OCR
// @name:nl      Direct Beeld naar Tekst - Meertalige Online OCR
// @name:sv      Direkt Bild till Text - Flerspråkig Online OCR
// @name:da      Øjeblikkelig Billede til Tekst - Flersproget Online OCR
// @name:zh      即时图像转文字 - 多语言在线OCR工具
// @name:zh-TW   即時影像轉文字 - 多語言在線OCR工具
// @description  Access accurate image-to-text conversions with our instant online OCR tool, supporting over 180 languages including rare and regional dialects.
// @description:es  Accede a conversiones precisas de imagen a texto con nuestra herramienta OCR en línea instantánea, que admite más de 180 idiomas, incluidos dialectos raros y regionales.
// @description:de  Greifen Sie mit unserem sofortigen Online-OCR-Tool genau auf Bild-zu-Text-Umwandlungen zu, das über 180 Sprachen, einschließlich seltener und regionaler Dialekte, unterstützt.
// @description:fr  Accédez à des conversions précises d'image en texte avec notre outil OCR en ligne instantané, prenant en charge plus de 180 langues, y compris des dialectes rares et régionaux.
// @description:it  Accedi a conversioni precise da immagine a testo con il nostro strumento OCR online istantaneo, che supporta oltre 180 lingue, inclusi dialetti rari e regionali.
// @description:pt  Acesse conversões precisas de imagem para texto com nossa ferramenta de OCR online instantânea, que suporta mais de 180 idiomas, incluindo dialetos raros e regionais.
// @description:ru  Получите точные преобразования изображений в текст с помощью нашего мгновенного онлайн-инструмента OCR, поддерживающего более 180 языков, включая редкие и региональные диалекты.
// @description:ja  弊社の即時オンラインOCRツールで正確な画像からテキストへの変換を手に入れよう。珍しい方言や地域の言葉も含む180以上の言語に対応しています。
// @description:ko  당사의 즉시 온라인 OCR 도구로 180개 이상의 언어를 지원하는 정확한 이미지-텍스트 변환에 접근하세요. 드문 언어와 지역 방언도 포함됩니다.
// @description:ar  قم بالوصول إلى تحويلات دقيقة من الصورة إلى النص باستخدام أداتنا للتعرف الضوئي على الحروف عبر الإنترنت فوراً، التي تدعم أكثر من 180 لغة، بما في ذلك اللهجات النادرة والإقليمية.
// @description:tr  Anlık çevrimiçi OCR aracımızla, nadir ve bölgesel lehçeler de dahil olmak üzere 180'den fazla dili destekleyen, resimden metne doğru dönüşümlere erişin.
// @description:nl  Krijg toegang tot nauwkeurige beeld-naar-tekst conversies met onze directe online OCR tool, die meer dan 180 talen ondersteunt inclusief zeldzame en regionale dialecten.
// @description:sv  Få tillgång till exakta bild-till-text-konverteringar med vårt omedelbara online OCR-verktyg som stöder över 180 språk inklusive ovanliga och regionala dialekter.
// @description:da  Få adgang til nøjagtige billed-til-tekstkonverteringer med vores øjeblikkelige online OCR-værktøj, der understøtter over 180 sprog inklusive sjældne og regionale dialekter.
// @description:zh  利用我们的即时在线OCR工具,准确地进行图像转文字转换,支持180多种语言,包括稀有和地方方言。
// @description:zh-TW 使用我們的即時在線OCR工具,支援180多種語言,包含稀有和地區方言,進行準確的影像到文字轉換。
// @namespace    http://gpicy.com
// @author       gpicy
// @version      1.2.5
// @match        *://*/*
// @supportURL   https://gpicy.com/en-US/image-ocr?utm_source=openuserjs
// @grant        none
// @run-at       document-start
// @license      Apache-2.0
// ==/UserScript==

(function() {
    const floatingMenu = document.createElement('div');
    floatingMenu.style.cssText = `
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(135deg, rgba(132, 16, 145, 0.45), rgba(222, 0, 114, 0.45));
    padding: 10px;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10000;
    `;

    const closeButton = document.createElement('div');
    closeButton.innerHTML = `×`; // "×" symbol
    closeButton.style.cssText = `
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    margin-right: -10px;
    margin-top: -10px;
    border-radius: 15px; /* Makes it round */
    background-color: #FFF;
    color: #000;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    `;
    closeButton.onclick = function() {
        document.body.removeChild(floatingMenu);
    };

    const menuTranslations = {
        'en': {
            'Image OCR': '🖼️ Image OCR',
            'PDF OCR': '📄 PDF OCR',
            'Lossless Image Enlarge': '🔍 Lossless Image Enlarge',
            'Background Removal': '🚫 Background Removal',
            'Object Removal': '🧹 Object Removal',
            'Photo Colorization': '🎨 Photo Colorization',
            'Portrait Restoration': '👥 Portrait Restoration'
        },
        'fr': { // French
            'Image OCR': '🖼️ OCR d\'Image',
            'PDF OCR': '📄 OCR de PDF',
            'Lossless Image Enlarge': '🔍 Agrandissement d\'Image Sans Perte',
            'Background Removal': '🚫 Suppression de l\'Arrière-plan',
            'Object Removal': '🧹 Retrait d\'Objet',
            'Photo Colorization': '🎨 Colorisation de Photo',
            'Portrait Restoration': '👥 Restauration de Portrait'
        },
        'de': { // German
            'Image OCR': '🖼️ Bild OCR',
            'PDF OCR': '📄 PDF OCR',
            'Lossless Image Enlarge': '🔍 Verlustfreie Bildvergrößerung',
            'Background Removal': '🚫 Hintergrund Entfernen',
            'Object Removal': '🧹 Objektentfernung',
            'Photo Colorization': '🎨 Fotokolorierung',
            'Portrait Restoration': '👥 Porträtrestaurierung'
        },
        'es': { // Spanish
            'Image OCR': '🖼️ OCR de Imagen',
            'PDF OCR': '📄 OCR de PDF',
            'Lossless Image Enlarge': '🔍 Ampliación de Imagen Sin Pérdida',
            'Background Removal': '🚫 Eliminación de Fondo',
            'Object Removal': '🧹 Eliminación de Objeto',
            'Photo Colorization': '🎨 Colorización de Fotos',
            'Portrait Restoration': '👥 Restauración de Retrato'
        },
        'it': { // Italian
            'Image OCR': '🖼️ OCR Immagine',
            'PDF OCR': '📄 OCR PDF',
            'Lossless Image Enlarge': '🔍 Ingrandimento Immagine Senza Perdite',
            'Background Removal': '🚫 Rimozione dello Sfondo',
            'Object Removal': '🧹 Rimozione Oggetto',
            'Photo Colorization': '🎨 Colorazione Foto',
            'Portrait Restoration': '👥 Restauro Ritratto'
        },
        'pt': { // Portuguese
            'Image OCR': '🖼️ OCR de Imagem',
            'PDF OCR': '📄 OCR de PDF',
            'Lossless Image Enlarge': '🔍 Ampliação de Imagem sem Perda',
            'Background Removal': '🚫 Remoção de Fundo',
            'Object Removal': '🧹 Remoção de Objeto',
            'Photo Colorization': '🎨 Coloração de Foto',
            'Portrait Restoration': '👥 Restauração de Retrato'
        },
        'ja': { // Japanese
            'Image OCR': '🖼️ 画像OCR',
            'PDF OCR': '📄 PDF OCR',
            'Lossless Image Enlarge': '🔍 ロスレス画像拡大',
            'Background Removal': '🚫 背景削除',
            'Object Removal': '🧹 オブジェクト削除',
            'Photo Colorization': '🎨 写真着色',
            'Portrait Restoration': '👥 ポートレート修復'
        },
        'nl': { // Dutch
            'Image OCR': '🖼️ Afbeelding OCR',
            'PDF OCR': '📄 PDF OCR',
            'Lossless Image Enlarge': '🔍 Verliesvrije Afbeelding Vergroten',
            'Background Removal': '🚫 Achtergrond Verwijderen',
            'Object Removal': '🧹 Object Verwijderen',
            'Photo Colorization': '🎨 Foto Inkleuren',
            'Portrait Restoration': '👥 Portret Restauratie'
        },
        'ru': { // Russian
            'Image OCR': '🖼️ OCR изображений',
            'PDF OCR': '📄 OCR PDF',
            'Lossless Image Enlarge': '🔍 Безубыточное Увеличение Изображения',
            'Background Removal': '🚫 Удаление Фона',
            'Object Removal': '🧹 Удаление Объектов',
            'Photo Colorization': '🎨 Колоризация Фото',
            'Portrait Restoration': '👥 Реставрация Портретов'
        },
        'ko': { // Korean
            'Image OCR': '🖼️ 이미지 OCR',
            'PDF OCR': '📄 PDF OCR',
            'Lossless Image Enlarge': '🔍 손실 없는 이미지 확대',
            'Background Removal': '🚫 배경 제거',
            'Object Removal': '🧹 객체 제거',
            'Photo Colorization': '🎨 사진 채색',
            'Portrait Restoration': '👥 초상화 복원'
        },
        'ar': { // Arabic
            'Image OCR': '🖼️ OCR للصور',
            'PDF OCR': '📄 OCR لملفات PDF',
            'Lossless Image Enlarge': '🔍 تكبير الصورة بدون فقدان',
            'Background Removal': '🚫 إزالة الخلفية',
            'Object Removal': '🧹 إزالة الكائن',
            'Photo Colorization': '🎨 تلوين الصور',
            'Portrait Restoration': '👥 استعادة الصور الشخصية'
        },
        'th': { // Thai
            'Image OCR': '🖼️ OCR ภาพ',
            'PDF OCR': '📄 OCR ไฟล์ PDF',
            'Lossless Image Enlarge': '🔍 ขยายภาพแบบไม่สูญเสียข้อมูล',
            'Background Removal': '🚫 ลบพื้นหลัง',
            'Object Removal': '🧹 ลบวัตถุ',
            'Photo Colorization': '🎨 การตกแต่งสีภาพถ่าย',
            'Portrait Restoration': '👥 การซ่อมแซมภาพเหมือน'
        },
        'zh': { // Simplified Chinese
            'Image OCR': '🖼️ 图像文字识别',
            'PDF OCR': '📄 PDF文字识别',
            'Lossless Image Enlarge': '🔍 无损放大图像',
            'Background Removal': '🚫 背景移除',
            'Object Removal': '🧹 物体移除',
            'Photo Colorization': '🎨 照片上色',
            'Portrait Restoration': '👥 人像修复'
        },
        'zh-TW': { // Traditional Chinese
            'Image OCR': '🖼️ 圖像文字識別',
            'PDF OCR': '📄 PDF文字識別',
            'Lossless Image Enlarge': '🔍 無損放大圖像',
            'Background Removal': '🚫 背景移除',
            'Object Removal': '🧹 物體移除',
            'Photo Colorization': '🎨 照片上色',
            'Portrait Restoration': '👥 人像修復'
        },

    };

    // Detecting your browser's preferred language
    function detectLanguage() {
        const supportedLangs = Object.keys(menuTranslations);
        const defaultLang = 'en';
        const userLangs = navigator.languages.map(lang => lang.split('-')[0]);
        for (let lang of userLangs) {
            if (supportedLangs.includes(lang)) {
                return lang;
            }
        }
        return defaultLang;
    }

    // Get the language translation of the current user
    const currentLang = detectLanguage();
    const translations = menuTranslations[currentLang];

    // List of features and associated URLs
    const features = [
        { icon: '🖼️', name: 'Image OCR', url: 'https://gpicy.com/en-US/image-ocr?utm_source=openuserjs', desc: 'Image recognition to text' },
        { icon: '📄',   name: 'PDF OCR', url: 'https://gpicy.com/en-US/pdf-ocr?utm_source=openuserjs', desc: 'PDF recognition into text' },
        { icon: '🔍',   name: 'Lossless Image Enlarge', url: 'https://gpicy.com/en-US/lossless-image-enlarge?utm_source=openuserjs', desc: 'Lossless magnification of AI image' },
        { icon: '🚫',   name: 'Background Removal', url: 'https://gpicy.com/en-US/background-removal?utm_source=openuserjs', desc: 'AI Background Removal' },
        { icon: '🧹',   name: 'Object Removal', url: 'https://gpicy.com/en-US/object-removal?utm_source=openuserjs', desc: 'AI Object Removal' },
        { icon: '🎨',   name: 'Photo Colorization', url: 'https://gpicy.com/en-US/photo-colorization?utm_source=openuserjs', desc: 'AI Photo Colorization' },
        { icon: '👥',   name: 'Portrait Restoration', url: 'https://gpicy.com/en-US/portrait-restoration?utm_source=openuserjs', desc: 'AI Portrait Restoration' },
    ];

    floatingMenu.appendChild(closeButton);

    features.forEach(feature => {
        const button = document.createElement('button');
        const translatedName = translations[feature.name] || feature.name;
        button.innerHTML = `${translatedName}`;
        button.style.cssText = `
        display: block;
        width: 100%;
        margin: 5px 0;
        background-color: #FFF;
        color: #000;
        border: none;
        border-radius: 3px;
        padding: 10px;
        cursor: pointer;
        text-align: left;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        `;

        button.onmouseenter = function() {
            this.style.transform = 'translateX(10px)';
            this.style.boxShadow = '3px 3px 10px rgba(0, 0, 0, 0.2)';
        };

        button.onmouseleave = function() {
            this.style.transform = 'translateX(0)';
            this.style.boxShadow = 'none';
        };

        button.onclick = function() {
            window.open(feature.url, '_blank');
        };

        const tooltip = document.createElement('span');
        tooltip.textContent = feature.desc;
        tooltip.style.cssText = `
            visibility: hidden;
            width: 120px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px 0;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -60px;
            opacity: 0;
            transition: opacity 0.3s;
        `;
        button.appendChild(tooltip);

        button.onmouseover = function() {
            tooltip.style.visibility = 'visible';
            tooltip.style.opacity = '1';
        };

        button.onmouseout = function() {
            tooltip.style.visibility = 'hidden';
            tooltip.style.opacity = '0';
        };

        floatingMenu.appendChild(button);
    });

    document.body.appendChild(floatingMenu);
})();