chore: Update readme

Signed-off-by: ittuann <ittuann@outlook.com>
ittuann · Aug 18, 2024 · d4742c4 · d4742c4
1 parent 20104a7
commit d4742c4
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 25 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
-# Route to CIDR Converter
+# [Route to CIDR Converter](https://ittuann.github.io/Route2CIDR/)
 
-## <https://ittuann.github.io/Route2CIDR/>
+访问本工具：***<https://ittuann.github.io/Route2CIDR/>***
+
+![Route2CIDR WebSite](docs/images/homepage.png)
 
 本项目是一个在线工具，用于将路由表转换为 CIDR (无类域间路由，Classless Inter-Domain Routing)，并支持转换为Clash、SSTap和Netch代理规则。
 

diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/docs/images/homepage.png b/docs/images/homepage.png
diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="iconx/favicon-16x16.png">
     <link rel="manifest" href="iconx/site.webmanifest">
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-YQ3R6RXKW7"></script>
-    <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-YQ3R6RXKW7")</script>
+    <script>function gtag() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], gtag("js", new Date), gtag("config", "G-YQ3R6RXKW7")</script>
 </head>
 
 <body class="bg-gray-100 flex justify-center items-center min-h-screen">
@@ -75,6 +75,7 @@ <h2 class="text-xl font-semibold text-gray-700">转换结果:</h2>
                     class="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-green-600">下载</button>
             </div>
         </div>
+        <p class="text-sm text-gray-500 text-left mt-2">Note: 转换速度取决于输入路由表长度</p>
 
         <div id="notification"
             class="fixed bottom-4 right-4 bg-gray-800 text-white py-2 px-4 rounded-lg shadow-lg opacity-0 transition-opacity duration-300">

diff --git a/src/index.js b/src/index.js
@@ -88,11 +88,11 @@ function routeToCIDR(routeRawStr) {
         );
     });
 
-    cidrAddressList.forEach((network) => {
-        console.log(`${network.networkAddress}/${network.subnetMaskLength}`);
-    });
+    // cidrAddressList.forEach((network) => {
+    //     console.log(`${network.networkAddress}/${network.subnetMaskLength}`);
+    // });
 
-    return cidrAddressList; // 返回CIDR地址列表
+    return cidrAddressList; // 返回CIDR列表
 }
 
 function convertCIDRListToStr(cidrAddressList, formatFn, header = "") {
@@ -153,20 +153,6 @@ document.addEventListener("DOMContentLoaded", () => {
     inputElement.placeholder = exampleRouteInput;
     configContainer.style.display = "none";
 
-    // 定义转换按钮点击事件通用处理函数
-    function handleButtonClick(convertFunction, extraParam = null) {
-        const routeInput =
-            inputElement.value.trim() === ""
-                ? exampleRouteInput
-                : inputElement.value;
-        const cidrAddressList = routeToCIDR(routeInput);
-        const result = extraParam
-            ? convertFunction(cidrAddressList, extraParam)
-            : convertFunction(cidrAddressList);
-        outputElement.textContent = result;
-        showNotification("转换完成！");
-    }
-
     // 切换显示/隐藏额外设置
     function toggleConfigContainer(show) {
         configContainer.style.display = show ? "block" : "none";
@@ -185,22 +171,36 @@ document.addEventListener("DOMContentLoaded", () => {
         }, 3000);
     }
 
+    // 定义转换按钮点击事件通用处理函数
+    function handleButtonClick(convertFunction, extraParam = null) {
+        showNotification("正在转换路由表至CIDR~ 转换速度取决于路由表长度");
+
+        const routeInput =
+            inputElement.value.trim() === ""
+                ? exampleRouteInput
+                : inputElement.value;
+        const cidrAddressList = routeToCIDR(routeInput);
+        const result = extraParam
+            ? convertFunction(cidrAddressList, extraParam)
+            : convertFunction(cidrAddressList);
+        outputElement.textContent = result;
+
+        showNotification("转换完成！");
+    }
+
     // 添加事件监听器
     buttonToClash.addEventListener("click", () => {
-        showNotification("正在转换路由至CIDR~ 转换速度取决于路由表长度");
         handleButtonClick(convertCIDRListToClashStr);
         toggleConfigContainer(false);
     });
     buttonToSSTap.addEventListener("click", () => {
-        showNotification("正在转换路由至CIDR~ 转换速度取决于路由表长度");
         handleButtonClick(
             convertCIDRListToSSTapStr,
             sstapHeaderElement.value.trim(),
         );
         toggleConfigContainer(true);
     });
     buttonToNetch.addEventListener("click", () => {
-        showNotification("正在转换路由至CIDR~ 转换速度取决于路由表长度");
         handleButtonClick(convertCIDRListToNetchStr);
         toggleConfigContainer(false);
     });