unplugin-dingtalk 0.1.8 → 0.2.0

package/README.md

@@ -7,7 +7,9 @@
 ## 功能
 - [x] 在钉钉内打开调试链接
 - [x] 可选注入 [vConsole](https://github.com/Tencent/vConsole) 用于调试
+- [x] 可选注入 [chii](https://github.com/liriliri/chii) 用于调试
 - [x] 可选打开 [vue-devtools](https://github.com/vuejs/devtools) 用于调试
+- [x] 支持调试 `HttpOnly` cookies
 
 ![images](https://github.com/zcf0508/unplugin-dingtalk/raw/main/images/Snipaste_2024-05-22_11-25-35.png)
 
@@ -25,6 +27,10 @@ interface Options {
   debug?: boolean
   /** @link https://github.com/vadxq/vite-plugin-vconsole#vitevconsole-options */
   vconsole?: viteVConsoleOptions
+  /** 需要调试的 cookies， 避免无法调试 HttpOnly 的 cookie */
+  debugCookies?: string[]
+  /** 默认值 `true` */
+  chii?: boolean
   vueDevtools?: {
     enable?: boolean
     host?: string

package/dist/astro.cjs

@@ -40,27 +40,52 @@ var import_node_process = __toESM(require("process"), 1);
 var import_unplugin = require("unplugin");
 var import_picocolors = __toESM(require("picocolors"), 1);
 var import_vite_plugin_vconsole = require("vite-plugin-vconsole");
+var import_cookie = __toESM(require("cookie"), 1);
+var import_chii = require("chii");
+var import_get_port_please = require("get-port-please");
 var config;
 var devtoolsInstance;
 var colorUrl = (url) => import_picocolors.default.green(url.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
+var availablePort;
 var unpluginFactory = (options) => {
   var _a;
+  const {
+    chii: enableChii = true
+  } = options || {};
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
+    }
+  }
   const unpluginDing = {
     name: "unplugin-dingtalk",
     enforce: "pre",
     transformInclude(id) {
       return id.endsWith("main.ts") || id.endsWith("main.js");
     },
-    transform(_source) {
+    async transform(_source) {
       var _a2, _b, _c;
+      if ((options == null ? void 0 : options.enable) && enableChii) {
+        availablePort = await (0, import_get_port_please.getRandomPort)();
+        debug(`chii server port: ${JSON.stringify({ availablePort })}`);
+        (0, import_chii.start)({
+          port: availablePort
+        });
+      }
       if ((options == null ? void 0 : options.enable) && ((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable)) {
-        const code = `/* eslint-disable */;
-        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})
-        /* eslint-enable */${_source};
-        `;
+        const codes = [
+          `/* eslint-disable */;
+          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:${availablePort}/target.js"; 
+          document.body.appendChild(script); 
+          })()` : "",
+          `/* eslint-enable */${_source};`
+        ];
         return {
-          code,
+          code: codes.join("\n"),
           map: null
           // support source map
         };
@@ -75,16 +100,11 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
-      configureServer(server) {
+      async configureServer(server) {
         var _a2, _b;
         if (!(options == null ? void 0 : options.enable)) {
           return;
         }
-        function debug(...args) {
-          if (options == null ? void 0 : options.debug) {
-            console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
-          }
-        }
         const _printUrls = server.printUrls.bind(server);
         let source = `localhost:${config.server.port || 5173}`;
         const url = (_a2 = server.resolvedUrls) == null ? void 0 : _a2.local[0];
@@ -100,12 +120,48 @@ var unpluginFactory = (options) => {
           console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
             `Open in dingtalk${((_a3 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a3.enable) ? " (with vue-devtools)" : ""}`
           )}: ${colorUrl(`http://${source}${base}open-dingtalk`)}`);
+          if (enableChii) {
+            console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
+              "Click to open chrome devtools"
+            )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
+          }
         };
         const targetURL = new URL(_targetUrl);
         targetURL.searchParams.append("ddtab", "true");
         if (options == null ? void 0 : options.corpId) {
           targetURL.searchParams.append("corpId", options.corpId);
         }
+        if (options.debugCookies && options.debugCookies.length > 0) {
+          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)) {
+                const serializedCookie = import_cookie.default.serialize(name, value, {
+                  httpOnly: false
+                });
+                res.setHeader("Set-Cookie", serializedCookie);
+              }
+            }
+            next();
+          });
+        }
+        if (enableChii) {
+          server.middlewares.use("/__chrome_devtools", async (_req, res) => {
+            try {
+              const raw = await fetch(`http://localhost:${availablePort}/targets`);
+              const data = await raw.json();
+              if ((data == null ? void 0 : data.targets.length) > 0) {
+                const devToolsUrl = `http://localhost:${availablePort}/front_end/chii_app.html?ws=localhost:${availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
+                res.writeHead(302, { Location: devToolsUrl });
+                res.end();
+              }
+            } catch (error) {
+              debug(`${error}`);
+              res.writeHead(502);
+              res.end();
+            }
+          });
+        }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a3;
           debug(targetURL.toString());
@@ -129,11 +185,12 @@ var unpluginFactory = (options) => {
       }
     }
   };
+  const plugins = [];
   if ((options == null ? void 0 : options.enable) && ((_a = options == null ? void 0 : options.vconsole) == null ? void 0 : _a.enabled)) {
-    return [(0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole), unpluginDing];
-  } else {
-    return unpluginDing;
+    plugins.push((0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole));
   }
+  plugins.push(unpluginDing);
+  return plugins;
 };
 var unplugin = /* @__PURE__ */ (0, import_unplugin.createUnplugin)(unpluginFactory);
 var src_default = unplugin;

package/dist/astro.js

@@ -1,6 +1,6 @@
 import {
   src_default
-} from "./chunk-YU6RRDIU.js";
+} from "./chunk-GRAT7SP7.js";
 
 // src/astro.ts
 var astro_default = (options) => ({

package/dist/{chunk-YU6RRDIU.js → chunk-GRAT7SP7.js}

@@ -4,27 +4,52 @@ import process from "process";
 import { createUnplugin } from "unplugin";
 import c from "picocolors";
 import { viteVConsole } from "vite-plugin-vconsole";
+import cookie from "cookie";
+import { start } from "chii";
+import { getRandomPort } from "get-port-please";
 var config;
 var devtoolsInstance;
 var colorUrl = (url) => c.green(url.replace(/:(\d+)\//, (_, port) => `:${c.bold(port)}/`));
+var availablePort;
 var unpluginFactory = (options) => {
   var _a;
+  const {
+    chii: enableChii = true
+  } = options || {};
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${c.yellow("DEBUG")}  `, ...args);
+    }
+  }
   const unpluginDing = {
     name: "unplugin-dingtalk",
     enforce: "pre",
     transformInclude(id) {
       return id.endsWith("main.ts") || id.endsWith("main.js");
     },
-    transform(_source) {
+    async transform(_source) {
       var _a2, _b, _c;
+      if ((options == null ? void 0 : options.enable) && enableChii) {
+        availablePort = await getRandomPort();
+        debug(`chii server port: ${JSON.stringify({ availablePort })}`);
+        start({
+          port: availablePort
+        });
+      }
       if ((options == null ? void 0 : options.enable) && ((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable)) {
-        const code = `/* eslint-disable */;
-        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})
-        /* eslint-enable */${_source};
-        `;
+        const codes = [
+          `/* eslint-disable */;
+          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:${availablePort}/target.js"; 
+          document.body.appendChild(script); 
+          })()` : "",
+          `/* eslint-enable */${_source};`
+        ];
         return {
-          code,
+          code: codes.join("\n"),
           map: null
           // support source map
         };
@@ -39,16 +64,11 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
-      configureServer(server) {
+      async configureServer(server) {
         var _a2, _b;
         if (!(options == null ? void 0 : options.enable)) {
           return;
         }
-        function debug(...args) {
-          if (options == null ? void 0 : options.debug) {
-            console.log(`  ${c.yellow("DEBUG")}  `, ...args);
-          }
-        }
         const _printUrls = server.printUrls.bind(server);
         let source = `localhost:${config.server.port || 5173}`;
         const url = (_a2 = server.resolvedUrls) == null ? void 0 : _a2.local[0];
@@ -64,12 +84,48 @@ var unpluginFactory = (options) => {
           console.log(`  ${c.green("\u279C")}  ${c.bold(
             `Open in dingtalk${((_a3 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a3.enable) ? " (with vue-devtools)" : ""}`
           )}: ${colorUrl(`http://${source}${base}open-dingtalk`)}`);
+          if (enableChii) {
+            console.log(`  ${c.green("\u279C")}  ${c.bold(
+              "Click to open chrome devtools"
+            )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
+          }
         };
         const targetURL = new URL(_targetUrl);
         targetURL.searchParams.append("ddtab", "true");
         if (options == null ? void 0 : options.corpId) {
           targetURL.searchParams.append("corpId", options.corpId);
         }
+        if (options.debugCookies && options.debugCookies.length > 0) {
+          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)) {
+                const serializedCookie = cookie.serialize(name, value, {
+                  httpOnly: false
+                });
+                res.setHeader("Set-Cookie", serializedCookie);
+              }
+            }
+            next();
+          });
+        }
+        if (enableChii) {
+          server.middlewares.use("/__chrome_devtools", async (_req, res) => {
+            try {
+              const raw = await fetch(`http://localhost:${availablePort}/targets`);
+              const data = await raw.json();
+              if ((data == null ? void 0 : data.targets.length) > 0) {
+                const devToolsUrl = `http://localhost:${availablePort}/front_end/chii_app.html?ws=localhost:${availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
+                res.writeHead(302, { Location: devToolsUrl });
+                res.end();
+              }
+            } catch (error) {
+              debug(`${error}`);
+              res.writeHead(502);
+              res.end();
+            }
+          });
+        }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a3;
           debug(targetURL.toString());
@@ -93,11 +149,12 @@ var unpluginFactory = (options) => {
       }
     }
   };
+  const plugins = [];
   if ((options == null ? void 0 : options.enable) && ((_a = options == null ? void 0 : options.vconsole) == null ? void 0 : _a.enabled)) {
-    return [viteVConsole(options == null ? void 0 : options.vconsole), unpluginDing];
-  } else {
-    return unpluginDing;
+    plugins.push(viteVConsole(options == null ? void 0 : options.vconsole));
   }
+  plugins.push(unpluginDing);
+  return plugins;
 };
 var unplugin = /* @__PURE__ */ createUnplugin(unpluginFactory);
 var src_default = unplugin;

package/dist/{chunk-JVGHIAFT.js → chunk-IN7LDV4O.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-YU6RRDIU.js";
+} from "./chunk-GRAT7SP7.js";
 
 // src/webpack.ts
 import { createWebpackPlugin } from "unplugin";

package/dist/{chunk-GCW3A6BF.js → chunk-N4ZALPAK.js}

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-YU6RRDIU.js";
+} from "./chunk-GRAT7SP7.js";
 
 // src/vite.ts
 import { createVitePlugin } from "unplugin";

package/dist/esbuild.cjs

@@ -41,27 +41,52 @@ var import_node_process = __toESM(require("process"), 1);
 var import_unplugin = require("unplugin");
 var import_picocolors = __toESM(require("picocolors"), 1);
 var import_vite_plugin_vconsole = require("vite-plugin-vconsole");
+var import_cookie = __toESM(require("cookie"), 1);
+var import_chii = require("chii");
+var import_get_port_please = require("get-port-please");
 var config;
 var devtoolsInstance;
 var colorUrl = (url) => import_picocolors.default.green(url.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
+var availablePort;
 var unpluginFactory = (options) => {
   var _a;
+  const {
+    chii: enableChii = true
+  } = options || {};
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
+    }
+  }
   const unpluginDing = {
     name: "unplugin-dingtalk",
     enforce: "pre",
     transformInclude(id) {
       return id.endsWith("main.ts") || id.endsWith("main.js");
     },
-    transform(_source) {
+    async transform(_source) {
       var _a2, _b, _c;
+      if ((options == null ? void 0 : options.enable) && enableChii) {
+        availablePort = await (0, import_get_port_please.getRandomPort)();
+        debug(`chii server port: ${JSON.stringify({ availablePort })}`);
+        (0, import_chii.start)({
+          port: availablePort
+        });
+      }
       if ((options == null ? void 0 : options.enable) && ((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable)) {
-        const code = `/* eslint-disable */;
-        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})
-        /* eslint-enable */${_source};
-        `;
+        const codes = [
+          `/* eslint-disable */;
+          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:${availablePort}/target.js"; 
+          document.body.appendChild(script); 
+          })()` : "",
+          `/* eslint-enable */${_source};`
+        ];
         return {
-          code,
+          code: codes.join("\n"),
           map: null
           // support source map
         };
@@ -76,16 +101,11 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
-      configureServer(server) {
+      async configureServer(server) {
         var _a2, _b;
         if (!(options == null ? void 0 : options.enable)) {
           return;
         }
-        function debug(...args) {
-          if (options == null ? void 0 : options.debug) {
-            console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
-          }
-        }
         const _printUrls = server.printUrls.bind(server);
         let source = `localhost:${config.server.port || 5173}`;
         const url = (_a2 = server.resolvedUrls) == null ? void 0 : _a2.local[0];
@@ -101,12 +121,48 @@ var unpluginFactory = (options) => {
           console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
             `Open in dingtalk${((_a3 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a3.enable) ? " (with vue-devtools)" : ""}`
           )}: ${colorUrl(`http://${source}${base}open-dingtalk`)}`);
+          if (enableChii) {
+            console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
+              "Click to open chrome devtools"
+            )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
+          }
         };
         const targetURL = new URL(_targetUrl);
         targetURL.searchParams.append("ddtab", "true");
         if (options == null ? void 0 : options.corpId) {
           targetURL.searchParams.append("corpId", options.corpId);
         }
+        if (options.debugCookies && options.debugCookies.length > 0) {
+          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)) {
+                const serializedCookie = import_cookie.default.serialize(name, value, {
+                  httpOnly: false
+                });
+                res.setHeader("Set-Cookie", serializedCookie);
+              }
+            }
+            next();
+          });
+        }
+        if (enableChii) {
+          server.middlewares.use("/__chrome_devtools", async (_req, res) => {
+            try {
+              const raw = await fetch(`http://localhost:${availablePort}/targets`);
+              const data = await raw.json();
+              if ((data == null ? void 0 : data.targets.length) > 0) {
+                const devToolsUrl = `http://localhost:${availablePort}/front_end/chii_app.html?ws=localhost:${availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
+                res.writeHead(302, { Location: devToolsUrl });
+                res.end();
+              }
+            } catch (error) {
+              debug(`${error}`);
+              res.writeHead(502);
+              res.end();
+            }
+          });
+        }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a3;
           debug(targetURL.toString());
@@ -130,11 +186,12 @@ var unpluginFactory = (options) => {
       }
     }
   };
+  const plugins = [];
   if ((options == null ? void 0 : options.enable) && ((_a = options == null ? void 0 : options.vconsole) == null ? void 0 : _a.enabled)) {
-    return [(0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole), unpluginDing];
-  } else {
-    return unpluginDing;
+    plugins.push((0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole));
   }
+  plugins.push(unpluginDing);
+  return plugins;
 };
 
 // src/esbuild.ts

package/dist/esbuild.js

@@ -1,6 +1,6 @@
 import {
   unpluginFactory
-} from "./chunk-YU6RRDIU.js";
+} from "./chunk-GRAT7SP7.js";
 
 // src/esbuild.ts
 import { createEsbuildPlugin } from "unplugin";

package/dist/index.cjs

@@ -40,27 +40,52 @@ var import_node_process = __toESM(require("process"), 1);
 var import_unplugin = require("unplugin");
 var import_picocolors = __toESM(require("picocolors"), 1);
 var import_vite_plugin_vconsole = require("vite-plugin-vconsole");
+var import_cookie = __toESM(require("cookie"), 1);
+var import_chii = require("chii");
+var import_get_port_please = require("get-port-please");
 var config;
 var devtoolsInstance;
 var colorUrl = (url) => import_picocolors.default.green(url.replace(/:(\d+)\//, (_, port) => `:${import_picocolors.default.bold(port)}/`));
+var availablePort;
 var unpluginFactory = (options) => {
   var _a;
+  const {
+    chii: enableChii = true
+  } = options || {};
+  function debug(...args) {
+    if (options == null ? void 0 : options.debug) {
+      console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
+    }
+  }
   const unpluginDing = {
     name: "unplugin-dingtalk",
     enforce: "pre",
     transformInclude(id) {
       return id.endsWith("main.ts") || id.endsWith("main.js");
     },
-    transform(_source) {
+    async transform(_source) {
       var _a2, _b, _c;
+      if ((options == null ? void 0 : options.enable) && enableChii) {
+        availablePort = await (0, import_get_port_please.getRandomPort)();
+        debug(`chii server port: ${JSON.stringify({ availablePort })}`);
+        (0, import_chii.start)({
+          port: availablePort
+        });
+      }
       if ((options == null ? void 0 : options.enable) && ((_a2 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a2.enable)) {
-        const code = `/* eslint-disable */;
-        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})
-        /* eslint-enable */${_source};
-        `;
+        const codes = [
+          `/* eslint-disable */;
+          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:${availablePort}/target.js"; 
+          document.body.appendChild(script); 
+          })()` : "",
+          `/* eslint-enable */${_source};`
+        ];
         return {
-          code,
+          code: codes.join("\n"),
           map: null
           // support source map
         };
@@ -75,16 +100,11 @@ var unpluginFactory = (options) => {
       configResolved(_config) {
         config = _config;
       },
-      configureServer(server) {
+      async configureServer(server) {
         var _a2, _b;
         if (!(options == null ? void 0 : options.enable)) {
           return;
         }
-        function debug(...args) {
-          if (options == null ? void 0 : options.debug) {
-            console.log(`  ${import_picocolors.default.yellow("DEBUG")}  `, ...args);
-          }
-        }
         const _printUrls = server.printUrls.bind(server);
         let source = `localhost:${config.server.port || 5173}`;
         const url = (_a2 = server.resolvedUrls) == null ? void 0 : _a2.local[0];
@@ -100,12 +120,48 @@ var unpluginFactory = (options) => {
           console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
             `Open in dingtalk${((_a3 = options == null ? void 0 : options.vueDevtools) == null ? void 0 : _a3.enable) ? " (with vue-devtools)" : ""}`
           )}: ${colorUrl(`http://${source}${base}open-dingtalk`)}`);
+          if (enableChii) {
+            console.log(`  ${import_picocolors.default.green("\u279C")}  ${import_picocolors.default.bold(
+              "Click to open chrome devtools"
+            )}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
+          }
         };
         const targetURL = new URL(_targetUrl);
         targetURL.searchParams.append("ddtab", "true");
         if (options == null ? void 0 : options.corpId) {
           targetURL.searchParams.append("corpId", options.corpId);
         }
+        if (options.debugCookies && options.debugCookies.length > 0) {
+          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)) {
+                const serializedCookie = import_cookie.default.serialize(name, value, {
+                  httpOnly: false
+                });
+                res.setHeader("Set-Cookie", serializedCookie);
+              }
+            }
+            next();
+          });
+        }
+        if (enableChii) {
+          server.middlewares.use("/__chrome_devtools", async (_req, res) => {
+            try {
+              const raw = await fetch(`http://localhost:${availablePort}/targets`);
+              const data = await raw.json();
+              if ((data == null ? void 0 : data.targets.length) > 0) {
+                const devToolsUrl = `http://localhost:${availablePort}/front_end/chii_app.html?ws=localhost:${availablePort}/client/${Math.random().toString(20).substring(2, 8)}?target=${data.targets[0].id}&rtc=false`;
+                res.writeHead(302, { Location: devToolsUrl });
+                res.end();
+              }
+            } catch (error) {
+              debug(`${error}`);
+              res.writeHead(502);
+              res.end();
+            }
+          });
+        }
         server.middlewares.use("/open-dingtalk", (req, res) => {
           var _a3;
           debug(targetURL.toString());
@@ -129,11 +185,12 @@ var unpluginFactory = (options) => {
       }
     }
   };
+  const plugins = [];
   if ((options == null ? void 0 : options.enable) && ((_a = options == null ? void 0 : options.vconsole) == null ? void 0 : _a.enabled)) {
-    return [(0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole), unpluginDing];
-  } else {
-    return unpluginDing;
+    plugins.push((0, import_vite_plugin_vconsole.viteVConsole)(options == null ? void 0 : options.vconsole));
   }
+  plugins.push(unpluginDing);
+  return plugins;
 };
 var unplugin = /* @__PURE__ */ (0, import_unplugin.createUnplugin)(unpluginFactory);
 var src_default = unplugin;

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   src_default,
   unplugin,
   unpluginFactory
-} from "./chunk-YU6RRDIU.js";
+} from "./chunk-GRAT7SP7.js";
 export {
   src_default as default,
   unplugin,