From b14abc3ca8b49dff5b8c07e1c0691507f25f8a34 Mon Sep 17 00:00:00 2001
From: Zhicheng Wang <zcwang@thoughtworks.com>
Date: Sun, 26 Feb 2017 18:44:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=97=A0=E6=B3=95=E6=AD=A3?=
 =?UTF-8?q?=E5=B8=B8=E9=9A=90=E8=97=8F=E7=BF=BB=E8=AF=91=E4=BA=86=E4=B8=80?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E7=9A=84=E6=96=87=E6=A1=A3=E4=B8=AD=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

大幅度改写了翻译脚本，改为先找到中文节点，然后找它的“前兄弟”节点视为对应的英文节点的算法。
---
 public/translate/cn/translate.js | 137 ++++++-------------------------
 1 file changed, 26 insertions(+), 111 deletions(-)

diff --git a/public/translate/cn/translate.js b/public/translate/cn/translate.js
index d89b03306a..8e2a8f3415 100644
--- a/public/translate/cn/translate.js
+++ b/public/translate/cn/translate.js
@@ -1,21 +1,14 @@
-// TODO: refactor me!
 var sourceVisible = localStorage.getItem('source-visible') === 'true';
 (function ($) {
   var content = document.querySelector('article');
   var footer = document.querySelector('.main-footer');
 
-  processContainer(content, true);
+  processContainer(content);
   processContainer(footer);
 
-  if (!sourceVisible) {
-    var nodes = document.querySelectorAll('.original-english');
-    _.each(nodes, function (node) {
-      $(node).addClass('hidden');
-    });
-  }
-
   // restore
   if (content) {
+    // default hidden by css
     content.style.display = 'block';
   }
   footer.style.display = 'block';
@@ -24,100 +17,36 @@ var sourceVisible = localStorage.getItem('source-visible') === 'true';
    * Process container recursively.
    * @param container
    */
-  function processContainer(container, isContent) {
-    if (!container || (isContent && isPureEnglish(container.textContent))) {
-      return;
-    }
-    var count = 0;
-    for (var i = 0; i < container.children.length; i++) {
-      var node = container.children[i];
-      console.log(node);
-      var ignoredTagNames = ['CODE-EXAMPLE', 'SCRIPT', 'CODE', 'EM', 'STRONG', 'CODE-TABS'];
-      // ignore example code.
-      if (node.classList.contains('code-example') ||
-        ignoredTagNames.indexOf(node.tagName) >= 0) {
-
-        continue;
-      }
-
-      switch (node.tagName) {
-        case 'P':
-        case 'H1':
-        case 'H2':
-        case 'H3':
-        case 'H4':
-        case 'H5':
-        case 'H6':
-        case 'HEADER':
-          count++;
-          if (processBlock(node)) {
-            i++;
-            count++;
+  function processContainer(container) {
+    var nodes = container.querySelectorAll('p,h1,h2,h3,h4,h5,h6,header,li,a');
+    nodes.forEach((node)=> {
+      if (isTranslation(node.textContent)) {
+        var $translated = $(node);
+        var prevNode = node.previousElementSibling;
+        var $english = $(prevNode);
+        if (isCorrespondingNode(node, prevNode) && !isTranslation(prevNode.textContent)) {
+          $translated.after($english);
+          $translated.addClass('translated');
+          $translated.addClass('translated-cn');
+          $english.addClass('original-english');
+          if (!sourceVisible) {
+            $english.addClass('hidden');
           }
-          break;
-        case 'TD':
-        case 'TH':
-        case 'UL':
-        case 'OL':
-        case 'DIV':
-          processContainer(node, ['TD','TH'].indexOf(node.tagName)!== -1);
-          break;
-        default:
-          if (processContainer(node) <= 1) {
-            if (processBlock(node)) {
-              i++;
-              count++;
-            }
-          }
-          break;
-      }
-    }
-
-    return count;
-  }
-
-  /**
-   * Process block elements. The first element is original english, the
-   * second element is translated one.
-   * @param current the first element.
-   * @returns {boolean} Is success?
-   */
-  function processBlock(current) {
-    var sibling = current.nextElementSibling;
-
-    var $current = $(current);
-    var $sibling = $(sibling);
-
-    if (sibling) {
-      if (isClonedNode(current, sibling)) {
-        if (isPureEnglish(current.textContent)) {
-          if (sibling.children) {
-            processContainer(sibling);
-          }
-            $current.addClass('original-english');
-            $sibling.addClass('translated');
-            $sibling.addClass('translated-cn');
-            $sibling.after($current);
-            $sibling.on('click', function (event) {
-              // for nested structure.
-              event.stopPropagation();
-              $current.toggleClass('hidden');
-            });
-            // addSpacingBetweenCnAndEn(sibling);
-            return true;
-
 
+          $translated.on('click', function (event) {
+            // for nested structure.
+            event.stopPropagation();
+            $english.toggleClass('hidden');
+          });
         }
       }
-    }
-
-    return false;
+    });
   }
 
-  function isPureEnglish(text) {
+  function isTranslation(text) {
     if (text) {
       text = text.replace('在线例子', '');
-      return /^[\1-\255—’“”ç®…à\u200B]*$/.test(text);
+      return /[\u2E80-\u2EFF\u2F00-\u2FDF\u3000-\u303F\u31C0-\u31EF\u3200-\u32FF\u3300-\u33FF\u3400-\u4DBF\u4DC0-\u4DFF\u4E00-\u9FBF\uF900-\uFAFF\uFE30-\uFE4F\uFF00-\uFFEF]/.test(text);
     }
     return false;
 
@@ -137,22 +66,8 @@ var sourceVisible = localStorage.getItem('source-visible') === 'true';
       .join(';');
   }
 
-  function isClonedNode(node1, node2) {
-    return node1.tagName === node2.tagName && node1.tagName !== 'TR' &&
+  function isCorrespondingNode(node1, node2) {
+    return node1 && node2 && node1.tagName === node2.tagName &&
       attributesToString(node1) === attributesToString(node2);
   }
-
-  // function addSpacingBetweenCnAndEn(nodeCn) {
-  //     var text = nodeCn.innerHTML;
-  //     text = text.replace(/([\x20-\xff]+)/g, function (word) {
-  //         if (!word.replace(/\s/, '')) {
-  //             return '';
-  //         } else if (/<[^>]*>/.test(word)) {
-  //             return ' ' + word + ' ';
-  //         } else {
-  //             return ' ' + word + ' ';
-  //         }
-  //     });
-  //     nodeCn.innerHTML = text;
-  // }
 })(angular.element);