support some new sites, add hotkey

immersive-translate · Nov 29, 2022 · 0bd145d · 0bd145d
1 parent a6d7d4d
commit 0bd145d
Show file tree

Hide file tree

Showing 11 changed files with 158 additions and 32 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # ChangeLog
 
+## 0.0.39
+
+- Support linkedin.com
+- Support discord discussion
+- Add shortcut for switch dual show
+
 ## 0.0.37
 
 - Support kyivindependent.com

diff --git a/docs/hard.md b/docs/hard.md
@@ -4,3 +4,13 @@
 ## 1. [daily.dev](https://app.daily.dev/posts/v3SAT4LsS) 重复显示原文
 
 微软自带翻译ok，谷歌自带翻译和插件一样的问题，似乎是原网站使用了nextjs的ssr特性之类导致的？
+
+
+## 2. <https://lot51.cc/tdesc/Achievements/Descriptions/Achievement.tdesc> 无法检测动态刷新
+
+检测到到新节点并不是父节点
+
+
+## 3. br newline
+
+1. <https://www.densediscovery.com/issues/216>
diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
@@ -481,6 +481,9 @@
   "lblHotTranslatedSelectedText": {
     "message": "Replace selected text with translated text instantly"
   },
+  "lblSwitchDual":{
+    "message": "Show Translations/Show Dual"
+  },
   "msgIsShowDualLanguage":{
     "message": "Show dual language?"
    },

diff --git a/src/_locales/zh_CN/messages.json b/src/_locales/zh_CN/messages.json
@@ -371,6 +371,9 @@
   "lblSwitchTranslatedAndOriginal": {
     "message": "在页面的译文和原文间切换"
   },
+  "lblSwitchDual":{
+    "message": "显示译文/显示双语"
+  },
   "lblRestorePageToOriginal": {
     "message": "恢复页面为原文"
   },

diff --git a/src/_locales/zh_TW/messages.json b/src/_locales/zh_TW/messages.json
@@ -20,6 +20,9 @@
   "lblError": {
     "message": "無法翻譯此頁面"
   },
+  "lblSwitchDual":{
+    "message": "显示译文/显示双语"
+  },
   "lblTargetLanguageHelp":{
     "message": "設置翻譯後的語言，也就是你的母語"
   },

diff --git a/src/background/background.js b/src/background/background.js
@@ -500,6 +500,29 @@ if (typeof chrome.commands !== "undefined") {
                     action: "toggle-translation"
                 }, checkedLastError)
             })
+        }else if (command === "hotkey-toggle-dual") {
+            if (twpConfig.get("isShowDualLanguage") === "yes") {
+                twpConfig.set("isShowDualLanguage", "no")
+            } else {
+                twpConfig.set("isShowDualLanguage", "yes")
+            }
+            chrome.tabs.query({
+                currentWindow: true,
+                active: true
+            }, tabs => {
+                chrome.tabs.sendMessage(tabs[0].id, {
+                    action: "toggle-translation"
+                }, checkedLastError)
+                chrome.tabs.query({
+                    currentWindow: true,
+                    active: true
+                }, tabs => {
+                    chrome.tabs.sendMessage(tabs[0].id, {
+                        action: "toggle-translation"
+                    }, checkedLastError)
+                })
+            })
+
         } else if (command === "hotkey-swap-page-translation-service") {
             chrome.tabs.query({
                 active: true,

diff --git a/src/background/chrome_background.js b/src/background/chrome_background.js
@@ -498,7 +498,30 @@ if (typeof chrome.commands !== "undefined") {
                     action: "toggle-translation"
                 }, checkedLastError)
             })
