use prettier format code

.gitignore

@@ -1,2 +1,4 @@
 /tools/chromium_extension/_metadata
+/tools/chromium_extension/node_modules
+/tools/chromium_extension/package-lock.json
 /.idea

tools/chromium_extension/README.md

@@ -1,7 +1,7 @@
 # 本项目 `README.md` 页面无跳转即可收听正确读音 的 chromium 扩展
 
-
 ### 手动安装扩展
+
 > 1. 下载 [chinese-programmer-wrong-pronunciation](https://github.com/shimohq/chinese-programmer-wrong-pronunciation/archive/refs/heads/master.zip) 然后解压，找到 `tools/chromium_extension` 子目录
 > 2. 打开 Chrome，输入: `chrome://extensions/`
 > 3. 勾选 Developer Mode

tools/chromium_extension/js/content-script.js

@@ -1,33 +1,33 @@
 {
-
+  let URLObj = new URL(location.href);
-    let URLObj = new URL(location.href)
+  console.log(URLObj);
-    console.log(URLObj)
+  if (document.querySelector("#readme table tbody")) {
-    if( document.querySelector("#readme table tbody")) {
+    let audio_player = new Audio();
-
+    audio_player.setAttribute("autoplay", "true");
-        let audio_player = new Audio()
+    document
-        audio_player.setAttribute('autoplay', 'true')
+      .querySelector("#readme table tbody")
-        document.querySelector("#readme table tbody").addEventListener('click', (event) => {
+      .addEventListener("click", (event) => {
         // console.log(event)
         // console.log(event.target.nodeType)
-            console.log(event.target.nodeName)
+        console.log(event.target.nodeName);
         event.preventDefault();
         event.stopPropagation();
 
         let audio_url = null;
-            if (event.target.nodeName === 'TD') {
+        if (event.target.nodeName === "TD") {
-                let aTag = event.target.querySelector('a');
+          let aTag = event.target.querySelector("a");
           if (aTag) {
-                    audio_url = aTag.getAttribute('href');
+            audio_url = aTag.getAttribute("href");
           }
         }
-            if (event.target.nodeName === 'IMG') {
+        if (event.target.nodeName === "IMG") {
-                let aTag = event.target.parentNode.parentNode
+          let aTag = event.target.parentNode.parentNode;
-                audio_url = aTag.getAttribute('href');
+          audio_url = aTag.getAttribute("href");
         }
         if (audio_url) {
-                console.log("audio_url:", audio_url)
+          console.log("audio_url:", audio_url);
-                audio_player.setAttribute('src', audio_url);
+          audio_player.setAttribute("src", audio_url);
         }
-        })
+      });
   }
 }

tools/chromium_extension/manifest.json

@@ -5,9 +5,7 @@
   "description": "README.md 页面无跳转 即可听正确读音",
   "content_scripts": [
     {
-            "matches": [
+      "matches": ["*://*/shimohq/chinese-programmer-wrong-pronunciation/*"],
-                "*://*/shimohq/chinese-programmer-wrong-pronunciation/*"
-            ],
       "run_at": "document_end",
       "js": ["js/content-script.js"]
     }
@@ -16,12 +14,9 @@
     "declarativeNetRequest",
     "declarativeNetRequestWithHostAccess"
   ],
-    "host_permissions": [
+  "host_permissions": ["*://github.com/*", "*://localhost:*/*"],
-        "*://github.com/*",
+  "declarative_net_request": {
-        "*://localhost:*/*"
+    "rule_resources": [
-    ],
-    "declarative_net_request" : {
-        "rule_resources" : [
       {
         "id": "remove_content_security_policy",
         "enabled": true,

tools/chromium_extension/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "chinese-programmer-wrong-pronunciation-chromium-extension",
+  "version": "1.0.0",
+  "description": "README.md 页面无跳转 即可听正确读音",
+  "main": "index.js",
+  "scripts": {
+    "format-code": "npx prettier --write . && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "prettier": "2.6.2"
+  }
+}

tools/chromium_extension/rules/remove_content_security_policy.json

@@ -5,35 +5,56 @@
     "action": {
       "type": "modifyHeaders",
       "responseHeaders": [
-        {"header":"content-security-policy","operation":"remove"},
+        { "header": "content-security-policy", "operation": "remove" },
-        {"header":"content-security-policy-report-only","operation":"remove"},
+        {
-        {"header":"expect-ct","operation":"remove"},
+          "header": "content-security-policy-report-only",
-        {"header":"report-to","operation":"remove"},
+          "operation": "remove"
-        {"header":"x-content-security-policy","operation":"remove"},
+        },
-        {"header":"x-webkit-csp","operation":"remove"},
+        { "header": "expect-ct", "operation": "remove" },
-        {"header":"x-xss-protection","operation":"remove"},
+        { "header": "report-to", "operation": "remove" },
-        {"header":"x-permitted-cross-domain-policies","operation":"remove"},
+        { "header": "x-content-security-policy", "operation": "remove" },
-        {"header":"x-content-type-options","operation":"remove"},
+        { "header": "x-webkit-csp", "operation": "remove" },
-        {"header":"x-frame-options","operation":"remove"},
+        { "header": "x-xss-protection", "operation": "remove" },
-        {"header":"permissions-policy","operation":"remove"},
+        {
-        {"header":"timing-allow-origin","operation":"remove"},
+          "header": "x-permitted-cross-domain-policies",
-        {"header":"cross-origin-embedder-policy","operation":"remove"},
+          "operation": "remove"
-        {"header":"cross-origin-opener-policy","operation":"remove"},
+        },
-        {"header":"cross-origin-opener-policy-report-only","operation":"remove"},
+        { "header": "x-content-type-options", "operation": "remove" },
-        {"header":"cross-origin-embedder-policy-report-only","operation":"remove"}
+        { "header": "x-frame-options", "operation": "remove" },
+        { "header": "permissions-policy", "operation": "remove" },
+        { "header": "timing-allow-origin", "operation": "remove" },
+        { "header": "cross-origin-embedder-policy", "operation": "remove" },
+        { "header": "cross-origin-opener-policy", "operation": "remove" },
+        {
+          "header": "cross-origin-opener-policy-report-only",
+          "operation": "remove"
+        },
+        {
+          "header": "cross-origin-embedder-policy-report-only",
+          "operation": "remove"
+        }
       ]
     },
     "condition": {
       "urlFilter": "*",
-      "requestDomains":[
+      "requestDomains": ["github.com", "githubusercontent.com"],
-        "github.com",
-        "githubusercontent.com"
-      ],
       "resourceTypes": [
-        "main_frame", "sub_frame", "stylesheet", "script", "image", "font",
+        "main_frame",
-        "object", "xmlhttprequest", "ping", "csp_report", "media", "websocket",
+        "sub_frame",
-        "webtransport", "webbundle", "other"
+        "stylesheet",
-      ] }
+        "script",
+        "image",
+        "font",
+        "object",
+        "xmlhttprequest",
+        "ping",
+        "csp_report",
+        "media",
+        "websocket",
+        "webtransport",
+        "webbundle",
+        "other"
+      ]
+    }
   }
-
 ]