☰

[TS] Youtube Translate

Adds translate button for video's title and "About" description. Works in most cases

// ==UserScript==
// @name            [TS] Youtube Translate
// @namespace       TimidScript
// @version         1.0.11.1
// @description     Adds translate button for video's title  and "About" description. Works in most cases
// @author          TimidScript
// @homepageURL     https://github.com/TimidScript
// @copyright       © 2014+ TimidScript, All Rights Reserved.
// @license         https://github.com/TimidScript/UserScripts/blob/master/license.txt
// @include         http*://*.youtube.*/watch?*
// @require         https://greasyfork.org/scripts/19967/code/TSL - GM_update.js
// @homeURL         https://greasyfork.org/en/scripts/4689
// @grant           GM_xmlhttpRequest
// @grant           GM_info
// @grant           GM_getMetadata
// @grant           GM_getValue
// @grant           GM_setValue
// @grant           GM_deleteValue
// @grant           GM_registerMenuCommand
// @icon            data:image/png;base64,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
// ==/UserScript==

/* License + Copyright Notice
********************************************************************************************
License can be found at: https://github.com/TimidScript/UserScripts/blob/master/license.txt
Below is a copy of the license the may not be up-to-date.

Copyright © TimidScript, Some Rights Reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the
following conditions are met:

1) GPL-3 License is met that does not conflict with the rest of the license (http://www.gnu.org/licenses/gpl-3.0.en.html)
2) This notice must be included
3) Due credits and link to original author's homepage (included in this notice).
4) Notify the original author of redistribution
5) Clear clarification of the License and Notice to the end user
6) Do not upload on OpenUserJS.org or any other site that infringes on this license

TimidScript's Homepages:  GitHub:      https://github.com/TimidScript
                          GreasyFork:  https://greasyfork.org/users/1455
*/
/* Information
********************************************************************************************
    Version History
----------------------------------------------
1.0.11 (2016-05-27)
 - Altered license
1.0.10 (2016-05-25)
 - Moving to GreasyFork and preparing to remove OUJS files
1.0.9 (2016-04-10)
 - updateURL added
1.0.8  (2016-04-03)
 - Changed license to GPL-3
1.0.7 (2015-10-05)
 - Replaced base64 bmp icon with png version
1.0.6 (2015-06-27)
 - Using URI (base64) for script icon
1.0.5 (2014-08-29)
 - Added GM_update
 - Bug Fix: Returned results sometimes creates unnecessary space in url link
1.0.4 (2014-08-19)
 - Cleaned up header for OUJS
1.0.3 (2014-08-14)
 - Bug Fix in handling lines that only contain url or email
1.0.2 (2014-08-05)
 - Removed Google's span hover title translation. Less errors
1.0.1 (2014-07-27)
 - Split the translation into parts to achieve higher success rate
1.0.0 (2014-07-21)
 - Initial release (Does not work in all cases)
********************************************************************************************/


(function ()
{
    console.info("[TS] Youtube Translate");

    // Translation of Title
    var title = document.getElementById("eow-title");
    title.parentElement.appendChild(document.createElement("br"));
    var btn = document.createElement("input");
    btn.type = "button";
    btn.value = "Translate";
    title.parentElement.appendChild(btn);

    btn.onclick = function ()
    {
        var title = document.getElementById("eow-title");

        if (this.style.color)
        {
            title.textContent = title.title;
            this.style.color = null;
        }
        else
        {
            if (title.hasAttribute("translated_text")) title.textContent = title.getAttribute("translated_text");
            else Translate(title, [title.title], true);

            this.style.color = "lime";
        }
    };


    // Translation of Video Description
    var description = document.getElementById("eow-description");

    description.parentElement.insertBefore(document.createElement("br"), description);
    btn = document.createElement("input");
    btn.type = "button";
    btn.value = "Translate";
    description.parentElement.insertBefore(btn, description);

    var descriptionTranslated = description.cloneNode();
    descriptionTranslated.id = "eow-description2"
    descriptionTranslated.style.display = "none";
    description.parentElement.insertBefore(descriptionTranslated, description);

    btn.onclick = function ()
    {
        var description = document.getElementById("eow-description");
        if (this.style.color)
        {
            description.previousElementSibling.style.display = "none";
            description.style.display = null;
            this.style.color = null;
        }
        else
        {
            if (!description.hasAttribute("translated"))
            {
                description.setAttribute("translated", true);
                var text = description.innerHTML.replace(/(<br \/>|<br>)/gi, "\u200B"); //\u200B Zero width space


                //Need to remove urls as they cause errors when passing them through google URL
                var i = 0;
                while (text.match(/<a [^>]+>[^<]+<\/a>/i))
                {
                    /*linkID is an href so correct translation can occur, as using a non-href id
                    causing the translation to differ.*/
                    text = text.replace(/<a [^>]+>[^<]+<\/a>/i, "http://www.yt." + ('00' + i).slice(-2));
                    i++;
                }

                var array = text.split("\u200B");
                Translate(description.previousElementSibling, array, false);
            }

            description.previousElementSibling.style.display = null;
            description.style.display = "none";
            this.style.color = "lime";
        }
    }

    function Translate(node, arr, isTitle, idx)
    {
        if (idx == undefined) idx = 0;
        else if (!isTitle && idx < arr.length) node.innerHTML += "<br />";
        else if (!isTitle)
        {
            var children = node.children;
            for (var i = 0; i < children.length; i++)
            {
                children[i].removeAttribute("title");
                children[i].removeAttribute("onmouseover");
                children[i].removeAttribute("onmouseout");
            }
            var links = node.nextElementSibling.getElementsByTagName("a");

            node.innerHTML = node.innerHTML.replace(/http: (\/\/www.yt.\d\d)/gi, "http:$1");
            for (var i = 0; i < links.length; i++)
            {
                var linkID = "http://www.yt." + ('00' + i).slice(-2);
                node.innerHTML = node.innerHTML.replace(linkID, links[i].outerHTML);
            }
            return;
        }

        console.log("# & testing 1 2 34  / #sd");
        var txt = encodeURI(arr[idx]);
        console.log(txt);
        txt = "♥❤❥ " + txt; //Added this to handle lines that contain only URL or email

        if (!isTitle && txt.trim().length == 0)
        {
            Translate(node, arr, isTitle, ++idx);
            return;
        }

        //var URL = "http://www.google.com/translate_t&langpair=auto|auto?text=" + txt + "&langpair=auto|auto";
        var URL = "https://translate.google.com/?langpair=auto|auto&text=" + txt;

        GM_xmlhttpRequest({
            method: 'GET',
            url: URL,
            headers: { "User-agent": navigator.userAgent, "Accept": "text/html" }, //"Accept": "text/html"
            onload: function (response)
            {
                if (response.status == 200)
                {
                    var doc = new DOMParser().parseFromString(response.responseText, "text/html");
                    var rb = doc.getElementById("result_box");

                    if (isTitle) node.textContent = rb.textContent.replace(/♥ ?❤ ?❥ ?/g, "");
                    else
                    {
                        node.innerHTML += rb.innerHTML.replace(/♥ ?❤ ?❥ ?/g, "");
                        Translate(node, arr, isTitle, ++idx);
                    }
                }
                else console.error("status: ", response.status);
            }
        });
    }
})();