-        } else if (command === "hotkey-swap-page-translation-service") {
+        } else if (command === "hotkey-toggle-dual") {
+            if (twpConfig.get("isShowDualLanguage") === "yes") {
+                twpConfig.set("isShowDualLanguage", "no")
+            } else {
+                twpConfig.set("isShowDualLanguage", "yes")
+            }
+            chrome.tabs.query({
+                currentWindow: true,
+                active: true
+            }, tabs => {
+                chrome.tabs.sendMessage(tabs[0].id, {
+                    action: "toggle-translation"
+                }, checkedLastError)
+                chrome.tabs.query({
+                    currentWindow: true,
+                    active: true
+                }, tabs => {
+                    chrome.tabs.sendMessage(tabs[0].id, {
+                        action: "toggle-translation"
+                    }, checkedLastError)
+                })
+            })
+
+        }else if (command === "hotkey-swap-page-translation-service") {
             chrome.tabs.query({
                 active: true,
                 currentWindow: true

diff --git a/src/chrome_manifest.json b/src/chrome_manifest.json
@@ -3,7 +3,7 @@
     "default_locale": "en",
     "name": "Immersive Translate",
     "description": "Let's experience immersive web translation, with bilingual simultaneous display and translation of only the important content.",
-    "version": "0.0.38",
+    "version": "0.0.38.2",
     "homepage_url": "https://github.com/immersive-translate/immersive-translate",
 
     "commands": {
@@ -13,6 +13,13 @@
                 "mac": "MacCtrl+T"
             },
             "description": "__MSG_lblSwitchTranslatedAndOriginal__"
+        },
+        "hotkey-toggle-dual": {
+            "suggested_key": {
+                "default": "Ctrl+D",
+                "mac": "MacCtrl+D"
+            },
+            "description": "__MSG_lblSwitchDual__"
         }
     },
 

diff --git a/src/contentScript/enhance.js b/src/contentScript/enhance.js
@@ -252,23 +252,26 @@ async function getNodesThatNeedToTranslate(root,ctx,options){
       }
     }
     for(const selector of allBlocksSelectors){
-      const nodes = root.querySelectorAll(selector);
-      for(const node of nodes){
-        if(currentHostname==="twitter.com" || currentHostname==="twitterdesk.twitter.com" || currentHostname==="mobile.twitter.com"){
-          // check language
-          try{
-            const lang = node.getAttribute("lang");
-            if(lang && checkIsSameLanguage(lang,[currentTargetLanguage,...neverTranslateLangs],ctx)){
-              continue;
+
+      if(root && root.querySelectorAll){
+        const nodes = root.querySelectorAll(selector);
+        for(const node of nodes){
+          if(currentHostname==="twitter.com" || currentHostname==="twitterdesk.twitter.com" || currentHostname==="mobile.twitter.com"){
+            // check language
+            try{
+              const lang = node.getAttribute("lang");
+              if(lang && checkIsSameLanguage(lang,[currentTargetLanguage,...neverTranslateLangs],ctx)){
+                continue;
+              }
+            }catch(e){
+              // ignore
+              // console.log("e", e)
             }
-          }catch(e){
-            // ignore
-            // console.log("e", e)
           }
-        }
 
-        if(isValidNode(node) && !isDuplicatedChild(allNodes,node)){
-          allNodes.push(node);
+          if(isValidNode(node) && !isDuplicatedChild(allNodes,node)){
+            allNodes.push(node);
+          }
         }
       }
     }
@@ -412,6 +415,13 @@ async function getNodesThatNeedToTranslate(root,ctx,options){
             originalDisplay = "block";
         }
 
+      }else if(pageSpecialConfig && pageSpecialConfig.name==='discord'){
+        if(node.nodeName.toLowerCase() === "h3" ){
+          // check copy node display to block
+          const br = document.createElement("br");
+          copyNode.appendChild(br);
+        }
+
       }else if(pageSpecialConfig && pageSpecialConfig.selectors){
         // check is inline element
         if(inlineElements.includes(node.nodeName.toLowerCase())){
@@ -479,18 +489,20 @@ function getContainers(root,pageSpecialConfig){
       if(pageSpecialConfig.containerSelectors.length >0){
         let containers =[];
         for(const selector of pageSpecialConfig.containerSelectors){
-            const allContainer = root.querySelectorAll(pageSpecialConfig.containerSelectors);
-            if(allContainer){
-              for(const container of allContainer){
-                // check if brToParagraph
-                if(pageSpecialConfig.brToParagraph){
-                    const pattern = new RegExp ("<br/?>[ \r\n\s]*<br/?>", "g");
-                    container.innerHTML = container.innerHTML.replace(pattern, "</p><p>");
-                }
-
-
-                containers.push(container);
-              } 
+            if(root && root.querySelectorAll){
+              const allContainer = root.querySelectorAll(pageSpecialConfig.containerSelectors);
+              if(allContainer){
+                for(const container of allContainer){
+                  // check if brToParagraph
+                  if(pageSpecialConfig.brToParagraph){
+                      const pattern = new RegExp ("<br/?>[ \r\n\s]*<br/?>", "g");
+                      container.innerHTML = container.innerHTML.replace(pattern, "</p><p>");
+                  }
+
+
+                  containers.push(container);
+                } 
+              }
             }
         }
         return containers.length>0?containers:null;

diff --git a/src/lib/specialRules.js b/src/lib/specialRules.js
@@ -234,9 +234,15 @@ const specialRules = [
   {
     "hostname": "www.producthunt.com",
     "selectors": [
-      "a[data-test^='post-']",
       "h2",
-      "div.layoutCompact div[class^='styles_htmlText__']"
+      "div.layoutCompact div[class^='styles_htmlText__']",
+      ".fontWeight-400.fontSize-desktop-16.color-lighter-grey",
+      "a[href^='/discussions/'].fontWeight-600",
+      "div.color-darker-grey.fontSize-14.fontWeight-400.noOfLines-undefined",
+      "div.color-darker-grey.fontSize-16.fontWeight-400.noOfLines-undefined"
+    ],
+    "containerSelectors": [
+      "div[class^='styles_htmlText__']"
     ]
   },
   {
@@ -247,9 +253,11 @@ const specialRules = [
     ]
   },
   {
+    "name":"discord",
     "hostname": "discord.com",
     "selectors": [
-      "div[id^='message-content-']"
+      "div[id^='message-content-']",
+      "div[class^='header-']",
     ],
     "detectLanguage":true
   },
@@ -340,5 +348,25 @@ const specialRules = [
   {
     "hostname":"zlibrary24tuxziyiyfr7zd46ytefdqbqd2axkmxm4o5374ptpc52fad.onion",
     "selectors":[".blogText",".jscommentsCommentText"]
+  },
+  {
+    "hostname":"www.sciencedirect.com",
+    "selectors":["h1"],
+    "containerSelectors":"article"
+  },
+  {
+    "hostname":"www.linkedin.com",
+    "selectors":[
+      ".feed-shared-update-v2__description-wrapper",
+    ],
+    "containerSelectors":[
+      "article.jobs-description__container"
+    ]
+  },{
+    "hostname":"www.indiehackers.com",
+    "containerSelectors":[
+      ".content",
+    ],
+    "selectors":["h1",".feed-item__title-link"]
   }
 ]
diff --git a/src/manifest.json b/src/manifest.json
@@ -3,7 +3,7 @@
     "default_locale": "en",
     "name": "Immersive Translate",
     "description": "Let's experience immersive web translation, with bilingual simultaneous display and translation of only the important content.",
-    "version": "0.0.38",
+    "version": "0.0.38.2",
     "homepage_url": "https://github.com/immersive-translate/immersive-translate",
 
     "browser_specific_settings": {
@@ -20,7 +20,15 @@
                 "mac": "MacCtrl+T"
             },
             "description": "__MSG_lblSwitchTranslatedAndOriginal__"
+        },
+        "hotkey-toggle-dual": {
+            "suggested_key": {
+                "default": "Ctrl+D",
+                "mac": "MacCtrl+D"
+            },
+            "description": "__MSG_lblSwitchDual__"
         }
+
     },
 
     "icons": {