Hacker News Translator

Hacker News Translator Using tmt.tencentcloudapi.com
Wrap lines
// ==UserScript==
// @name         Hacker News Translator
// @namespace    http://tampermonkey.net/Hacker-News-Translator
// @version      0.4
// @description  Hacker News Translator Using tmt.tencentcloudapi.com
// @author       Luoyayu
// @match        https://news.ycombinator.com/*
// @icon         https://www.google.com/s2/favicons?domain=news.ycombinator.com
// @grant        GM_xmlhttpRequest
// @require      https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.js
// ==/UserScript==

(function () {
  "use strict";

  const HighLight_Color = "orange";

  var DEBUG_INFO = false;
  var DEBUG_VERBOSE = false;

  function debug_info(...data) {
    if (DEBUG_INFO) {
      console.log("[INFO] ", data);
    }
  }
  function debug_verbose(...data) {
    if (DEBUG_VERBOSE) {
      console.log("[VERBOSE]", data);
    }
  }

  debug_info("CryptoJS OK: ", CryptoJS);

  function translate(text) {
    const Translate_Target = "zh";

    function sha256(message, secret = "") {
      return CryptoJS.HmacSHA256(message, secret);
    }

    function getHash(message) {
      return CryptoJS.SHA256(message);
    }

    function getDate(timestamp) {
      const date = new Date(timestamp * 1000);
      const year = date.getUTCFullYear();
      const month = ("0" + (date.getUTCMonth() + 1)).slice(-2);
      const day = ("0" + date.getUTCDate()).slice(-2);
      return `${year}-${month}-${day}`;
    }

    // Key parameter 密钥参数
    const SECRET_ID = "AKIDrb??????????????????????????";
    const SECRET_KEY = "e5KQN??????????????????????????";

    const endpoint = "tmt.tencentcloudapi.com";
    const service = "tmt";
    const region = "ap-shanghai";
    const action = "TextTranslate";
    const version = "2018-03-21";
    const timestamp = Math.floor(Date.now() / 1000);
    const date = getDate(timestamp);

    // ************* 步骤 1：拼接规范请求串 *************
    const signedHeaders = "content-type;host";

    const payload = JSON.stringify({
      SourceText: text,
      Source: "auto",
      Target: Translate_Target,
      ProjectId: 0,
    });

    const hashedRequestPayload = getHash(payload);
    const httpRequestMethod = "POST";
    const canonicalUri = "/";
    const canonicalQueryString = "";
    const canonicalHeaders =
      "content-type:application/json" + "\n" + "host:" + endpoint + "\n";

    const canonicalRequest =
      httpRequestMethod +
      "\n" +
      canonicalUri +
      "\n" +
      canonicalQueryString +
      "\n" +
      canonicalHeaders +
      "\n" +
      signedHeaders +
      "\n" +
      hashedRequestPayload;
    debug_verbose(canonicalRequest);

    // ************* 步骤 2：拼接待签名字符串 *************
    const algorithm = "TC3-HMAC-SHA256";
    const hashedCanonicalRequest = getHash(canonicalRequest);
    const credentialScope = date + "/" + service + "/" + "tc3_request";
    const stringToSign =
      algorithm +
      "\n" +
      timestamp +
      "\n" +
      credentialScope +
      "\n" +
      hashedCanonicalRequest;
    debug_verbose(stringToSign);

    // ************* 步骤 3：计算签名 *************
    const kDate = sha256(date, "TC3" + SECRET_KEY);
    const kService = sha256(service, kDate);
    const kSigning = sha256("tc3_request", kService);
    const signature = sha256(stringToSign, kSigning).toString(CryptoJS.enc.Hex);
    debug_verbose(signature);

    // ************* 步骤 4：拼接 Authorization *************
    const authorization =
      algorithm +
      " " +
      "Credential=" +
      SECRET_ID +
      "/" +
      credentialScope +
      ", " +
      "SignedHeaders=" +
      signedHeaders +
      ", " +
      "Signature=" +
      signature;
    debug_verbose(authorization);

    /*const curlcmd = 'curl -X POST ' + 'https://' + endpoint +
        ' -H "Authorization: ' + authorization + '"' +
        ' -H "Content-Type: application/json"' + ' -H "Host: ' +
        endpoint + '"' + ' -H "X-TC-Action: ' + action + '"' +
        ' -H "X-TC-Timestamp: ' + timestamp.toString() + '"' +
        ' -H "X-TC-Version: ' + version + '"' + ' -H "X-TC-Region: ' + region +
        '"' + ' -d \'' + payload + '\'';*/
    // debug_verbose(curlcmd);

    // return xmlhttpRequest
    return {
      url: "https://" + endpoint,
      method: "POST",
      headers: {
        Authorization: authorization,
        "Content-Type": "application/json",
        Host: endpoint,
        "X-TC-Action": action,
        "X-TC-Timestamp": timestamp.toString(),
        "X-TC-Version": version,
        "X-TC-Region": region,
      },
      data: payload,
      onload: null, // 回调函数实现
    };
  }

  // Example
  /*let xmlhttpRequest = translate('Hello World!');
  xmlhttpRequest['onload'] = xhr => {
    let data = JSON.parse(xhr.responseText);
    console.log(data['Response']['TargetText']);
  };
  GM_xmlhttpRequest(xmlhttpRequest);*/

  function translate_eventHandler(event, div_comment) {
    let commtext = div_comment.querySelector("span");
    // console.log(div_comment.innerText);

    let xmlhttpRequest = translate(div_comment.innerText);
    xmlhttpRequest["onload"] = (xhr) => {
      debug_info(xhr.responseText);
      let data = JSON.parse(xhr.responseText);
      let translated_text = data["Response"]["TargetText"];

      const paragraphs = translated_text.split("\n\n");

      Array.from(commtext.getElementsByTagName("p")).forEach((el, index) => {
        let translated_paragraph = document.createElement("p");
        translated_paragraph.setAttribute("style", `color:${HighLight_Color}`);
        translated_paragraph.innerHTML = paragraphs[index];
        commtext.insertBefore(
          translated_paragraph,
          el.innerText !== "reply" ? el : commtext.querySelector(".reply")
        );
      });

      // no paragraphs
      if (commtext.getElementsByTagName("p").length === 0) {
        let translated_paragraph = document.createElement("p");
        translated_paragraph.setAttribute("style", `color:${HighLight_Color}`);
        translated_paragraph.innerHTML = paragraphs[0];
        commtext.insertBefore(
          translated_paragraph,
          commtext.querySelector(".reply")
        );
      }
    };
    GM_xmlhttpRequest(xmlhttpRequest);
  }

  if (
    window.location.pathname === "/news" ||
    window.location.pathname === "/" ||
    window.location.pathname === "/newest"
  ) {
    // 主页
    function sleep(time) {
      return new Promise((resolve) => window.setTimeout(resolve, time));
    }
    function Random(min, max) {
      return Math.round(Math.random() * (max - min)) + min;
    }

    function handler_titlelink(el) {
      let xmlhttpRequest = translate(el.innerHTML);
      xmlhttpRequest["onload"] = (xhr) => {
        debug_info(xhr.responseText);
        let data = JSON.parse(xhr.responseText);
        let error = data["Response"]["Error"];
        let translated_title = data["Response"]["TargetText"];
        if (error != undefined) {
          sleep(Random(0, 5000)).then(() => {
            handler_titlelink(el);
          });
        } else {
          debug_info("translated text: ", translated_title);
          el.innerHTML += "<br/>" + translated_title;
        }
      };
      GM_xmlhttpRequest(xmlhttpRequest);
    }

    Array.from(document.getElementsByClassName("titlelink")).forEach((el) => {
      sleep(Random(0, 5000)).then(() => {
        handler_titlelink(el);
      });
    });
  } else if (window.location.pathname === "/item") {
    // 评论页面
    Array.from(document.getElementsByClassName("comhead")).forEach((el) => {
      if (el.className === "sitebit comhead") {
        // This is a Title comhead
        let xmlhttpRequest = translate(el.parentNode.textContent);
        xmlhttpRequest["onload"] = (xhr) => {
          let data = JSON.parse(xhr.responseText);
          // console.log('标题翻译: ', data['Response']['TargetText']);
          el.append(
            document.createElement("BR"),
            data["Response"]["TargetText"]
          );
        };
        GM_xmlhttpRequest(xmlhttpRequest);
      } else {
        // 评论正文
        let div_comment = el.parentNode.parentNode.querySelector(".comment");

        // 导航栏
        let navs = el.querySelector(".navs");

        let translate_in_nav = document.createElement("a");
        translate_in_nav.setAttribute("style", "color:orange");
        translate_in_nav.innerHTML = "翻译";

        translate_in_nav.addEventListener(
          "click",
          (function (node) {
            return function (e) {
              translate_eventHandler(e, node);
            };
          })(div_comment),
          { once: true }
        );

        navs.append(" | ", translate_in_nav);
      }
    });
  }
})();
欢迎访问Greasy Fork镜像
