@react-devtools-plus/kit 0.3.2 → 0.5.0

package/dist/index.cjs

@@ -820,7 +820,7 @@ function mergeClientRects(rects) {
 }
 function isInOverlay(node) {
 	var _overlayContainer$con;
-	if (!node) return false;
+	if (!node || !(node instanceof Node)) return false;
 	const overlayContainer = document.getElementById("react-devtools-overlay");
 	return (_overlayContainer$con = overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.contains(node)) !== null && _overlayContainer$con !== void 0 ? _overlayContainer$con : false;
 }
@@ -2360,22 +2360,43 @@ function tryOpenWithProtocol(fileName, line, column) {
 		return false;
 	}
 }
+/**
+* Get the base path for DevTools API
+*/
+function getDevToolsBasePath() {
+	const config = window.__REACT_DEVTOOLS_CONFIG__;
+	if (config === null || config === void 0 ? void 0 : config.clientUrl) try {
+		return new URL(config.clientUrl, window.location.origin).pathname.replace(/\/$/, "");
+	} catch (_unused) {}
+	const pathname = window.location.pathname;
+	if (pathname.includes("/devtools")) {
+		const match = pathname.match(/^(.*\/devtools)/);
+		if (match) return match[1];
+	}
+	return "/__react_devtools__";
+}
 function openInEditor(fileName, line, column) {
-	try {
-		const url = `/__open-in-editor?file=${encodeURIComponent(`${fileName}:${line}:${column}`)}`;
-		fetch(url).then((response) => {
-			if (!response.ok) {
-				console.warn("[React DevTools] Server endpoint failed, trying URL protocol fallback");
-				tryOpenWithProtocol(fileName, line, column);
-			}
-		}).catch(() => {
-			console.warn("[React DevTools] Fetch failed, trying URL protocol fallback");
+	const fileParam = encodeURIComponent(`${fileName}:${line}:${column}`);
+	const basePath = getDevToolsBasePath();
+	const endpoints = [`/__open-in-editor?file=${fileParam}`, `${basePath}/api/open-in-editor?file=${fileParam}`];
+	async function tryEndpoints(index) {
+		if (index >= endpoints.length) {
+			console.warn("[React DevTools] All server endpoints failed, trying URL protocol fallback");
 			tryOpenWithProtocol(fileName, line, column);
-		});
-	} catch (e) {
+			return;
+		}
+		const url = endpoints[index];
+		try {
+			if ((await fetch(url)).ok) return;
+			await tryEndpoints(index + 1);
+		} catch (_unused2) {
+			await tryEndpoints(index + 1);
+		}
+	}
+	tryEndpoints(0).catch((e) => {
 		console.error("[React DevTools] Failed to open in editor:", e);
 		tryOpenWithProtocol(fileName, line, column);
-	}
+	});
 }
 
 //#endregion

package/dist/index.js

@@ -796,7 +796,7 @@ function mergeClientRects(rects) {
 }
 function isInOverlay(node) {
 	var _overlayContainer$con;
-	if (!node) return false;
+	if (!node || !(node instanceof Node)) return false;
 	const overlayContainer = document.getElementById("react-devtools-overlay");
 	return (_overlayContainer$con = overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.contains(node)) !== null && _overlayContainer$con !== void 0 ? _overlayContainer$con : false;
 }
@@ -2336,22 +2336,43 @@ function tryOpenWithProtocol(fileName, line, column) {
 		return false;
 	}
 }
+/**
+* Get the base path for DevTools API
+*/
+function getDevToolsBasePath() {
+	const config = window.__REACT_DEVTOOLS_CONFIG__;
+	if (config === null || config === void 0 ? void 0 : config.clientUrl) try {
+		return new URL(config.clientUrl, window.location.origin).pathname.replace(/\/$/, "");
+	} catch (_unused) {}
+	const pathname = window.location.pathname;
+	if (pathname.includes("/devtools")) {
+		const match = pathname.match(/^(.*\/devtools)/);
+		if (match) return match[1];
+	}
+	return "/__react_devtools__";
+}
 function openInEditor(fileName, line, column) {
-	try {
-		const url = `/__open-in-editor?file=${encodeURIComponent(`${fileName}:${line}:${column}`)}`;
-		fetch(url).then((response) => {
-			if (!response.ok) {
-				console.warn("[React DevTools] Server endpoint failed, trying URL protocol fallback");
-				tryOpenWithProtocol(fileName, line, column);
-			}
-		}).catch(() => {
-			console.warn("[React DevTools] Fetch failed, trying URL protocol fallback");
+	const fileParam = encodeURIComponent(`${fileName}:${line}:${column}`);
+	const basePath = getDevToolsBasePath();
+	const endpoints = [`/__open-in-editor?file=${fileParam}`, `${basePath}/api/open-in-editor?file=${fileParam}`];
+	async function tryEndpoints(index) {
+		if (index >= endpoints.length) {
+			console.warn("[React DevTools] All server endpoints failed, trying URL protocol fallback");
 			tryOpenWithProtocol(fileName, line, column);
-		});
-	} catch (e) {
+			return;
+		}
+		const url = endpoints[index];
+		try {
+			if ((await fetch(url)).ok) return;
+			await tryEndpoints(index + 1);
+		} catch (_unused2) {
+			await tryEndpoints(index + 1);
+		}
+	}
+	tryEndpoints(0).catch((e) => {
 		console.error("[React DevTools] Failed to open in editor:", e);
 		tryOpenWithProtocol(fileName, line, column);
-	}
+	});
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-devtools-plus/kit",
   "type": "module",
-  "version": "0.3.2",
+  "version": "0.5.0",
   "author": "wzc520pyfm",
   "license": "MIT",
   "repository": {
@@ -27,7 +27,7 @@
     "mitt": "^3.0.1",
     "perfect-debounce": "^2.0.0",
     "superjson": "^2.2.2",
-    "@react-devtools-plus/shared": "^0.3.2"
+    "@react-devtools-plus/shared": "^0.5.0"
   },
   "devDependencies": {
     "@types/node": "^24.7.2",