block-proxy 0.1.12 → 0.1.13

package/src/App.js

@@ -78,7 +78,7 @@ function App() {
         } else if (data.ips.length >= 1) {
           localIp = data.ips[0].address;
         }
-        QRCode.toCanvas(document.getElementById('qrcode'), `http://${localIp}:${config.web_interface_port}/fetchCrtFile`);
+        QRCode.toCanvas(document.getElementById('qrcode'), `http://${localIp}:8003/fetchCrtFile`);
       } else {
         showToast('获取服务器IP失败', 'error');
       }
@@ -624,7 +624,17 @@ function App() {
               value={config.vpn_proxy}
               onChange={(e) => setConfig({...config, vpn_proxy: e.target.value || ""})}
             />
-            <div className="help-text">（格式：“127.0.0.1:1087”，仅调试用）</div>
+            <div className="help-text">（格式："127.0.0.1:1087"，仅调试用）</div>
+          </div>
+          <div className="setting-row">
+            <label>HTTPS MITM 解密:</label>
+            <select
+              value={config.enable_mitm || "1"}
+              onChange={(e) => setConfig({...config, enable_mitm: e.target.value})}
+            >
+              <option value="1">开启（需安装证书，支持 URL 路径过滤 + 广告重写）</option>
+              <option value="0">关闭（纯隧道转发，不拦截，零证书错误）</option>
+            </select>
           </div>
           <div className="setting-row actions">
             <button 
@@ -635,11 +645,10 @@ function App() {
               {loading ? '保存中...' : '保存配置'}
             </button>
             
-            <button 
-              onClick={handleUpdateDevices} 
+            <button
+              onClick={handleUpdateDevices}
               disabled={loading}
-              className="restart-btn"
-              style={{ backgroundColor: '#17a2b8', color: 'white' }}
+              className="refresh-btn"
             >
               {loading ? '刷新中...' : '刷新路由表'}
             </button>
@@ -680,6 +689,12 @@ function App() {
               config.enable_socks5 === "1" ? "开启" : "关闭"
             }</span>
           </p>
+          <p>
+            <b>HTTPS MITM 解密：</b>
+            <span>{
+              (config.enable_mitm || "1") === "1" ? "开启（需安装证书，支持 URL 路径过滤 + 广告重写）" : "关闭（纯隧道转发，不拦截）"
+            }</span>
+          </p>
           <p>
             <b>用户名</b>：{config.auth_username === "" ? (
               <span>无</span>
@@ -694,22 +709,10 @@ function App() {
               config.auth_password
             )}
           </p>
-          <p>
-            <b>AnyProxy 监控地址：</b>
-            {serverIPs.length > 0 ? (
-              <span>
-                <a href={`http://${getIpAddress()}:${config.web_interface_port}`} target="_blank" rel="noopener noreferrer">
-                  {`http://${getIpAddress()}:${config.web_interface_port}`}
-                </a>
-              </span>
-            ) : (
-              <span>正在获取服务器IP地址...</span>
-            )}
-          </p>
           <p>
             <span>
               扫码安装证书：
-              <a href={`http://${getIpAddress()}:${config.web_interface_port}/fetchCrtFile`} target="_blank">下载</a>
+              <a href={`http://${getIpAddress()}:8003/fetchCrtFile`} target="_blank">下载</a>
             </span><br />
             <canvas id="qrcode"></canvas>
           </p>
@@ -750,10 +753,10 @@ function App() {
           ) : (
             <p>暂无设备信息</p>
           )}
-          <button 
-            onClick={fetchConfig} 
+          <button
+            onClick={fetchConfig}
             disabled={loading}
-            style={{ marginTop: '10px' }}
+            className="refresh-table-btn"
           >
             {loading ? '刷新中...' : '更新路由表'}
           </button>

package/src/index.css

@@ -1,13 +1,12 @@
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background: #f8fafc;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }

package/test/lib/mock-server.js

@@ -0,0 +1,133 @@
+const http = require('http');
+
+function getLanIp() {
+  const os = require('os');
+  const interfaces = os.networkInterfaces();
+  for (const name of Object.keys(interfaces)) {
+    for (const iface of interfaces[name]) {
+      if (iface.family === 'IPv4' && !iface.internal) {
+        return iface.address;
+      }
+    }
+  }
+  return '127.0.0.1';
+}
+
+class MockServer {
+  constructor() {
+    this.server = null;
+    this.port = 0;
+    this.host = '0.0.0.0';
+    this.lanIp = getLanIp();
+  }
+
+  get baseUrl() {
+    return `http://${this.lanIp}:${this.port}`;
+  }
+
+  async start() {
+    return new Promise((resolve, reject) => {
+      this.server = http.createServer((req, res) => {
+        try {
+          this._handle(req, res);
+        } catch (_err) {
+          if (!res.headersSent) {
+            res.writeHead(500);
+            res.end('Internal Server Error');
+          }
+        }
+      });
+
+      this.server.on('error', reject);
+      this.server.listen(0, this.host, () => {
+        this.port = this.server.address().port;
+        resolve(this.port);
+      });
+    });
+  }
+
+  _handle(req, res) {
+    const url = new URL(req.url, `http://${this.host}`);
+    const path = url.pathname;
+
+    if (path === '/ping') {
+      res.writeHead(200, { 'Content-Type': 'text/plain', 'Content-Length': '4' });
+      res.end('pong');
+      return;
+    }
+
+    if (path.startsWith('/size/')) {
+      const bytes = parseInt(path.split('/')[2], 10);
+      if (isNaN(bytes) || bytes < 0 || bytes > 100 * 1024 * 1024) {
+        res.writeHead(400);
+        res.end('Invalid size (0-104857600)');
+        return;
+      }
+      const buf = Buffer.alloc(bytes, 0x58);
+      res.writeHead(200, {
+        'Content-Type': 'application/octet-stream',
+        'Content-Length': String(bytes),
+      });
+      res.end(buf);
+      return;
+    }
+
+    if (path.startsWith('/delay/')) {
+      const ms = parseInt(path.split('/')[2], 10);
+      if (isNaN(ms) || ms < 0 || ms > 30000) {
+        res.writeHead(400);
+        res.end('Invalid delay (0-30000)');
+        return;
+      }
+      setTimeout(() => {
+        res.writeHead(200, { 'Content-Type': 'text/plain' });
+        res.end(`delayed ${ms}ms`);
+      }, ms);
+      return;
+    }
+
+    if (path.startsWith('/status/')) {
+      const code = parseInt(path.split('/')[2], 10) || 200;
+      res.writeHead(code);
+      res.end(`Status: ${code}`);
+      return;
+    }
+
+    if (path === '/echo' && req.method === 'POST') {
+      const body = [];
+      req.on('data', (c) => body.push(c));
+      req.on('end', () => {
+        const buf = Buffer.concat(body);
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({
+          method: req.method,
+          url: req.url,
+          headers: req.headers,
+          bodyLength: buf.length,
+        }));
+      });
+      return;
+    }
+
+    // default: dump request info
+    res.writeHead(200, { 'Content-Type': 'application/json' });
+    res.end(JSON.stringify({
+      method: req.method,
+      url: req.url,
+      path,
+      headers: req.headers,
+    }));
+  }
+
+  async stop() {
+    return new Promise((resolve) => {
+      if (this.server) {
+        this.server.close(() => resolve());
+      } else {
+        resolve();
+      }
+    });
+  }
+}
+
+module.exports = MockServer;