☰

Project Euler Problem Translator

Provides translations in Romanian, Russian, Korean and German for Project Euler problems

  1. /*******************************************************************************
  2.  * Copyright (c) 2012 - 2016 Radu Murzea. All rights reserved.
  3.  *
  4.  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5.  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6.  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  7.  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  8.  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  9.  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  10.  * THE SOFTWARE.
  11.  *
  12.  *******************************************************************************/
  13.  
  14.  /*******************************************************************************
  15.  * DESCRIPTION:
  16.  * 
  17.  * This script is intended for use only on ProjectEuler.net and it was build to be used together
  18.  * with Firefox's GreaseMonkey extension.
  19.  *
  20.  * It places 5 flags (British, Romanian, Russian, Korean and German) on top of every problem's page.
  21.  * By clicking on the flag, the corresponding translation of a problem is retrieved.
  22.  *
  23.  * Obviously, not at all problems are available in the above mentioned languages. In this case, clicking on the flag will do nothing.
  24.  *
  25.  * Notes about implementation:
  26.  *
  27.  * - The technique used for implementing this is **JSONP** (JSON with padding), since AJAX wouldn't work (see Same Origin Policy).
  28.  * - The processing function (only 2 - 3 lines of code) is found in the **processtranslation.js** file. That function will be executed when the response comes back.
  29.  * - The 5 flag images are stored inside the script in Base64 format, to avoid additional HTTP requests.
  30.  *
  31.  * LIMITATIONS:
  32.  *
  33.  * - does not work on HTTPS version of ProjectEuler (Firefox 23+), unless you disable Mixed Active Content blocker
  34.  * - for some unknown reason, it needs at least Firefox 9+ to work.
  35.  *
  36.  * The translations are parsed from the corresponding translations websites:
  37.  *
  38.  * - http://projecteuler.radumurzea.net/ for Romanian
  39.  * - http://euler.jakumo.org/ for Russian,
  40.  * - http://euler.synap.co.kr/ for Korean and
  41.  * - http://projekteuler.de for German
  42.  *
  43.  * You can see a demo on how the script works in the video on this page: http://projecteuler.radumurzea.net/greasemonkey.php
  44.  * 
  45.  * The script is also hosted here, for easier installation:
  46.  *
  47.  * - https://greasyfork.org/en/scripts/4899-project-euler-problem-translator
  48.  * - https://openuserjs.org/scripts/SoboLAN/Project_Euler_Problem_Translator
  49.  *
  50.  *
  51.  *******************************************************************************/
  52.  
  53.  /***************************************************
  54.  *
  55.  * Version 1.7 (24 September 2016)
  56.  * - The domain name where the scripts and romanian translations live has been changed, so this new version updates them.
  57.  * _______________________________
  58.  *
  59.  * Version 1.6 (15 June 2014)
  60.  * - Since Firefox introduced the Mixed Active Content blocker in Firefox 23, this script will
  61.  * only run when viewing problems in HTTP mode and it will fail in HTTPS. So it's now
  62.  * disabled on HTTPS.
  63.  * @see https://blog.mozilla.org/tanvi/2013/04/10/mixed-content-blocking-enabled-in-firefox-23/
  64.  * A solution would be to buy a HTTPS certificate for my domain, but atm the costs are not justified.
  65.  * _______________________________
  66.  *
  67.  * Version 1.5 (15 June 2014)
  68.  * - Added translations in German.
  69.  *_______________________________
  70.  *
  71.  * Version 1.4 (24 May 2014)
  72.  * - Due to significant and frequent accessibility issues, support for Spanish translations is now
  73.  * dropped.
  74.  * _______________________________
  75.  * 
  76.  * Version 1.3 (18 March 2013)
  77.  * - support for Korean added. At this date, 110 problems are translated in this language.
  78.  * _______________________________
  79.  *
  80.  * Version 1.2.5 (13 January 2013)
  81.  * - the flags will no longer appear on the page exactly after
  82.  * you enter a (correct or incorrect) answer. This issue existed because the URL remains
  83.  * the same.
  84.  * - a few minor changes
  85.  * _______________________________
  86.  *
  87.  * Version 1.2 (28 December 2012)
  88.  * - translations are now offered in Russian and Spanish as well. These translations are parsed from
  89.  * euler.jakumo.org and euleres.tk, respectively. Because of this, additional roundtrips must be made to
  90.  * retrieve these translations, which is why it will feel slower... sometimes very slow.
  91.  * - some small changes here and there.
  92.  * - the backend part has been changed from "read.php" to "getjsontranslation.php". Although the old version
  93.  * is still functional, it is highly recommended to switch to the new one (spanish and russian are accessible
  94.  * only in the new one). Please note that the old version will be taken out of rotation on the 20th of January.
  95.  *
  96.  * WARNING: I have no control over how many problems are accessible in the 2 new languages and the quality
  97.  * of these translations. Any problem regarding these 2 languages (Russian and Spanish) should be directed
  98.  * to their authors.
  99.  *
  100.  * WARNING: In my tests, the Spanish version would sometimes fail for some problems and then work again
  101.  * a few minutes later. Apparently, this issue has something to do
  102.  * with network connection timeouts (low quality hosting ?), so this is not a bug in the script
  103.  * itself. Please do not report this as a bug.
  104.  * _______________________________
  105.  *
  106.  * Version 1.0.2 (17 December 2012)
  107.  * - script functionality was broken by some changes in
  108.  * the HTML code on projecteuler.net that occured on 16 December 2012. This version
  109.  * fixes this issue.
  110.  * _______________________________
  111.  *
  112.  * Version 1.0.1 (22 September 2012)
  113.  * - added some extra safety by checking that the parsing of
  114.  * the problem's ID did not return NaN
  115.  * _______________________________
  116.  *
  117.  * Version 1.0 (18 September 2012)
  118.  * - initial release
  119.  *
  120.  ****************************************************/
  121.  
  122.  
  123. // ==UserScript==
  124. // @name Project Euler Problem Translator
  125. // @description Provides translations in Romanian, Russian, Korean and German for Project Euler problems
  126. // @author Radu Murzea
  127. // @version 1.7
  128. // @icon http://projecteuler.radumurzea.net/favicon.ico
  129. // @include http://projecteuler.net/problem=*
  130. // @grant none
  131. // @namespace https://greasyfork.org/users/5099
  132. // ==/UserScript==  
  133.  
  134.  
  135.  
  136. function setNewTranslation(problem, lang)
  137. {
  138.     var script = document.createElement('script');
  139.     
  140.     script.setAttribute('src', 'http://projecteuler.radumurzea.net/getjsontranslation.php?problem=' + problem + '&lang=' + lang);
  141.     
  142.     document.getElementsByTagName('head')[0].appendChild(script); 
  143. }
  144.  
  145. function getProblemID()
  146. {
  147.     var h3Nodes = document.getElementsByTagName('h3');
  148.     
  149.     for (var nodeIndex = 0; nodeIndex < h3Nodes.length; nodeIndex++) {
  150.         var nodePieces = h3Nodes[nodeIndex].innerHTML.split(" ");
  151.         
  152.         if (nodePieces[0] === "Problem") {
  153.             var problemID = parseInt(nodePieces[1]);
  154.             
  155.             return problemID;
  156.         }
  157.     }
  158.     
  159.     return -1;
  160. }
  161.  
  162. function getROFlag()
  163. {
  164.     var RO = document.createElement("img");
  165.     RO.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHd" +
  166.             "hcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGBSURBVHjaYmTQPs7w6Q8DCDAxMLC8P2DOwcbA8I/hHxix/GD4pw3kIRBAALEwvPtT3aQIV" +
  167.             "P7vH+O//0yc0hWsrD8ZGP78//8HRH75/T/mz//fv///AZFfNm0CCCAWBhYGhv8MT17//vvv/99/TP/+PWJg+P7//28o+vP7/+1f/3/9Aqp" +
  168.             "mlJUF2gAQQCwgs/8zAFX/+QtCQIP///8FJn+DGP+Aqn9DNDD8/g3UABBALAx//oFV//vzhwGs4RfCeBAbRQPQdIAAYmH49Q+o7vef/zANv" +
  169.             "5H0gBm/oE5i+PMHaANAAIE0/AUZ//8XUM9fBiQNYBLJSYxgJwEEEEjD778Mv/6A9Pz+wwB1BpoNYOOBbgAGHEAAsTD8BNL/gJqBrvr9lxF" +
  170.             "JA8QGsIY/QA1/Gf7+BfoBIICAofQHqFRShBXkjb/MTEzSDAzfGBmB/gMa95uB5Q+D0h+QUjACOgkggBgZGLYyMPwCS4Nc+HxvMAsLw78/4" +
  171.             "HgFkh8Y/oVD4xgCAAIMACetb51Fz+5FAAAAAElFTkSuQmCC";
  172.     
  173.     RO.alt = "Romania";
  174.     RO.title = "Romanian";
  175.     RO.style.cursor = "pointer";
  176.     
  177.     RO.onclick = function() {
  178.         var problemID = getProblemID();
  179.         
  180.         if (! isNaN(problemID) && problemID !== -1) {
  181.             setNewTranslation(problemID, "ro");
  182.         }
  183.     };
  184.  
  185.     return RO;
  186. }
  187.  
  188. function getDEFlag()
  189. {
  190.     var DE = document.createElement("img");
  191.     DE.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHd" +
  192.             "hcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGzSURBVHjaYvTxcWb4+53h3z8GZpZff/79+v3n/7/fDAz/GHAAgABi+f37e3FxOZD1Dwz+/" +
  193.             "v3z9y+E/AMFv3//+Qumfv9et241QACxMDExAVWfOHkJJAEW/gUEP0EQDn78+AHE/gFOQJUAAcQiy8Ag8O+fLFj1n1+/QDp+/gQioK7fP37" +
  194.             "8+vkDqOH39x9A/RJ/gE5lAAhAYhzcAACCQBDkgRXRjP034R0IaDTZTFZn0DItot37S94KLOINerEcI7aKHAHE8v/3r/9//zIA1f36/R+o4" +
  195.             "tevf1ANYNVA9P07RD9IJQMDQACxADHD3z8Ig4GMHz+AqqHagKp//fwLVA0U//v7LwMDQACx/LZiYFD7/5/53/+///79BqK/EMZ/UPACSYa" +
  196.             "/v/8DyX9A0oTxx2EGgABi+a/H8F/m339BoCoQ+g8kgRaCQvgPJJiBYmAuw39hxn+uDAABxMLwi+E/0PusRkwMvxhBGoDkH4b/v/+D2EDyz" +
  197.             "///QB1/QLb8+sP0lQEggFh+vGXYM2/SP6A2Zoaf30Ex/J+PgekHwz9gQDAz/P0FYrAyMfz7wcDAzPDtFwNAgAEAd3SIyRitX1gAAAAASUV" +
  198.             "ORK5CYII=";
  199.     
  200.     DE.alt = "Germany";
  201.     DE.title = "German";
  202.     DE.style.cursor = "pointer";
  203.     
  204.     DE.onclick = function() {
  205.         var problemID = getProblemID();
  206.         
  207.         if (! isNaN(problemID) && problemID !== -1) {
  208.             setNewTranslation(problemID, "de");
  209.         }
  210.     };
  211.  
  212.     return DE;
  213. }
  214.  
  215. function getKRFlag()
  216. {
  217.     var KR = document.createElement("img");
  218.     KR.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHd" + 
  219.             "hcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHDSURBVHjaYjSs/f/lBwME/Pn379cfIMnw6xfDrz9A9r/fIA4SYmMACCDGgzf/q4iBlf///" +
  220.             "5+B4d9/KPMfCIMY/xn+//sH4f4/duMLQAAxfmRgZO/v+/fiFcNfkJkMLEz/v3wB6fn95//fPyDy9+9/f37///WbSUry+ZzZAAHEApRifPW" +
  221.             "KiYmBOSiEUV6e8efPX6tX/9m9m+HXb4bfv0Do129GoBN//2b49YOJgQEggJj+AZ3x9y+zv/+/W7f+P7j/a8cO5qCg/2xs/379AqK/P3/9/" +
  222.             "QVCf4Dc30DdDAABBNLA8Ocvg6gIk77+z1Wrmays/vPwMIiI/P8N0gB0z3+wTiD5/8+fPwwMAAHEBHIu0K0vXv7evIklIODP9u0M37//e/7" +
  223.             "838+fIEU/f0JVg20AKgYIIKAfGBiBdi1ZwpaY+F9SgkVN7Wdt7f83bxjBZgOdDvEA0HgmIGJgAAggFqAt/3h4/j169K29AxRQwOD78pWBi" +
  224.             "+s/K+s/sDpwKAFj588/QUFghAEEEMups9+1pFlAgQ0Nc0iog6MCLAQR/weSY9hx6jVAADEyx3/9+wEWkcB4BRryC4kLj+l/QDYDAx8DQIA" +
  225.             "BAA2EWORnICKSAAAAAElFTkSuQmCC";
  226.     
  227.     KR.alt = "Korea";
  228.     KR.title = "Korean";
  229.     KR.style.cursor = "pointer";
  230.     
  231.     KR.onclick = function() {
  232.         var problemID = getProblemID();
  233.         
  234.         if (! isNaN(problemID) && problemID !== -1) {
  235.             setNewTranslation(problemID, "kr");
  236.         }
  237.     };
  238.     
  239.     return KR;
  240. }
  241.  
  242. function getRUFlag()
  243. {
  244.     var RU = document.createElement("img");
  245.     RU.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHd" +
  246.             "hcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAE2SURBVHjaYvz69T8DAvz79w9CQVj/0MCffwwAAcQClObiAin6/x+okxHMgPCAbOb//5n+I" +
  247.             "4EXL74ABBALxGSwagTjPzbAyMgItAQggBg9Pf9nZPx//x7kjL9////9C2QAyf9//qCQQCQkxFhY+BEggFi2b/+nq8v46BEDSPQ3w+8//3/" +
  248.             "/BqFfv9BJeXmQEwACCOSkP38YgHy4Bog0RN0vIOMXVOTPH6Cv/gEEEEgDxFKgHEgDXCmGDUAE1AAQQCybGZg1f/d8//XsH0jTn3+///z79" +
  249.             "RtE/v4NZfz68xfI/vOX+4/0ZoZFAAHE4gYMvD+3/v2+h91wCANo9Z+/jH9VxBkYAAKIBRg9TL//MEhKAuWAogxgZzGC2CCfgUggAoYdGAE" +
  250.             "VAwQQ41egu5AQAyoXTQoIAAIMAD+JZR7YOGEWAAAAAElFTkSuQmCC";
  251.     
  252.     RU.alt = "Russia";
  253.     RU.title = "Russian";
  254.     RU.style.cursor = "pointer";
  255.     
  256.     RU.onclick = function() {
  257.         var problemID = getProblemID();
  258.         
  259.         if (! isNaN(problemID) && problemID !== -1) {
  260.             setNewTranslation(problemID, "ru");
  261.         }
  262.     };
  263.     
  264.     return RU;
  265. }
  266.  
  267. function getUKFlag()
  268. {
  269.     var UK = document.createElement("img");
  270.     UK.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJ" +
  271.             "lYWR5ccllPAAAAflJREFUeNpinDRzn5qN3uFDt16+YWBg+Pv339+KGN0rbVP+//2rW5tf0Hfy/2+mr99+yKpyOl3Ydt8njEWIn8f9zj639" +
  272.             "NC7j78eP//8739GVUUhNUNuhl8//ysKeZrJ/v7z10Zb2PTQTIY1XZO2Xmfad+f7XgkXxuUrVB6cjPVXef78JyMjA8PFuwyX7gAZj97+T2e" +
  273.             "9o3d4BWNp84K1NzubTjAB3fH0+fv6N3qP/ir9bW6ozNQCijB8/8zw/TuQ7r4/ndvN5mZgkpPXiis3Pv34+ZPh5t23//79Rwehof/9/NDEg" +
  274.             "MrOXHvJcrllgpoRN8PFOwy/fzP8+gUlgZI/f/5xcPj/69e/37//AUX+/mXRkN555gsOG2xt/5hZQMwF4r9///75++f3nz8nr75gSms82jf" +
  275.             "vQnT6zqvXPjC8e/srJQHo9P9fvwNtAHmG4f8zZ6dDc3bIyM2LTNlsbtfM9OPHH3FhtqUz3eXX9H+cOy9ZMB2o6t/Pn0DHMPz/b+2wXGTvP" +
  276.             "lPGFxdcD+mZyjP8+8MUE6sa7a/xo6Pykn1s4zdzIZ6///8zMGpKM2pKAB0jqy4UE7/msKat6Jw5mafrsxNtWZ6/fjvNLW29qv25pQd///n" +
  277.             "+5+/fxDDVbcc//P/zx/36m5Ub9zL8+7t66yEROcHK7q5bldMBAgwADcRBCuVLfoEAAAAASUVORK5CYII=";
  278.     
  279.     UK.alt = "United Kingdom";
  280.     UK.title = "British English";
  281.     UK.style.cursor = "pointer";
  282.     
  283.     UK.onclick = function() {
  284.         var problemID = getProblemID();
  285.         
  286.         if (! isNaN(problemID) && problemID !== -1) {
  287.             setNewTranslation(problemID, "en");
  288.         }
  289.     };
  290.     
  291.     return UK;
  292. }
  293.  
  294. function insertFlags()
  295. {
  296.     var UK = getUKFlag();   //UK
  297.     var RO = getROFlag();   //Romania
  298.     var RU = getRUFlag();   //Russia
  299.     var KR = getKRFlag();   //Korea
  300.     var DE = getDEFlag();   //Germany
  301.     
  302.     var flagsParagraph = document.createElement("p");
  303.     
  304.     UK.style.marginRight = "12px";
  305.     RO.style.marginRight = "12px";
  306.     RU.style.marginRight = "12px";
  307.     KR.style.marginRight = "12px";
  308.     
  309.     flagsParagraph.appendChild(UK);
  310.     flagsParagraph.appendChild(RO);
  311.     flagsParagraph.appendChild(RU);
  312.     flagsParagraph.appendChild(KR);
  313.     flagsParagraph.appendChild(DE);
  314.     
  315.     flagsParagraph.style.display = "block";
  316.     flagsParagraph.style.marginLeft = "auto";
  317.     flagsParagraph.style.marginRight = "auto";
  318.     flagsParagraph.style.textAlign = "center";
  319.     
  320.     // reference node
  321.     var refNode = document.getElementById("content");
  322.     
  323.     // insert before
  324.     refNode.parentNode.insertBefore(flagsParagraph, refNode);
  325. }
  326.  
  327. function insertTranslationProcessing()
  328. {
  329.     var pscript = document.createElement('script');
  330.     
  331.     pscript.setAttribute('type', 'text/javascript');
  332.     
  333.     pscript.setAttribute('src', 'https://raw.githubusercontent.com/SoboLAN/projecteuler-translation-script/master/processtranslation.js');
  334.     
  335.     var bodyElement = document.getElementsByTagName('body')[0];
  336.     
  337.     bodyElement.insertBefore(pscript, bodyElement.firstChild);
  338. }
  339.  
  340. var problemID = getProblemID();
  341.  
  342. if (! isNaN(problemID) && problemID !== -1) {
  343.     insertFlags();
  344.     
  345.     insertTranslationProcessing();
  346. }