unplugin-dingtalk 0.1.8 → 0.2.0

package/dist/webpack.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/webpack.ts

package/dist/webpack.js

@@ -1,7 +1,7 @@
 import {
   webpack_default
-} from "./chunk-JVGHIAFT.js";
-import "./chunk-YU6RRDIU.js";
+} from "./chunk-IN7LDV4O.js";
+import "./chunk-GRAT7SP7.js";
 export {
   webpack_default as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "unplugin-dingtalk",
   "type": "module",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "description": "",
   "license": "MIT",
   "homepage": "https://github.com/zcf0508/unplugin-dingtalk#readme",
@@ -119,10 +119,13 @@
   },
   "dependencies": {
     "@antfu/eslint-config": "^2.18.1",
+    "chii": "^1.10.0",
+    "cookie": "^0.6.0",
     "eslint-plugin-security": "^3.0.0",
+    "get-port-please": "^3.1.2",
+    "picocolors": "^1.0.1",
     "unplugin": "^1.5.1",
-    "vite-plugin-vconsole": "^2.1.1",
-    "picocolors": "^1.0.1"
+    "vite-plugin-vconsole": "^2.1.1"
   },
   "devDependencies": {
     "@nuxt/kit": "^3.8.2",