@react-devtools-plus/kit 0.5.3 → 0.6.0

package/dist/index.cjs

@@ -2345,11 +2345,47 @@ function toggleInspector(enabled, options = {}) {
 //#endregion
 //#region src/core/open-in-editor/index.ts
 /**
+* JetBrains IDEs that use the `open?file=` URL format
+*/
+const JETBRAINS_EDITORS = [
+	"webstorm",
+	"phpstorm",
+	"idea",
+	"intellij",
+	"pycharm",
+	"rubymine",
+	"goland",
+	"clion",
+	"rider",
+	"appcode",
+	"datagrip",
+	"dataspell"
+];
+/**
+* Build URL protocol for opening file in editor
+*/
+function buildEditorUrl(editor, fileName, line, column) {
+	const editorLower = editor.toLowerCase();
+	if (JETBRAINS_EDITORS.some((ide) => editorLower.includes(ide))) return `${editor}://open?file=${encodeURIComponent(fileName)}&line=${line}&column=${column}`;
+	return `${editor}://file/${fileName}:${line}:${column}`;
+}
+/**
+* Get the configured editor
+* Priority: plugin config > localStorage > default 'vscode'
+*/
+function getConfiguredEditor() {
+	const config = window.__REACT_DEVTOOLS_CONFIG__;
+	if (config === null || config === void 0 ? void 0 : config.launchEditor) return config.launchEditor;
+	const localStorageEditor = localStorage.getItem("react_devtools_editor");
+	if (localStorageEditor) return localStorageEditor;
+	return "vscode";
+}
+/**
 * Try to open a file in the editor using URL protocol (fallback)
 */
 function tryOpenWithProtocol(fileName, line, column) {
 	try {
-		const protocolUrl = `${localStorage.getItem("react_devtools_editor") || "vscode"}://file/${fileName}:${line}:${column}`;
+		const protocolUrl = buildEditorUrl(getConfiguredEditor(), fileName, line, column);
 		const link = document.createElement("a");
 		link.href = protocolUrl;
 		link.click();
@@ -2375,28 +2411,24 @@ function getDevToolsBasePath() {
 	}
 	return "/__react_devtools__";
 }
-function openInEditor(fileName, line, column) {
+/**
+* Check if response is a valid API response (not HTML fallback from SPA)
+* SPA frameworks often return 200 + HTML for unknown routes due to fallback behavior
+*/
+function isValidApiResponse(response) {
+	if (!response.ok) return false;
+	if ((response.headers.get("content-type") || "").includes("text/html")) return false;
+	return true;
+}
+async function openInEditor(fileName, line, column) {
 	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);
-			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);
-	});
+	for (const url of endpoints) try {
+		if (isValidApiResponse(await fetch(url))) return;
+	} catch (_unused2) {}
+	console.warn("[React DevTools] All server endpoints failed, trying URL protocol fallback");
+	tryOpenWithProtocol(fileName, line, column);
 }
 
 //#endregion

package/dist/index.d.cts

@@ -364,7 +364,7 @@ interface ToggleInspectorOptions {
 declare function toggleInspector(enabled: boolean, options?: ToggleInspectorOptions): void;
 //#endregion
 //#region src/core/open-in-editor/index.d.ts
-declare function openInEditor(fileName: string, line: number, column: number): void;
+declare function openInEditor(fileName: string, line: number, column: number): Promise<void>;
 //#endregion
 //#region src/core/router/index.d.ts
 interface RouteInfo {

package/dist/index.d.ts

@@ -364,7 +364,7 @@ interface ToggleInspectorOptions {
 declare function toggleInspector(enabled: boolean, options?: ToggleInspectorOptions): void;
 //#endregion
 //#region src/core/open-in-editor/index.d.ts
-declare function openInEditor(fileName: string, line: number, column: number): void;
+declare function openInEditor(fileName: string, line: number, column: number): Promise<void>;
 //#endregion
 //#region src/core/router/index.d.ts
 interface RouteInfo {

package/dist/index.js

@@ -2321,11 +2321,47 @@ function toggleInspector(enabled, options = {}) {
 //#endregion
 //#region src/core/open-in-editor/index.ts
 /**
+* JetBrains IDEs that use the `open?file=` URL format
+*/
+const JETBRAINS_EDITORS = [
+	"webstorm",
+	"phpstorm",
+	"idea",
+	"intellij",
+	"pycharm",
+	"rubymine",
+	"goland",
+	"clion",
+	"rider",
+	"appcode",
+	"datagrip",
+	"dataspell"
+];
+/**
+* Build URL protocol for opening file in editor
+*/
+function buildEditorUrl(editor, fileName, line, column) {
+	const editorLower = editor.toLowerCase();
+	if (JETBRAINS_EDITORS.some((ide) => editorLower.includes(ide))) return `${editor}://open?file=${encodeURIComponent(fileName)}&line=${line}&column=${column}`;
+	return `${editor}://file/${fileName}:${line}:${column}`;
+}
+/**
+* Get the configured editor
+* Priority: plugin config > localStorage > default 'vscode'
+*/
+function getConfiguredEditor() {
+	const config = window.__REACT_DEVTOOLS_CONFIG__;
+	if (config === null || config === void 0 ? void 0 : config.launchEditor) return config.launchEditor;
+	const localStorageEditor = localStorage.getItem("react_devtools_editor");
+	if (localStorageEditor) return localStorageEditor;
+	return "vscode";
+}
+/**
 * Try to open a file in the editor using URL protocol (fallback)
 */
 function tryOpenWithProtocol(fileName, line, column) {
 	try {
-		const protocolUrl = `${localStorage.getItem("react_devtools_editor") || "vscode"}://file/${fileName}:${line}:${column}`;
+		const protocolUrl = buildEditorUrl(getConfiguredEditor(), fileName, line, column);
 		const link = document.createElement("a");
 		link.href = protocolUrl;
 		link.click();
@@ -2351,28 +2387,24 @@ function getDevToolsBasePath() {
 	}
 	return "/__react_devtools__";
 }
-function openInEditor(fileName, line, column) {
+/**
+* Check if response is a valid API response (not HTML fallback from SPA)
+* SPA frameworks often return 200 + HTML for unknown routes due to fallback behavior
+*/
+function isValidApiResponse(response) {
+	if (!response.ok) return false;
+	if ((response.headers.get("content-type") || "").includes("text/html")) return false;
+	return true;
+}
+async function openInEditor(fileName, line, column) {
 	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);
-			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);
-	});
+	for (const url of endpoints) try {
+		if (isValidApiResponse(await fetch(url))) return;
+	} catch (_unused2) {}
+	console.warn("[React DevTools] All server endpoints failed, trying URL protocol fallback");
+	tryOpenWithProtocol(fileName, line, column);
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-devtools-plus/kit",
   "type": "module",
-  "version": "0.5.3",
+  "version": "0.6.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.5.3"
+    "@react-devtools-plus/shared": "^0.6.0"
   },
   "devDependencies": {
     "@types/node": "^24.7.2",