Merge pull request #1 from ychikazawa/Add-extension

Add extension

Author: ychikazawa

README.md

@@ -1,2 +1,19 @@
 # chromium-extension-msdocs-easy-switch-lang
 Easy switch lang button on msdocs for Chromium (Chrome and Edge).
+
+## Description
+Are you an avid reader of Microsoft Docs eager to get it in English as well as in your mother tongue version?
+<br>But changing URLs manually is a bit tedious, no?
+
+With this extension you can switch between your language and English in one click!
+<br>From the upper right Extensions button, display "MSDocs Easy Switch Lang" and click on it with [Microsoft Docs](https://docs.microsoft.com/en-us/) open.
+<br>This extension will work to switch between the UI language set in your browser and English.
+<br>If English is set as the UI language, your browser's list of allowed languages will appear in order.
+
+
+## Example
+With the English document displayed, click the button: 
+![2022-06-01_16h54_32](https://user-images.githubusercontent.com/12545287/171356671-b4c7fc06-9b0d-4a24-a0ea-520175522351.png)
+
+It will then switch to the Japanese document:
+![2022-06-01_16h55_51](https://user-images.githubusercontent.com/12545287/171356892-7bb0242f-91ce-492f-bea0-9462a4f3ff5e.png)

icons/128.png

@@ -0,0 +1,23 @@
+{
+    "manifest_version": 3,
+    "name": "MSDocs Easy Switch Lang",
+    "version": "1.0",
+    "description": "Easy switch lang button on msdocs for Chromium (Chrome and Edge).",
+    "icons": {
+        "128": "icons/128.png",
+        "48": "icons/48.png",
+        "16": "icons/16.png"
+    },    
+    "action": {
+    },
+    "permissions": [
+        "activeTab",
+        "tabs"
+    ],
+    "host_permissions": [
+        "https://docs.microsoft.com/*"
+    ],
+    "background": {
+        "service_worker": "scripts/background.js"
+    }
+}

icons/16.png

@@ -0,0 +1,39 @@
+var langIndex = 0;
+
+/***
+ * Switch the language of the page
+ */
+chrome.action.onClicked.addListener(function(tab) {
+    if (tab.url.includes("https://docs.microsoft.com/")) {
+        var currentLang = tab.url.split("/")[3];  // ja-jp, en-us
+        var uiLang = chrome.i18n.getUILanguage();  // ja, en-us
+        
+        var newLang = "";
+        if (uiLang == "en-US") {
+            // If the current language is English, switch to AcceptLanguages in order.
+            chrome.i18n.getAcceptLanguages(function(langs) {
+                langIndex = langIndex+1 < langs.length ? langIndex+1 : 0;
+                newLang = langs[langIndex];
+                console.log(langIndex + ": " + newLang);
+
+                switchToNewLang(tab, currentLang, newLang);
+            });
+        } else {
+            // If the current language is not English, switch to UILanguage of browser.
+            newLang = currentLang.includes(uiLang) ? "en-us" : uiLang;
+            switchToNewLang(tab, currentLang, newLang);
+        }
+    }
+});
+
+/***
+ * Load new page with new language
+ */
+function switchToNewLang(tab, currentLang, newLang) {
+    console.log("Switching language from " + currentLang + " to " + newLang);
+    var newUrl = tab.url.replace(currentLang, newLang);
+    
+    chrome.tabs.update(tab.id, {
+        url: newUrl
+    });
+}