unplugin-dingtalk 1007.0.0 → 1007.0.2

package/dist/nuxt.js

@@ -1,408 +1,12 @@
-import "./__chrome_devtools-CIQ5zFZx.js";
-import { resovedInfo } from "./src-BVX_Roo9.js";
-import { colorUrl } from "./utils-Chlbb6jf.js";
-import { vite_default } from "./vite-DoBUfGyY.js";
+import "./__chrome_devtools-DtQ6IXAu.js";
+import { CHII_DEVTOOLS_PATH, CHII_PROXY_PATH, resovedInfo } from "./src-DD2TG884.js";
+import { colorUrl, interopDefault } from "./utils-DORRNjr1.js";
+import { vite_default } from "./vite-BqXPfqlC.js";
 import httpProxy from "http-proxy";
 import c from "picocolors";
 import { addDevServerHandler, addServerPlugin, addVitePlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
 import "@nuxt/schema";
 
-//#region node_modules/.pnpm/defu@6.1.4/node_modules/defu/dist/defu.mjs
-function isPlainObject(value) {
-	if (value === null || typeof value !== "object") return false;
-	const prototype = Object.getPrototypeOf(value);
-	if (prototype !== null && prototype !== Object.prototype && Object.getPrototypeOf(prototype) !== null) return false;
-	if (Symbol.iterator in value) return false;
-	if (Symbol.toStringTag in value) return Object.prototype.toString.call(value) === "[object Module]";
-	return true;
-}
-function _defu(baseObject, defaults, namespace = ".", merger) {
-	if (!isPlainObject(defaults)) return _defu(baseObject, {}, namespace, merger);
-	const object = Object.assign({}, defaults);
-	for (const key in baseObject) {
-		if (key === "__proto__" || key === "constructor") continue;
-		const value = baseObject[key];
-		if (value === null || value === void 0) continue;
-		if (merger && merger(object, key, value, namespace)) continue;
-		if (Array.isArray(value) && Array.isArray(object[key])) object[key] = [...value, ...object[key]];
-		else if (isPlainObject(value) && isPlainObject(object[key])) object[key] = _defu(value, object[key], (namespace ? `${namespace}.` : "") + key.toString(), merger);
-		else object[key] = value;
-	}
-	return object;
-}
-function createDefu(merger) {
-	return (...arguments_) => arguments_.reduce((p, c$1) => _defu(p, c$1, "", merger), {});
-}
-const defu = createDefu();
-const defuFn = createDefu((object, key, currentValue) => {
-	if (object[key] !== void 0 && typeof currentValue === "function") {
-		object[key] = currentValue(object[key]);
-		return true;
-	}
-});
-const defuArrayFn = createDefu((object, key, currentValue) => {
-	if (Array.isArray(object[key]) && typeof currentValue === "function") {
-		object[key] = currentValue(object[key]);
-		return true;
-	}
-});
-
-//#endregion
-//#region node_modules/.pnpm/h3@1.15.4/node_modules/h3/dist/index.mjs
-function hasProp(obj, prop) {
-	try {
-		return prop in obj;
-	} catch {
-		return false;
-	}
-}
-var H3Error = class extends Error {
-	static __h3_error__ = true;
-	statusCode = 500;
-	fatal = false;
-	unhandled = false;
-	statusMessage;
-	data;
-	cause;
-	constructor(message, opts = {}) {
-		super(message, opts);
-		if (opts.cause && !this.cause) this.cause = opts.cause;
-	}
-	toJSON() {
-		const obj = {
-			message: this.message,
-			statusCode: sanitizeStatusCode(this.statusCode, 500)
-		};
-		if (this.statusMessage) obj.statusMessage = sanitizeStatusMessage(this.statusMessage);
-		if (this.data !== void 0) obj.data = this.data;
-		return obj;
-	}
-};
-function createError(input) {
-	if (typeof input === "string") return new H3Error(input);
-	if (isError(input)) return input;
-	const err = new H3Error(input.message ?? input.statusMessage ?? "", { cause: input.cause || input });
-	if (hasProp(input, "stack")) try {
-		Object.defineProperty(err, "stack", { get() {
-			return input.stack;
-		} });
-	} catch {
-		try {
-			err.stack = input.stack;
-		} catch {}
-	}
-	if (input.data) err.data = input.data;
-	if (input.statusCode) err.statusCode = sanitizeStatusCode(input.statusCode, err.statusCode);
-	else if (input.status) err.statusCode = sanitizeStatusCode(input.status, err.statusCode);
-	if (input.statusMessage) err.statusMessage = input.statusMessage;
-	else if (input.statusText) err.statusMessage = input.statusText;
-	if (err.statusMessage) {
-		const originalMessage = err.statusMessage;
-		const sanitizedMessage = sanitizeStatusMessage(err.statusMessage);
-		if (sanitizedMessage !== originalMessage) console.warn("[h3] Please prefer using `message` for longer error messages instead of `statusMessage`. In the future, `statusMessage` will be sanitized by default.");
-	}
-	if (input.fatal !== void 0) err.fatal = input.fatal;
-	if (input.unhandled !== void 0) err.unhandled = input.unhandled;
-	return err;
-}
-function isError(input) {
-	return input?.constructor?.__h3_error__ === true;
-}
-function isMethod(event, expected, allowHead) {
-	if (allowHead && event.method === "HEAD") return true;
-	if (typeof expected === "string") {
-		if (event.method === expected) return true;
-	} else if (expected.includes(event.method)) return true;
-	return false;
-}
-function assertMethod(event, expected, allowHead) {
-	if (!isMethod(event, expected, allowHead)) throw createError({
-		statusCode: 405,
-		statusMessage: "HTTP method is not allowed."
-	});
-}
-function getRequestHeaders(event) {
-	const _headers = {};
-	for (const key in event.node.req.headers) {
-		const val = event.node.req.headers[key];
-		_headers[key] = Array.isArray(val) ? val.filter(Boolean).join(", ") : val;
-	}
-	return _headers;
-}
-const RawBodySymbol = Symbol.for("h3RawBody");
-const ParsedBodySymbol = Symbol.for("h3ParsedBody");
-const PayloadMethods$1 = [
-	"PATCH",
-	"POST",
-	"PUT",
-	"DELETE"
-];
-function readRawBody(event, encoding = "utf8") {
-	assertMethod(event, PayloadMethods$1);
-	const _rawBody = event._requestBody || event.web?.request?.body || event.node.req[RawBodySymbol] || event.node.req.rawBody || event.node.req.body;
-	if (_rawBody) {
-		const promise2 = Promise.resolve(_rawBody).then((_resolved) => {
-			if (Buffer.isBuffer(_resolved)) return _resolved;
-			if (typeof _resolved.pipeTo === "function") return new Promise((resolve, reject) => {
-				const chunks = [];
-				_resolved.pipeTo(new WritableStream({
-					write(chunk) {
-						chunks.push(chunk);
-					},
-					close() {
-						resolve(Buffer.concat(chunks));
-					},
-					abort(reason) {
-						reject(reason);
-					}
-				})).catch(reject);
-			});
-			else if (typeof _resolved.pipe === "function") return new Promise((resolve, reject) => {
-				const chunks = [];
-				_resolved.on("data", (chunk) => {
-					chunks.push(chunk);
-				}).on("end", () => {
-					resolve(Buffer.concat(chunks));
-				}).on("error", reject);
-			});
-			if (_resolved.constructor === Object) return Buffer.from(JSON.stringify(_resolved));
-			if (_resolved instanceof URLSearchParams) return Buffer.from(_resolved.toString());
-			if (_resolved instanceof FormData) return new Response(_resolved).bytes().then((uint8arr) => Buffer.from(uint8arr));
-			return Buffer.from(_resolved);
-		});
-		return encoding ? promise2.then((buff) => buff.toString(encoding)) : promise2;
-	}
-	if (!Number.parseInt(event.node.req.headers["content-length"] || "") && !String(event.node.req.headers["transfer-encoding"] ?? "").split(",").map((e) => e.trim()).filter(Boolean).includes("chunked")) return Promise.resolve(void 0);
-	const promise = event.node.req[RawBodySymbol] = new Promise((resolve, reject) => {
-		const bodyData = [];
-		event.node.req.on("error", (err) => {
-			reject(err);
-		}).on("data", (chunk) => {
-			bodyData.push(chunk);
-		}).on("end", () => {
-			resolve(Buffer.concat(bodyData));
-		});
-	});
-	const result = encoding ? promise.then((buff) => buff.toString(encoding)) : promise;
-	return result;
-}
-function getRequestWebStream(event) {
-	if (!PayloadMethods$1.includes(event.method)) return;
-	const bodyStream = event.web?.request?.body || event._requestBody;
-	if (bodyStream) return bodyStream;
-	const _hasRawBody = RawBodySymbol in event.node.req || "rawBody" in event.node.req || "body" in event.node.req || "__unenv__" in event.node.req;
-	if (_hasRawBody) return new ReadableStream({ async start(controller) {
-		const _rawBody = await readRawBody(event, false);
-		if (_rawBody) controller.enqueue(_rawBody);
-		controller.close();
-	} });
-	return new ReadableStream({ start: (controller) => {
-		event.node.req.on("data", (chunk) => {
-			controller.enqueue(chunk);
-		});
-		event.node.req.on("end", () => {
-			controller.close();
-		});
-		event.node.req.on("error", (err) => {
-			controller.error(err);
-		});
-	} });
-}
-const DISALLOWED_STATUS_CHARS = /[^\u0009\u0020-\u007E]/g;
-function sanitizeStatusMessage(statusMessage = "") {
-	return statusMessage.replace(DISALLOWED_STATUS_CHARS, "");
-}
-function sanitizeStatusCode(statusCode, defaultStatusCode = 200) {
-	if (!statusCode) return defaultStatusCode;
-	if (typeof statusCode === "string") statusCode = Number.parseInt(statusCode, 10);
-	if (statusCode < 100 || statusCode > 999) return defaultStatusCode;
-	return statusCode;
-}
-function splitCookiesString(cookiesString) {
-	if (Array.isArray(cookiesString)) return cookiesString.flatMap((c$1) => splitCookiesString(c$1));
-	if (typeof cookiesString !== "string") return [];
-	const cookiesStrings = [];
-	let pos = 0;
-	let start;
-	let ch;
-	let lastComma;
-	let nextStart;
-	let cookiesSeparatorFound;
-	const skipWhitespace = () => {
-		while (pos < cookiesString.length && /\s/.test(cookiesString.charAt(pos))) pos += 1;
-		return pos < cookiesString.length;
-	};
-	const notSpecialChar = () => {
-		ch = cookiesString.charAt(pos);
-		return ch !== "=" && ch !== ";" && ch !== ",";
-	};
-	while (pos < cookiesString.length) {
-		start = pos;
-		cookiesSeparatorFound = false;
-		while (skipWhitespace()) {
-			ch = cookiesString.charAt(pos);
-			if (ch === ",") {
-				lastComma = pos;
-				pos += 1;
-				skipWhitespace();
-				nextStart = pos;
-				while (pos < cookiesString.length && notSpecialChar()) pos += 1;
-				if (pos < cookiesString.length && cookiesString.charAt(pos) === "=") {
-					cookiesSeparatorFound = true;
-					pos = nextStart;
-					cookiesStrings.push(cookiesString.slice(start, lastComma));
-					start = pos;
-				} else pos = lastComma + 1;
-			} else pos += 1;
-		}
-		if (!cookiesSeparatorFound || pos >= cookiesString.length) cookiesStrings.push(cookiesString.slice(start));
-	}
-	return cookiesStrings;
-}
-const PayloadMethods = /* @__PURE__ */ new Set([
-	"PATCH",
-	"POST",
-	"PUT",
-	"DELETE"
-]);
-const ignoredHeaders = /* @__PURE__ */ new Set([
-	"transfer-encoding",
-	"accept-encoding",
-	"connection",
-	"keep-alive",
-	"upgrade",
-	"expect",
-	"host",
-	"accept"
-]);
-async function proxyRequest(event, target, opts = {}) {
-	let body;
-	let duplex;
-	if (PayloadMethods.has(event.method)) if (opts.streamRequest) {
-		body = getRequestWebStream(event);
-		duplex = "half";
-	} else body = await readRawBody(event, false).catch(() => void 0);
-	const method = opts.fetchOptions?.method || event.method;
-	const fetchHeaders = mergeHeaders(getProxyRequestHeaders(event, { host: target.startsWith("/") }), opts.fetchOptions?.headers, opts.headers);
-	return sendProxy(event, target, {
-		...opts,
-		fetchOptions: {
-			method,
-			body,
-			duplex,
-			...opts.fetchOptions,
-			headers: fetchHeaders
-		}
-	});
-}
-async function sendProxy(event, target, opts = {}) {
-	let response;
-	try {
-		response = await _getFetch(opts.fetch)(target, {
-			headers: opts.headers,
-			ignoreResponseError: true,
-			...opts.fetchOptions
-		});
-	} catch (error) {
-		throw createError({
-			status: 502,
-			statusMessage: "Bad Gateway",
-			cause: error
-		});
-	}
-	event.node.res.statusCode = sanitizeStatusCode(response.status, event.node.res.statusCode);
-	event.node.res.statusMessage = sanitizeStatusMessage(response.statusText);
-	const cookies = [];
-	for (const [key, value] of response.headers.entries()) {
-		if (key === "content-encoding") continue;
-		if (key === "content-length") continue;
-		if (key === "set-cookie") {
-			cookies.push(...splitCookiesString(value));
-			continue;
-		}
-		event.node.res.setHeader(key, value);
-	}
-	if (cookies.length > 0) event.node.res.setHeader("set-cookie", cookies.map((cookie) => {
-		if (opts.cookieDomainRewrite) cookie = rewriteCookieProperty(cookie, opts.cookieDomainRewrite, "domain");
-		if (opts.cookiePathRewrite) cookie = rewriteCookieProperty(cookie, opts.cookiePathRewrite, "path");
-		return cookie;
-	}));
-	if (opts.onResponse) await opts.onResponse(event, response);
-	if (response._data !== void 0) return response._data;
-	if (event.handled) return;
-	if (opts.sendStream === false) {
-		const data = new Uint8Array(await response.arrayBuffer());
-		return event.node.res.end(data);
-	}
-	if (response.body) for await (const chunk of response.body) event.node.res.write(chunk);
-	return event.node.res.end();
-}
-function getProxyRequestHeaders(event, opts) {
-	const headers = /* @__PURE__ */ Object.create(null);
-	const reqHeaders = getRequestHeaders(event);
-	for (const name in reqHeaders) if (!ignoredHeaders.has(name) || name === "host" && opts?.host) headers[name] = reqHeaders[name];
-	return headers;
-}
-function _getFetch(_fetch) {
-	if (_fetch) return _fetch;
-	if (globalThis.fetch) return globalThis.fetch;
-	throw new Error("fetch is not available. Try importing `node-fetch-native/polyfill` for Node.js.");
-}
-function rewriteCookieProperty(header, map, property) {
-	const _map = typeof map === "string" ? { "*": map } : map;
-	return header.replace(new RegExp(`(;\\s*${property}=)([^;]+)`, "gi"), (match, prefix, previousValue) => {
-		let newValue;
-		if (previousValue in _map) newValue = _map[previousValue];
-		else if ("*" in _map) newValue = _map["*"];
-		else return match;
-		return newValue ? prefix + newValue : "";
-	});
-}
-function mergeHeaders(defaults, ...inputs) {
-	const _inputs = inputs.filter(Boolean);
-	if (_inputs.length === 0) return defaults;
-	const merged = new Headers(defaults);
-	for (const input of _inputs) {
-		const entries = Array.isArray(input) ? input : typeof input.entries === "function" ? input.entries() : Object.entries(input);
-		for (const [key, value] of entries) if (value !== void 0) merged.set(key, value);
-	}
-	return merged;
-}
-const getSessionPromise = Symbol("getSession");
-function defineEventHandler(handler) {
-	if (typeof handler === "function") {
-		handler.__is_handler__ = true;
-		return handler;
-	}
-	const _hooks = {
-		onRequest: _normalizeArray(handler.onRequest),
-		onBeforeResponse: _normalizeArray(handler.onBeforeResponse)
-	};
-	const _handler = (event) => {
-		return _callHandler(event, handler.handler, _hooks);
-	};
-	_handler.__is_handler__ = true;
-	_handler.__resolve__ = handler.handler.__resolve__;
-	_handler.__websocket__ = handler.websocket;
-	return _handler;
-}
-function _normalizeArray(input) {
-	return input ? Array.isArray(input) ? input : [input] : void 0;
-}
-async function _callHandler(event, handler, hooks) {
-	if (hooks.onRequest) for (const hook of hooks.onRequest) {
-		await hook(event);
-		if (event.handled) return;
-	}
-	const body = await handler(event);
-	const response = { body };
-	if (hooks.onBeforeResponse) for (const hook of hooks.onBeforeResponse) await hook(event, response);
-	return response.body;
-}
-const H3Headers = globalThis.Headers;
-const H3Response = globalThis.Response;
-
-//#endregion
 //#region src/nuxt.ts
 var nuxt_default = defineNuxtModule({
 	meta: {
@@ -413,27 +17,31 @@ var nuxt_default = defineNuxtModule({
 	async setup(options, _nuxt) {
 		if (!_nuxt.options.dev) return;
 		if (!options.enable) return;
+		const { defineEventHandler, proxyRequest } = await interopDefault(await import("h3"));
 		function debug(...args) {
 			if (options?.debug) console.log(`  ${c.yellow("DEBUG")}  `, ...args);
 		}
 		const { chii } = options || {};
 		const enableChii = chii?.enable !== false;
-		_nuxt.options.runtimeConfig.unpluginDingtalk = { chiiEmbedded: chii?.embedded ?? false };
+		_nuxt.options.runtimeConfig.unpluginDingtalk = {
+			chiiEmbedded: chii?.embedded ?? false,
+			chiiProxyPath: CHII_PROXY_PATH
+		};
 		if (enableChii) {
 			const resolver = createResolver(import.meta.url);
 			addServerPlugin(resolver.resolve("./inject-script"));
 			let proxy = null;
 			addDevServerHandler({
-				route: "/__chii_proxy",
+				route: CHII_PROXY_PATH,
 				handler: defineEventHandler(async (event) => {
-					if (resovedInfo.availablePort) return proxyRequest(event, `http://localhost:${resovedInfo.availablePort}${event.path}`);
+					if (resovedInfo.availablePort) return proxyRequest(event, `http://localhost:${resovedInfo.availablePort}${event.path.replace(CHII_PROXY_PATH, "")}`);
 				})
 			});
 			_nuxt.hook("listen", (server) => {
 				const originalUpgradeListeners = server.listeners("upgrade").slice();
 				server.removeAllListeners("upgrade");
 				server.on("upgrade", (req, socket, head) => {
-					if (req.url?.startsWith("/__chii_proxy")) {
+					if (req.url?.startsWith(CHII_PROXY_PATH)) {
 						debug("WS upgrade:", req.url);
 						if (!proxy && resovedInfo.availablePort) {
 							proxy = httpProxy.createProxyServer({
@@ -445,7 +53,7 @@ var nuxt_default = defineNuxtModule({
 							});
 						}
 						if (proxy) {
-							req.url = req.url.replace("/__chii_proxy", "");
+							req.url = req.url.replace(CHII_PROXY_PATH, "");
 							socket.on("error", (err) => {
 								debug("Socket error:", err.message);
 							});
@@ -461,14 +69,21 @@ var nuxt_default = defineNuxtModule({
 					for (const listener of originalUpgradeListeners) listener.call(server, req, socket, head);
 				});
 			});
+			addDevServerHandler({
+				route: CHII_DEVTOOLS_PATH,
+				handler: defineEventHandler(async (event) => {
+					if (!resovedInfo.availablePort) return "Server not started";
+					const { getChromeDevtoolsHtml } = await import("./__chrome_devtools.js");
+					return getChromeDevtoolsHtml(resovedInfo.availablePort, CHII_PROXY_PATH);
+				})
+			});
 		}
 		const vitePlugins = await vite_default(options);
 		addVitePlugin(vitePlugins);
 		_nuxt.hook("listen", (_, listener) => {
 			const url = listener.url;
 			const source = new URL(url).host;
-			const base = _nuxt.options.app.baseURL || "/";
-			if (enableChii) console.log(`  ${c.green("➜")}  ${c.bold("Click to open chrome devtools")}: ${colorUrl(`http://${source}${base}__chrome_devtools`)}`);
+			if (enableChii) console.log(`  ${c.green("➜")}  ${c.bold("Click to open chrome devtools")}: ${colorUrl(`http://${source.replace("0.0.0.0", "localhost")}${CHII_DEVTOOLS_PATH}`)}`);
 		});
 	}
 });

package/dist/rollup.cjs

@@ -1,7 +1,7 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-require('./__chrome_devtools-CJ3sXpVj.cjs');
-const require_src = require('./src-hLDO4Q22.cjs');
-require('./utils-CmfBxo4J.cjs');
+require('./__chrome_devtools-DXNY3hbb.cjs');
+const require_src = require('./src-7U04DWRB.cjs');
+require('./utils-3gBRwB2B.cjs');
 const unplugin = require_chunk.__toESM(require("unplugin"));
 
 //#region src/rollup.ts

package/dist/rollup.js

@@ -1,6 +1,6 @@
-import "./__chrome_devtools-CIQ5zFZx.js";
-import { unpluginFactory } from "./src-BVX_Roo9.js";
-import "./utils-Chlbb6jf.js";
+import "./__chrome_devtools-DtQ6IXAu.js";
+import { unpluginFactory } from "./src-DD2TG884.js";
+import "./utils-DORRNjr1.js";
 import { createRollupPlugin } from "unplugin";
 
 //#region src/rollup.ts

package/dist/rspack.cjs

@@ -1,7 +1,7 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require___chrome_devtools = require('./__chrome_devtools-CJ3sXpVj.cjs');
-const require_src = require('./src-hLDO4Q22.cjs');
-require('./utils-CmfBxo4J.cjs');
+const require___chrome_devtools = require('./__chrome_devtools-DXNY3hbb.cjs');
+const require_src = require('./src-7U04DWRB.cjs');
+require('./utils-3gBRwB2B.cjs');
 const cookie = require_chunk.__toESM(require("cookie"));
 const picocolors = require_chunk.__toESM(require("picocolors"));
 const unplugin = require_chunk.__toESM(require("unplugin"));
@@ -25,10 +25,10 @@ var rspack_default = (options) => {
 		});
 		if (enableChii) {
 			middlewares.unshift(async (req, res, next) => {
-				if (req.url !== "/__chrome_devtools") return next();
+				if (req.url !== require_src.CHII_DEVTOOLS_PATH) return next();
 				try {
 					res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-					res.write(require___chrome_devtools.getChromeDevtoolsHtml(require_src.resovedInfo.availablePort));
+					res.write(require___chrome_devtools.getChromeDevtoolsHtml(require_src.resovedInfo.availablePort, require_src.CHII_PROXY_PATH));
 					res.end();
 				} catch (error) {
 					debug(`${error}`);
@@ -36,7 +36,7 @@ var rspack_default = (options) => {
 					res.end();
 				}
 			});
-			const proxyMiddleware = require_src.createProxyMiddleware(debug);
+			const proxyMiddleware = require_src.createProxyMiddleware(debug, require_src.CHII_PROXY_PATH);
 			middlewares.unshift(proxyMiddleware(require_src.resovedInfo));
 		}
 		middlewares.unshift((req, res, next) => {

package/dist/rspack.js

@@ -1,6 +1,6 @@
-import { getChromeDevtoolsHtml } from "./__chrome_devtools-CIQ5zFZx.js";
-import { createProxyMiddleware, resovedInfo, unpluginFactory } from "./src-BVX_Roo9.js";
-import "./utils-Chlbb6jf.js";
+import { getChromeDevtoolsHtml } from "./__chrome_devtools-DtQ6IXAu.js";
+import { CHII_DEVTOOLS_PATH, CHII_PROXY_PATH, createProxyMiddleware, resovedInfo, unpluginFactory } from "./src-DD2TG884.js";
+import "./utils-DORRNjr1.js";
 import cookie from "cookie";
 import c from "picocolors";
 import { createRspackPlugin } from "unplugin";
@@ -24,10 +24,10 @@ var rspack_default = (options) => {
 		});
 		if (enableChii) {
 			middlewares.unshift(async (req, res, next) => {
-				if (req.url !== "/__chrome_devtools") return next();
+				if (req.url !== CHII_DEVTOOLS_PATH) return next();
 				try {
 					res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-					res.write(getChromeDevtoolsHtml(resovedInfo.availablePort));
+					res.write(getChromeDevtoolsHtml(resovedInfo.availablePort, CHII_PROXY_PATH));
 					res.end();
 				} catch (error) {
 					debug(`${error}`);
@@ -35,7 +35,7 @@ var rspack_default = (options) => {
 					res.end();
 				}
 			});
-			const proxyMiddleware = createProxyMiddleware(debug);
+			const proxyMiddleware = createProxyMiddleware(debug, CHII_PROXY_PATH);
 			middlewares.unshift(proxyMiddleware(resovedInfo));
 		}
 		middlewares.unshift((req, res, next) => {