unplugin-dingtalk 0.4.2 → 0.5.2

package/dist/astro.cjs

@@ -5069,6 +5069,7 @@ var init_multipart_parser = __esm({
               state = S.HEADER_FIELD;
               mark("onHeaderField");
               index = 0;
+            // falls through
             case S.HEADER_FIELD:
               if (c2 === CR) {
                 clear("onHeaderField");
@@ -5098,6 +5099,7 @@ var init_multipart_parser = __esm({
               }
               mark("onHeaderValue");
               state = S.HEADER_VALUE;
+            // falls through
             case S.HEADER_VALUE:
               if (c2 === CR) {
                 dataCallback("onHeaderValue", true);
@@ -5121,6 +5123,7 @@ var init_multipart_parser = __esm({
             case S.PART_DATA_START:
               state = S.PART_DATA;
               mark("onPartData");
+            // falls through
             case S.PART_DATA:
               previousIndex = index;
               if (index === 0) {
@@ -5215,6 +5218,8 @@ module.exports = __toCommonJS(astro_exports);
 // src/index.ts
 var import_node_child_process = require("child_process");
 var import_node_process = __toESM(require("process"), 1);
+var import_node_http3 = require("http");
+var import_node_net2 = require("net");
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/index.js
 var import_node_http2 = __toESM(require("http"), 1);
@@ -6512,20 +6517,94 @@ function fixResponseChunkedTransferBadEnding(request, errorCallback) {
 var import_unplugin = require("unplugin");
 var import_picocolors = __toESM(require("picocolors"), 1);
 var import_cookie = __toESM(require("cookie"), 1);
-var import_chii = require("chii");
+var import_z_chii = require("z-chii");
+var import_dns2 = __toESM(require("dns2"), 1);
 var import_get_port_please = require("get-port-please");
+var import_http_proxy = __toESM(require("http-proxy"), 1);
 var cwd = import_node_process.default.cwd();
 var config;
 var colorUrl = (url) => import_picocolors.default.green(url.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
 var resovedInfo = {
   devtoolsInstance: void 0,
+  dnsServerInstence: void 0,
   availablePort: void 0,
   targetURL: void 0
 };
+function startVueDevtools(enable) {
+  if (enable && !resovedInfo.devtoolsInstance) {
+    resovedInfo.devtoolsInstance = (0, import_node_child_process.exec)("npx vue-devtools");
+    console.log(`  ${import_picocolors.default.green("\u279C")}  vue-devtools is running. If the devtools has no data, please refresh the page in dingtalk.`);
+    resovedInfo.devtoolsInstance.on("exit", () => {
+      resovedInfo.devtoolsInstance = void 0;
+    });
+    import_node_process.default.on("exit", () => {
+      if (resovedInfo.devtoolsInstance) {
+        resovedInfo.devtoolsInstance.kill();
+      }
+    });
+  }
+}
+function startDnsServer(options) {
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
+    }
+  }
+  if ((options == null ? void 0 : options.enable) && (options == null ? void 0 : options.dns) && !resovedInfo.dnsServerInstence) {
+    const { Packet } = import_dns2.default;
+    resovedInfo.dnsServerInstence = import_dns2.default.createServer({
+      tcp: true,
+      udp: true,
+      handle: (request, send, rinfo) => {
+        var _a4;
+        const response = Packet.createResponseFromRequest(request);
+        const [question] = request.questions;
+        const { name } = question;
+        if (name === options.dns.host) {
+          response.answers.push({
+            name,
+            type: Packet.TYPE.A,
+            class: Packet.CLASS.IN,
+            ttl: 300,
+            address: (_a4 = options.dns) == null ? void 0 : _a4.ip
+          });
+          debug(`dns request from ${rinfo.address}:${rinfo.port} for ${name} => ${options.dns.ip}`);
+        }
+        send(response);
+      }
+    });
+    resovedInfo.dnsServerInstence.listen({
+      udp: { address: "0.0.0.0", port: 53 },
+      tcp: { address: "0.0.0.0", port: 53 }
+    }).then(() => {
+      debug("DNS server is running.");
+      const dns = new import_dns2.default({
+        port: 53,
+        nameServers: ["127.0.0.1", "8.8.8.8"]
+      });
+      dns.resolveA(options.dns.host).then((addresses) => {
+        var _a4;
+        if (((_a4 = addresses.answers[0]) == null ? void 0 : _a4.address) === options.dns.ip) {
+          startDnsServer(options);
+          console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(`DNS server is started, please modify the DNS of the remote device to ${options.dns.ip}`)}`);
+        } else {
+          debug(addresses.answers[0].address);
+          throw new Error("DNS server started failed");
+        }
+      }).catch((e2) => {
+        throw e2;
+      });
+    }).catch((e2) => {
+      debug(e2);
+      console.log(`  ${import_picocolors.default.red("\u279C")}  ${import_picocolors.default.bold((e2 == null ? void 0 : e2.message) || e2)}`);
+    });
+  }
+}
 var unpluginFactory = (options) => {
   const {
-    chii: enableChii = true
+    chii
   } = options || {};
+  const enableChii = (chii == null ? void 0 : chii.enable) !== false;
   function debug(...args) {
     if (options == null ? void 0 : options.debug) {
       console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
@@ -6541,22 +6620,16 @@ var unpluginFactory = (options) => {
       var _a4, _b, _c;
       if ((options == null ? void 0 : options.enable) && enableChii && !resovedInfo.availablePort) {
         resovedInfo.availablePort = await (0, import_get_port_please.getRandomPort)();
-        debug(`chii server port: ${JSON.stringify({ availablePort: resovedInfo.availablePort })}`);
-        (0, import_chii.start)({
-          host: "0.0.0.0",
+        (0, import_z_chii.start)({
           port: resovedInfo.availablePort
         });
+        debug(`chii server port: ${resovedInfo.availablePort}`);
       }
       if (options == null ? void 0 : options.enable) {
         const codes = [
           "/* eslint-disable */;",
           ((_a4 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a4.enable) ? `import { devtools } from '@vue/devtools'
-          devtools.connect(${(_b = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _b.host}, ${(_c = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _c.port});` : "",
-          (options == null ? void 0 : options.enable) && enableChii ? `(() => { 
-          const script = document.createElement('script'); 
-          script.src="http://localhost:${resovedInfo.availablePort}/target.js"; 
-          document.body.appendChild(script); 
-          })()` : "",
+          devtools.connect(${((_b = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _b.host) ? `"${options.vueDevtools.host}"` : void 0}, ${((_c = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _c.port) ? `${options.vueDevtools.port}` : void 0});` : "",
           "/* eslint-enable */",
           `${_source};`
         ];
@@ -6576,6 +6649,22 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
+      transformIndexHtml(html) {
+        if (enableChii) {
+          return html.replace(
+            "</body>",
+            `</body>
+<script>
+  (() => { 
+    const script = document.createElement('script'); 
+    script.src="./__chii_proxy/target.js"; 
+    document.body.appendChild(script); 
+  })()
+</script>
+`
+          );
+        }
+      },
       async configureServer(server) {
         var _a4, _b;
         if (!(options == null ? void 0 : options.enable)) {
@@ -6611,7 +6700,7 @@ var unpluginFactory = (options) => {
           server.middlewares.use((req, res, next) => {
             const cookies = import_cookie.default.parse(req.headers.cookie || "");
             for (const [name, value] of Object.entries(cookies)) {
-              if (options.debugCookies && options.debugCookies.length > 0 && options.debugCookies.includes(name)) {
+              if (value && options.debugCookies && options.debugCookies.length > 0 && options.debugCookies.includes(name)) {
                 const serializedCookie = import_cookie.default.serialize(name, value, {
                   httpOnly: false
                 });
@@ -6622,6 +6711,51 @@ var unpluginFactory = (options) => {
           });
         }
         if (enableChii) {
+          let createProxyMiddleware2 = function() {
+            let proxy = null;
+            const handleUpgrade = (req, socket, head) => {
+              var _a5;
+              if (proxy && ((_a5 = req.url) == null ? void 0 : _a5.startsWith("/__chii_proxy"))) {
+                debug("WS upgrade:", req.url);
+                req.url = req.url.replace("/__chii_proxy", "");
+                proxy.ws(req, socket, head);
+              }
+            };
+            return (resolvedInfo) => {
+              return (req, res, next) => {
+                var _a5;
+                if (!proxy && resolvedInfo.availablePort) {
+                  proxy = import_http_proxy.default.createProxyServer({
+                    target: `http://localhost:${resolvedInfo.availablePort}`,
+                    ws: true
+                    // changeOrigin: true, // Consider if you need this
+                  });
+                  proxy.on("error", (err, req2, res2) => {
+                    console.error("Proxy error:", err);
+                    if (res2 instanceof import_node_http3.ServerResponse) {
+                      if (!res2.headersSent) {
+                        res2.writeHead(500, { "Content-Type": "text/plain" });
+                      }
+                      res2.end(`Proxy error: ${err.message}`);
+                    } else if (res2 instanceof import_node_net2.Socket) {
+                      res2.destroy();
+                    }
+                  });
+                  if (req.socket.server) {
+                    req.socket.server.on("upgrade", handleUpgrade);
+                  }
+                }
+                if (proxy && ((_a5 = req.url) == null ? void 0 : _a5.startsWith("/__chii_proxy"))) {
+                  debug(req.url);
+                  req.url = req.url.replace("/__chii_proxy", "");
+                  proxy.web(req, res);
+                } else {
+                  next();
+                }
+              };
+            };
+          };
+          var createProxyMiddleware = createProxyMiddleware2;
           server.middlewares.use("/__chrome_devtools", async (_req, res) => {
             try {
               const raw = await fetch(`http://localhost:${resovedInfo.availablePort}/targets`);
@@ -6630,6 +6764,9 @@ var unpluginFactory = (options) => {
                 const devToolsUrl = `http://localhost:${resovedInfo.availablePort}/front_end/chii_app.html?ws=localhost:${resovedInfo.availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
                 res.writeHead(302, { Location: devToolsUrl });
                 res.end();
+              } else {
+                res.writeHead(404);
+                res.end();
               }
             } catch (error) {
               debug(`${error}`);
@@ -6637,6 +6774,8 @@ var unpluginFactory = (options) => {
               res.end();
             }
           });
+          const proxyMiddleware = createProxyMiddleware2();
+          server.middlewares.use(proxyMiddleware(resovedInfo));
         }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a5;
@@ -6644,20 +6783,10 @@ var unpluginFactory = (options) => {
           res.writeHead(302, {
             Location: `dingtalk://dingtalkclient/page/link?url=${encodeURIComponent(targetURL.toString())}`
           });
-          if (((_a5 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a5.enable) && !resovedInfo.devtoolsInstance) {
-            resovedInfo.devtoolsInstance = (0, import_node_child_process.exec)("npx vue-devtools");
-            console.log(`  ${import_picocolors.default.green("\u279C")}  vue-devtools is running. If the devtools has no data, please refresh the page in dingtalk.`);
-            resovedInfo.devtoolsInstance.on("exit", () => {
-              resovedInfo.devtoolsInstance = void 0;
-            });
-            import_node_process.default.on("exit", () => {
-              if (resovedInfo.devtoolsInstance) {
-                resovedInfo.devtoolsInstance.kill();
-              }
-            });
-          }
+          startVueDevtools((_a5 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a5.enable);
           res.end();
         });
+        startDnsServer(options);
       }
     },
     webpack(compiler) {
@@ -6688,6 +6817,7 @@ var unpluginFactory = (options) => {
       if (options == null ? void 0 : options.corpId) {
         resovedInfo.targetURL.searchParams.append("corpId", options.corpId);
       }
+      startDnsServer(options);
     },
     async rspack(compiler) {
       var _a4, _b, _c, _d2, _e;
@@ -6716,12 +6846,13 @@ var unpluginFactory = (options) => {
           "Click to open chrome devtools"
         )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
       }
+      startDnsServer(options);
     }
   };
   return unpluginDing;
 };
 var unplugin = /* @__PURE__ */ (0, import_unplugin.createUnplugin)(unpluginFactory);
-var src_default = unplugin;
+var index_default = unplugin;
 
 // src/astro.ts
 var astro_default = (options) => ({
@@ -6730,7 +6861,7 @@ var astro_default = (options) => ({
     "astro:config:setup": async (astro) => {
       var _a4;
       (_a4 = astro.config.vite).plugins || (_a4.plugins = []);
-      astro.config.vite.plugins.push(src_default.vite(options));
+      astro.config.vite.plugins.push(index_default.vite(options));
     }
   }
 });

package/dist/astro.js

@@ -1,7 +1,7 @@
 import {
-  src_default
-} from "./chunk-RDTWBIQD.js";
-import "./chunk-PMOTCIQR.js";
+  index_default
+} from "./chunk-QU7HLXVD.js";
+import "./chunk-ZEHXGFFH.js";
 
 // src/astro.ts
 var astro_default = (options) => ({
@@ -10,7 +10,7 @@ var astro_default = (options) => ({
     "astro:config:setup": async (astro) => {
       var _a;
       (_a = astro.config.vite).plugins || (_a.plugins = []);
-      astro.config.vite.plugins.push(src_default.vite(options));
+      astro.config.vite.plugins.push(index_default.vite(options));
     }
   }
 });

package/dist/{chunk-RDTWBIQD.js → chunk-QU7HLXVD.js}

@@ -5,18 +5,20 @@ import {
   __spreadValues,
   fetch_blob_default,
   formDataToBlob
-} from "./chunk-PMOTCIQR.js";
+} from "./chunk-ZEHXGFFH.js";
 
 // src/index.ts
-import { exec } from "child_process";
-import process2 from "process";
+import { exec } from "node:child_process";
+import process2 from "node:process";
+import { ServerResponse } from "node:http";
+import { Socket } from "node:net";
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/index.js
-import http2 from "http";
-import https from "https";
-import zlib from "zlib";
-import Stream2, { PassThrough as PassThrough2, pipeline as pump } from "stream";
-import { Buffer as Buffer3 } from "buffer";
+import http2 from "node:http";
+import https from "node:https";
+import zlib from "node:zlib";
+import Stream2, { PassThrough as PassThrough2, pipeline as pump } from "node:stream";
+import { Buffer as Buffer3 } from "node:buffer";
 
 // node_modules/.pnpm/data-uri-to-buffer@4.0.1/node_modules/data-uri-to-buffer/dist/index.js
 function dataUriToBuffer(uri) {
@@ -58,9 +60,9 @@ function dataUriToBuffer(uri) {
 var dist_default = dataUriToBuffer;
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/body.js
-import Stream, { PassThrough } from "stream";
-import { types, deprecate, promisify } from "util";
-import { Buffer as Buffer2 } from "buffer";
+import Stream, { PassThrough } from "node:stream";
+import { types, deprecate, promisify } from "node:util";
+import { Buffer as Buffer2 } from "node:buffer";
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/errors/base.js
 var FetchBaseError = class extends Error {
@@ -186,7 +188,7 @@ var Body = class {
       }
       return formData;
     }
-    const { toFormData } = await import("./multipart-parser-HI4LNJC5.js");
+    const { toFormData } = await import("./multipart-parser-VO5TIRQZ.js");
     return toFormData(this.body, ct);
   }
   /**
@@ -373,8 +375,8 @@ var writeToStream = async (dest, { body }) => {
 };
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/headers.js
-import { types as types2 } from "util";
-import http from "http";
+import { types as types2 } from "node:util";
+import http from "node:http";
 var validateHeaderName = typeof http.validateHeaderName === "function" ? http.validateHeaderName : (name) => {
   if (!/^[\^`\-\w!#$%&'*+.|~]+$/.test(name)) {
     const error = new TypeError(`Header name must be a valid HTTP token [${name}]`);
@@ -682,8 +684,8 @@ Object.defineProperties(Response.prototype, {
 });
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/request.js
-import { format as formatUrl } from "url";
-import { deprecate as deprecate2 } from "util";
+import { format as formatUrl } from "node:url";
+import { deprecate as deprecate2 } from "node:util";
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/utils/get-search.js
 var getSearch = (parsedURL) => {
@@ -696,7 +698,7 @@ var getSearch = (parsedURL) => {
 };
 
 // node_modules/.pnpm/node-fetch@3.3.2/node_modules/node-fetch/src/utils/referrer.js
-import { isIP } from "net";
+import { isIP } from "node:net";
 function stripURLForUseAsAReferrer(url, originOnly = false) {
   if (url == null) {
     return "no-referrer";
@@ -1303,20 +1305,94 @@ function fixResponseChunkedTransferBadEnding(request, errorCallback) {
 import { createUnplugin } from "unplugin";
 import c from "picocolors";
 import cookie from "cookie";
-import { start } from "chii";
+import { start } from "z-chii";
+import dns2 from "dns2";
 import { getRandomPort } from "get-port-please";
+import httpProxy from "http-proxy";
 var cwd = process2.cwd();
 var config;
 var colorUrl = (url) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`));
 var resovedInfo = {
   devtoolsInstance: void 0,
+  dnsServerInstence: void 0,
   availablePort: void 0,
   targetURL: void 0
 };
+function startVueDevtools(enable) {
+  if (enable && !resovedInfo.devtoolsInstance) {
+    resovedInfo.devtoolsInstance = exec("npx vue-devtools");
+    console.log(`  ${c.green("\u279C")}  vue-devtools is running. If the devtools has no data, please refresh the page in dingtalk.`);
+    resovedInfo.devtoolsInstance.on("exit", () => {
+      resovedInfo.devtoolsInstance = void 0;
+    });
+    process2.on("exit", () => {
+      if (resovedInfo.devtoolsInstance) {
+        resovedInfo.devtoolsInstance.kill();
+      }
+    });
+  }
+}
+function startDnsServer(options) {
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${c.yellow("DEBUG")}  `, ...args);
+    }
+  }
+  if ((options == null ? void 0 : options.enable) && (options == null ? void 0 : options.dns) && !resovedInfo.dnsServerInstence) {
+    const { Packet } = dns2;
+    resovedInfo.dnsServerInstence = dns2.createServer({
+      tcp: true,
+      udp: true,
+      handle: (request, send, rinfo) => {
+        var _a;
+        const response = Packet.createResponseFromRequest(request);
+        const [question] = request.questions;
+        const { name } = question;
+        if (name === options.dns.host) {
+          response.answers.push({
+            name,
+            type: Packet.TYPE.A,
+            class: Packet.CLASS.IN,
+            ttl: 300,
+            address: (_a = options.dns) == null ? void 0 : _a.ip
+          });
+          debug(`dns request from ${rinfo.address}:${rinfo.port} for ${name} => ${options.dns.ip}`);
+        }
+        send(response);
+      }
+    });
+    resovedInfo.dnsServerInstence.listen({
+      udp: { address: "0.0.0.0", port: 53 },
+      tcp: { address: "0.0.0.0", port: 53 }
+    }).then(() => {
+      debug("DNS server is running.");
+      const dns = new dns2({
+        port: 53,
+        nameServers: ["127.0.0.1", "8.8.8.8"]
+      });
+      dns.resolveA(options.dns.host).then((addresses) => {
+        var _a;
+        if (((_a = addresses.answers[0]) == null ? void 0 : _a.address) === options.dns.ip) {
+          startDnsServer(options);
+          console.log(`  ${c.green("\u279C")}  ${c.bold(`DNS server is started, please modify the DNS of the remote device to ${options.dns.ip}`)}`);
+        } else {
+          debug(addresses.answers[0].address);
+          throw new Error("DNS server started failed");
+        }
+      }).catch((e) => {
+        throw e;
+      });
+    }).catch((e) => {
+      debug(e);
+      console.log(`  ${c.red("\u279C")}  ${c.bold((e == null ? void 0 : e.message) || e)}`);
+    });
+  }
+}
 var unpluginFactory = (options) => {
   const {
-    chii: enableChii = true
+    chii
   } = options || {};
+  const enableChii = (chii == null ? void 0 : chii.enable) !== false;
   function debug(...args) {
     if (options == null ? void 0 : options.debug) {
       console.log(`  ${c.yellow("DEBUG")}  `, ...args);
@@ -1332,22 +1408,16 @@ var unpluginFactory = (options) => {
       var _a, _b, _c;
       if ((options == null ? void 0 : options.enable) && enableChii && !resovedInfo.availablePort) {
         resovedInfo.availablePort = await getRandomPort();
-        debug(`chii server port: ${JSON.stringify({ availablePort: resovedInfo.availablePort })}`);
         start({
-          host: "0.0.0.0",
           port: resovedInfo.availablePort
         });
+        debug(`chii server port: ${resovedInfo.availablePort}`);
       }
       if (options == null ? void 0 : options.enable) {
         const codes = [
           "/* eslint-disable */;",
           ((_a = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a.enable) ? `import { devtools } from '@vue/devtools'
-          devtools.connect(${(_b = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _b.host}, ${(_c = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _c.port});` : "",
-          (options == null ? void 0 : options.enable) && enableChii ? `(() => { 
-          const script = document.createElement('script'); 
-          script.src="http://localhost:${resovedInfo.availablePort}/target.js"; 
-          document.body.appendChild(script); 
-          })()` : "",
+          devtools.connect(${((_b = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _b.host) ? `"${options.vueDevtools.host}"` : void 0}, ${((_c = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _c.port) ? `${options.vueDevtools.port}` : void 0});` : "",
           "/* eslint-enable */",
           `${_source};`
         ];
@@ -1367,6 +1437,22 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
+      transformIndexHtml(html) {
+        if (enableChii) {
+          return html.replace(
+            "</body>",
+            `</body>
+<script>
+  (() => { 
+    const script = document.createElement('script'); 
+    script.src="./__chii_proxy/target.js"; 
+    document.body.appendChild(script); 
+  })()
+</script>
+`
+          );
+        }
+      },
       async configureServer(server) {
         var _a, _b;
         if (!(options == null ? void 0 : options.enable)) {
@@ -1402,7 +1488,7 @@ var unpluginFactory = (options) => {
           server.middlewares.use((req, res, next) => {
             const cookies = cookie.parse(req.headers.cookie || "");
             for (const [name, value] of Object.entries(cookies)) {
-              if (options.debugCookies && options.debugCookies.length > 0 && options.debugCookies.includes(name)) {
+              if (value && options.debugCookies && options.debugCookies.length > 0 && options.debugCookies.includes(name)) {
                 const serializedCookie = cookie.serialize(name, value, {
                   httpOnly: false
                 });
@@ -1413,6 +1499,51 @@ var unpluginFactory = (options) => {
           });
         }
         if (enableChii) {
+          let createProxyMiddleware2 = function() {
+            let proxy = null;
+            const handleUpgrade = (req, socket, head) => {
+              var _a2;
+              if (proxy && ((_a2 = req.url) == null ? void 0 : _a2.startsWith("/__chii_proxy"))) {
+                debug("WS upgrade:", req.url);
+                req.url = req.url.replace("/__chii_proxy", "");
+                proxy.ws(req, socket, head);
+              }
+            };
+            return (resolvedInfo) => {
+              return (req, res, next) => {
+                var _a2;
+                if (!proxy && resolvedInfo.availablePort) {
+                  proxy = httpProxy.createProxyServer({
+                    target: `http://localhost:${resolvedInfo.availablePort}`,
+                    ws: true
+                    // changeOrigin: true, // Consider if you need this
+                  });
+                  proxy.on("error", (err, req2, res2) => {
+                    console.error("Proxy error:", err);
+                    if (res2 instanceof ServerResponse) {
+                      if (!res2.headersSent) {
+                        res2.writeHead(500, { "Content-Type": "text/plain" });
+                      }
+                      res2.end(`Proxy error: ${err.message}`);
+                    } else if (res2 instanceof Socket) {
+                      res2.destroy();
+                    }
+                  });
+                  if (req.socket.server) {
+                    req.socket.server.on("upgrade", handleUpgrade);
+                  }
+                }
+                if (proxy && ((_a2 = req.url) == null ? void 0 : _a2.startsWith("/__chii_proxy"))) {
+                  debug(req.url);
+                  req.url = req.url.replace("/__chii_proxy", "");
+                  proxy.web(req, res);
+                } else {
+                  next();
+                }
+              };
+            };
+          };
+          var createProxyMiddleware = createProxyMiddleware2;
           server.middlewares.use("/__chrome_devtools", async (_req, res) => {
             try {
               const raw = await fetch(`http://localhost:${resovedInfo.availablePort}/targets`);
@@ -1421,6 +1552,9 @@ var unpluginFactory = (options) => {
                 const devToolsUrl = `http://localhost:${resovedInfo.availablePort}/front_end/chii_app.html?ws=localhost:${resovedInfo.availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
                 res.writeHead(302, { Location: devToolsUrl });
                 res.end();
+              } else {
+                res.writeHead(404);
+                res.end();
               }
             } catch (error) {
               debug(`${error}`);
@@ -1428,6 +1562,8 @@ var unpluginFactory = (options) => {
               res.end();
             }
           });
+          const proxyMiddleware = createProxyMiddleware2();
+          server.middlewares.use(proxyMiddleware(resovedInfo));
         }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a2;
@@ -1435,20 +1571,10 @@ var unpluginFactory = (options) => {
           res.writeHead(302, {
             Location: `dingtalk://dingtalkclient/page/link?url=${encodeURIComponent(targetURL.toString())}`
           });
-          if (((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable) && !resovedInfo.devtoolsInstance) {
-            resovedInfo.devtoolsInstance = exec("npx vue-devtools");
-            console.log(`  ${c.green("\u279C")}  vue-devtools is running. If the devtools has no data, please refresh the page in dingtalk.`);
-            resovedInfo.devtoolsInstance.on("exit", () => {
-              resovedInfo.devtoolsInstance = void 0;
-            });
-            process2.on("exit", () => {
-              if (resovedInfo.devtoolsInstance) {
-                resovedInfo.devtoolsInstance.kill();
-              }
-            });
-          }
+          startVueDevtools((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable);
           res.end();
         });
+        startDnsServer(options);
       }
     },
     webpack(compiler) {
@@ -1479,6 +1605,7 @@ var unpluginFactory = (options) => {
       if (options == null ? void 0 : options.corpId) {
         resovedInfo.targetURL.searchParams.append("corpId", options.corpId);
       }
+      startDnsServer(options);
     },
     async rspack(compiler) {
       var _a, _b, _c, _d, _e;
@@ -1507,17 +1634,20 @@ var unpluginFactory = (options) => {
           "Click to open chrome devtools"
         )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
       }
+      startDnsServer(options);
     }
   };
   return unpluginDing;
 };
 var unplugin = /* @__PURE__ */ createUnplugin(unpluginFactory);
-var src_default = unplugin;
+var index_default = unplugin;
 
 export {
   fetch,
   resovedInfo,
+  startVueDevtools,
+  startDnsServer,
   unpluginFactory,
   unplugin,
-  src_default
+  index_default
 };