@react-trace-enhancer/plugin-open-editor 0.0.1

package/README.md

@@ -0,0 +1,71 @@
+# @react-trace-enhancer/plugin-open-editor
+
+Open the currently selected component source in a local editor from the Trace action panel.
+
+This plugin adds:
+
+- an `Open in Editor` action for the selected source
+- a settings control for choosing the default editor inside the widget
+
+## Installation
+
+Install the plugin alongside its peer dependencies:
+
+```bash
+pnpm add --dev @react-trace-enhancer/core @react-trace-enhancer/ui-components @react-trace-enhancer/plugin-open-editor
+```
+
+If you are already using `@react-trace-enhancer/kit`, this plugin is included there by default.
+
+## Usage
+
+```tsx
+import { Trace } from '@react-trace-enhancer/core'
+import { OpenEditorPlugin } from '@react-trace-enhancer/plugin-open-editor'
+
+import App from './App'
+
+export function AppWithTrace() {
+  return (
+    <>
+      <App />
+      <Trace
+        root={import.meta.env.VITE_ROOT}
+        plugins={[OpenEditorPlugin({ editor: 'vscode' })]}
+      />
+    </>
+  )
+}
+```
+
+`root` should be the absolute project root passed to Trace so the plugin can resolve relative file paths for comments.
+
+## `editor` option
+
+`OpenEditorPlugin` accepts a single option:
+
+```ts
+interface OpenEditorPluginOptions {
+  editor?: EditorPreset
+}
+```
+
+- Default: `vscode`
+- If the user changes the editor in the widget settings, that's what's used instead.
+
+The package also exports the `EditorPreset` type.
+
+## Supported editor presets
+
+These are the currently implemented presets:
+
+- `vscode`
+- `cursor`
+- `windsurf`
+- `zed`
+- `webstorm`
+- `intellij`
+
+## Behavior
+
+When a source location is selected, the plugin resolves the file path relative to the Trace `root` and opens the generated editor URL with `window.open(...)`.

package/dist/index-Boboj3a-.d.ts

@@ -0,0 +1,19 @@
+import { TracePlugin } from "@react-trace-enhancer/core";
+
+//#region src/types.d.ts
+type EditorPreset = 'vscode' | 'cursor' | 'windsurf' | 'webstorm' | 'intellij' | 'zed';
+//#endregion
+//#region src/index.d.ts
+interface OpenEditorPluginOptions {
+  /**
+   * The editor to open files in.
+   * @default 'vscode'
+   */
+  editor?: EditorPreset;
+}
+declare function OpenEditorPlugin({
+  editor
+}?: OpenEditorPluginOptions): TracePlugin;
+//#endregion
+export { OpenEditorPluginOptions as n, EditorPreset as r, OpenEditorPlugin as t };
+//# sourceMappingURL=index-Boboj3a-.d.ts.map

package/dist/index-Boboj3a-.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Boboj3a-.d.ts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;KAAY,YAAA;;;UCmBK,uBAAA;EDnBO;;;;ECwBtB,MAAA,GAAS,YAAA;AAAA;AAAA,iBA6CK,gBAAA,CAAA;EACd;AAAA,IACC,uBAAA,GAA+B,WAAA"}

package/dist/index-CXpzVMLC.d.cts

@@ -0,0 +1,19 @@
+import { TracePlugin } from "@react-trace-enhancer/core";
+
+//#region src/types.d.ts
+type EditorPreset = 'vscode' | 'cursor' | 'windsurf' | 'webstorm' | 'intellij' | 'zed';
+//#endregion
+//#region src/index.d.ts
+interface OpenEditorPluginOptions {
+  /**
+   * The editor to open files in.
+   * @default 'vscode'
+   */
+  editor?: EditorPreset;
+}
+declare function OpenEditorPlugin({
+  editor
+}?: OpenEditorPluginOptions): TracePlugin;
+//#endregion
+export { OpenEditorPluginOptions as n, EditorPreset as r, OpenEditorPlugin as t };
+//# sourceMappingURL=index-CXpzVMLC.d.cts.map

package/dist/index-CXpzVMLC.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CXpzVMLC.d.cts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;KAAY,YAAA;;;UCmBK,uBAAA;EDnBO;;;;ECwBtB,MAAA,GAAS,YAAA;AAAA;AAAA,iBA6CK,gBAAA,CAAA;EACd;AAAA,IACC,uBAAA,GAA+B,WAAA"}

package/dist/index.cjs

@@ -0,0 +1,119 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _react_trace_enhancer_core = require("@react-trace-enhancer/core");
+let _react_trace_enhancer_ui_components = require("@react-trace-enhancer/ui-components");
+let jotai = require("jotai");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/store.ts
+const openEditorSettingsAtom = (0, _react_trace_enhancer_core.settingsPluginAtom)("openEditor");
+
+//#endregion
+//#region src/index.tsx
+const EDITOR_LABELS = {
+	vscode: "VS Code",
+	cursor: "Cursor",
+	windsurf: "Windsurf",
+	zed: "Zed",
+	webstorm: "WebStorm",
+	intellij: "IntelliJ"
+};
+const editors = Object.entries(EDITOR_LABELS).map(([value, label]) => ({
+	value,
+	label
+}));
+const LABEL_STYLE = {
+	fontSize: 12,
+	color: "#d4d4d8",
+	fontFamily: "system-ui, sans-serif"
+};
+/**
+* Builds the editor-specific URL to open a file at a given line/column.
+*
+* VS Code family uses:  {editor}://file/{path}:{line}:{col}
+* JetBrains uses:       {editor}://open?file={path}&line={line}
+*/
+function buildEditorUrl(editor, path, line, col) {
+	if (editor === "webstorm") return `webstorm://open?file=${encodeURIComponent(path)}&line=${line}`;
+	if (editor === "intellij") return `idea://open?file=${encodeURIComponent(path)}&line=${line}`;
+	return `${editor}://file/${path}:${line}:${col}`;
+}
+function OpenEditorPlugin({ editor = "vscode" } = {}) {
+	function OpenEditorActionPanel() {
+		const selectedSource = (0, _react_trace_enhancer_core.useSelectedSource)();
+		const clearSelectedContext = (0, _react_trace_enhancer_core.useClearSelectedContext)();
+		const currentEditor = (0, jotai.useAtomValue)(openEditorSettingsAtom)?.editor ?? editor;
+		if (!selectedSource) return null;
+		const handleOpenEditor = () => {
+			clearSelectedContext();
+			const url = buildEditorUrl(currentEditor, selectedSource.absolutePath, selectedSource.lineNumber, selectedSource.columnNumber);
+			window.open(url);
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_trace_enhancer_ui_components.DropdownMenu.Item, {
+			onClick: handleOpenEditor,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					display: "flex",
+					alignItems: "center"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.OpenInEditorIcon, {})
+			}), `Open in ${EDITOR_LABELS[currentEditor]}`]
+		});
+	}
+	function OpenEditorSettings() {
+		const portalContainer = (0, _react_trace_enhancer_core.useWidgetPortalContainer)();
+		const [editorSettings = { editor }, setEditorSettings] = (0, jotai.useAtom)(openEditorSettingsAtom);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					style: LABEL_STYLE,
+					children: "Default editor"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_trace_enhancer_ui_components.Select.Root, {
+					value: editorSettings.editor,
+					items: editors,
+					onValueChange: (value) => {
+						if (value) setEditorSettings({
+							...editorSettings,
+							editor: value
+						});
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Trigger, {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Value, {})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Portal, {
+						container: portalContainer,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Positioner, {
+							style: {
+								zIndex: 1e8,
+								pointerEvents: "auto"
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Popup, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.List, { children: editors.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.Item, {
+								value: option.value,
+								onClick: (e) => e.stopPropagation(),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_trace_enhancer_ui_components.Select.ItemText, { children: option.label })
+							}, option.value)) }) })
+						})
+					})]
+				})]
+			})
+		});
+	}
+	return {
+		name: "open-editor",
+		actionPanel: OpenEditorActionPanel,
+		settings: OpenEditorSettings
+	};
+}
+
+//#endregion
+exports.OpenEditorPlugin = OpenEditorPlugin;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["DropdownMenu","OpenInEditorIcon","Select"],"sources":["../src/store.ts","../src/index.tsx"],"sourcesContent":["import type { TraceSettings } from '@react-trace-enhancer/core'\nimport { settingsPluginAtom } from '@react-trace-enhancer/core'\nimport type { WritableAtom } from 'jotai'\n\nimport type { EditorPreset } from './types'\n\ndeclare module '@react-trace-enhancer/core' {\n  interface TraceSettings {\n    openEditor?: {\n      editor: EditorPreset\n    }\n  }\n}\n\nexport const openEditorSettingsAtom = settingsPluginAtom(\n  'openEditor',\n) as WritableAtom<\n  TraceSettings['openEditor'],\n  [TraceSettings['openEditor']],\n  void\n>\n","import type { TracePlugin } from '@react-trace-enhancer/core'\nimport {\n  useClearSelectedContext,\n  useSelectedSource,\n  useWidgetPortalContainer,\n} from '@react-trace-enhancer/core'\nimport {\n  DropdownMenu,\n  OpenInEditorIcon,\n  Select,\n} from '@react-trace-enhancer/ui-components'\nimport { useAtom, useAtomValue } from 'jotai'\nimport type { CSSProperties } from 'react'\n\nimport { openEditorSettingsAtom } from './store'\nimport type { EditorPreset } from './types'\n\nexport type { EditorPreset }\n\nexport interface OpenEditorPluginOptions {\n  /**\n   * The editor to open files in.\n   * @default 'vscode'\n   */\n  editor?: EditorPreset\n}\n\nconst EDITOR_LABELS: Record<EditorPreset, string> = {\n  vscode: 'VS Code',\n  cursor: 'Cursor',\n  windsurf: 'Windsurf',\n  zed: 'Zed',\n  webstorm: 'WebStorm',\n  intellij: 'IntelliJ',\n}\n\nconst editors = Object.entries(EDITOR_LABELS).map(([value, label]) => ({\n  value: value as EditorPreset,\n  label,\n}))\n\nconst LABEL_STYLE: CSSProperties = {\n  fontSize: 12,\n  color: '#d4d4d8',\n  fontFamily: 'system-ui, sans-serif',\n}\n\n/**\n * Builds the editor-specific URL to open a file at a given line/column.\n *\n * VS Code family uses:  {editor}://file/{path}:{line}:{col}\n * JetBrains uses:       {editor}://open?file={path}&line={line}\n */\nfunction buildEditorUrl(\n  editor: EditorPreset,\n  path: string,\n  line: number,\n  col: number,\n): string {\n  if (editor === 'webstorm') {\n    return `webstorm://open?file=${encodeURIComponent(path)}&line=${line}`\n  }\n  if (editor === 'intellij') {\n    return `idea://open?file=${encodeURIComponent(path)}&line=${line}`\n  }\n  // VS Code family + Zed: vscode, cursor, windsurf, zed — identical format, different protocol\n  return `${editor}://file/${path}:${line}:${col}`\n}\n\nexport function OpenEditorPlugin({\n  editor = 'vscode',\n}: OpenEditorPluginOptions = {}): TracePlugin {\n  function OpenEditorActionPanel() {\n    const selectedSource = useSelectedSource()\n    const clearSelectedContext = useClearSelectedContext()\n    const editorSettings = useAtomValue(openEditorSettingsAtom)\n    const currentEditor = editorSettings?.editor ?? editor\n\n    if (!selectedSource) return null\n\n    const handleOpenEditor = () => {\n      clearSelectedContext()\n      const url = buildEditorUrl(\n        currentEditor,\n        selectedSource.absolutePath,\n        selectedSource.lineNumber,\n        selectedSource.columnNumber,\n      )\n      window.open(url)\n    }\n\n    return (\n      <DropdownMenu.Item onClick={handleOpenEditor}>\n        <span style={{ display: 'flex', alignItems: 'center' }}>\n          <OpenInEditorIcon />\n        </span>\n        {`Open in ${EDITOR_LABELS[currentEditor]}`}\n      </DropdownMenu.Item>\n    )\n  }\n\n  function OpenEditorSettings() {\n    const portalContainer = useWidgetPortalContainer()\n\n    const [editorSettings = { editor }, setEditorSettings] = useAtom(\n      openEditorSettingsAtom,\n    )\n\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>\n          <label style={LABEL_STYLE}>Default editor</label>\n          <Select.Root\n            value={editorSettings.editor}\n            items={editors}\n            onValueChange={(value) => {\n              if (value) {\n                setEditorSettings({ ...editorSettings, editor: value })\n              }\n            }}\n          >\n            <Select.Trigger onClick={(e) => e.stopPropagation()}>\n              <Select.Value />\n            </Select.Trigger>\n\n            <Select.Portal container={portalContainer}>\n              <Select.Positioner\n                style={{ zIndex: 100000000, pointerEvents: 'auto' }}\n              >\n                <Select.Popup>\n                  <Select.List>\n                    {editors.map((option) => (\n                      <Select.Item\n                        key={option.value}\n                        value={option.value}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <Select.ItemText>{option.label}</Select.ItemText>\n                      </Select.Item>\n                    ))}\n                  </Select.List>\n                </Select.Popup>\n              </Select.Positioner>\n            </Select.Portal>\n          </Select.Root>\n        </div>\n      </div>\n    )\n  }\n\n  return {\n    name: 'open-editor',\n    actionPanel: OpenEditorActionPanel,\n    settings: OpenEditorSettings,\n  }\n}\n"],"mappings":";;;;;;;AAcA,MAAa,4EACX,aACD;;;;ACWD,MAAM,gBAA8C;CAClD,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,KAAK;CACL,UAAU;CACV,UAAU;CACX;AAED,MAAM,UAAU,OAAO,QAAQ,cAAc,CAAC,KAAK,CAAC,OAAO,YAAY;CAC9D;CACP;CACD,EAAE;AAEH,MAAM,cAA6B;CACjC,UAAU;CACV,OAAO;CACP,YAAY;CACb;;;;;;;AAQD,SAAS,eACP,QACA,MACA,MACA,KACQ;AACR,KAAI,WAAW,WACb,QAAO,wBAAwB,mBAAmB,KAAK,CAAC,QAAQ;AAElE,KAAI,WAAW,WACb,QAAO,oBAAoB,mBAAmB,KAAK,CAAC,QAAQ;AAG9D,QAAO,GAAG,OAAO,UAAU,KAAK,GAAG,KAAK,GAAG;;AAG7C,SAAgB,iBAAiB,EAC/B,SAAS,aACkB,EAAE,EAAe;CAC5C,SAAS,wBAAwB;EAC/B,MAAM,oEAAoC;EAC1C,MAAM,gFAAgD;EAEtD,MAAM,wCAD8B,uBAAuB,EACrB,UAAU;AAEhD,MAAI,CAAC,eAAgB,QAAO;EAE5B,MAAM,yBAAyB;AAC7B,yBAAsB;GACtB,MAAM,MAAM,eACV,eACA,eAAe,cACf,eAAe,YACf,eAAe,aAChB;AACD,UAAO,KAAK,IAAI;;AAGlB,SACE,4CAACA,iDAAa,MAAd;GAAmB,SAAS;aAA5B,CACE,2CAAC,QAAD;IAAM,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU;cACpD,2CAACC,sDAAD,EAAoB;IACf,GACN,WAAW,cAAc,iBACR;;;CAIxB,SAAS,qBAAqB;EAC5B,MAAM,4EAA4C;EAElD,MAAM,CAAC,iBAAiB,EAAE,QAAQ,EAAE,wCAClC,uBACD;AAED,SACE,2CAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;IAAI;aAC/D,4CAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,eAAe;KAAU,KAAK;KAAG;cAAhE,CACE,2CAAC,SAAD;KAAO,OAAO;eAAa;KAAsB,GACjD,4CAACC,2CAAO,MAAR;KACE,OAAO,eAAe;KACtB,OAAO;KACP,gBAAgB,UAAU;AACxB,UAAI,MACF,mBAAkB;OAAE,GAAG;OAAgB,QAAQ;OAAO,CAAC;;eAL7D,CASE,2CAACA,2CAAO,SAAR;MAAgB,UAAU,MAAM,EAAE,iBAAiB;gBACjD,2CAACA,2CAAO,OAAR,EAAgB;MACD,GAEjB,2CAACA,2CAAO,QAAR;MAAe,WAAW;gBACxB,2CAACA,2CAAO,YAAR;OACE,OAAO;QAAE,QAAQ;QAAW,eAAe;QAAQ;iBAEnD,2CAACA,2CAAO,OAAR,YACE,2CAACA,2CAAO,MAAR,YACG,QAAQ,KAAK,WACZ,2CAACA,2CAAO,MAAR;QAEE,OAAO,OAAO;QACd,UAAU,MAAM,EAAE,iBAAiB;kBAEnC,2CAACA,2CAAO,UAAR,YAAkB,OAAO,OAAwB;QACrC,EALP,OAAO,MAKA,CACd,EACU,GACD;OACG;MACN,EACJ;OACV;;GACF;;AAIV,QAAO;EACL,MAAM;EACN,aAAa;EACb,UAAU;EACX"}

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+import { n as OpenEditorPluginOptions, r as EditorPreset, t as OpenEditorPlugin } from "./index-CXpzVMLC.cjs";
+export { EditorPreset, OpenEditorPlugin, OpenEditorPluginOptions };

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import { n as OpenEditorPluginOptions, r as EditorPreset, t as OpenEditorPlugin } from "./index-Boboj3a-.js";
+export { EditorPreset, OpenEditorPlugin, OpenEditorPluginOptions };

package/dist/index.js

@@ -0,0 +1,118 @@
+import { settingsPluginAtom, useClearSelectedContext, useSelectedSource, useWidgetPortalContainer } from "@react-trace-enhancer/core";
+import { DropdownMenu, OpenInEditorIcon, Select } from "@react-trace-enhancer/ui-components";
+import { useAtom, useAtomValue } from "jotai";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/store.ts
+const openEditorSettingsAtom = settingsPluginAtom("openEditor");
+
+//#endregion
+//#region src/index.tsx
+const EDITOR_LABELS = {
+	vscode: "VS Code",
+	cursor: "Cursor",
+	windsurf: "Windsurf",
+	zed: "Zed",
+	webstorm: "WebStorm",
+	intellij: "IntelliJ"
+};
+const editors = Object.entries(EDITOR_LABELS).map(([value, label]) => ({
+	value,
+	label
+}));
+const LABEL_STYLE = {
+	fontSize: 12,
+	color: "#d4d4d8",
+	fontFamily: "system-ui, sans-serif"
+};
+/**
+* Builds the editor-specific URL to open a file at a given line/column.
+*
+* VS Code family uses:  {editor}://file/{path}:{line}:{col}
+* JetBrains uses:       {editor}://open?file={path}&line={line}
+*/
+function buildEditorUrl(editor, path, line, col) {
+	if (editor === "webstorm") return `webstorm://open?file=${encodeURIComponent(path)}&line=${line}`;
+	if (editor === "intellij") return `idea://open?file=${encodeURIComponent(path)}&line=${line}`;
+	return `${editor}://file/${path}:${line}:${col}`;
+}
+function OpenEditorPlugin({ editor = "vscode" } = {}) {
+	function OpenEditorActionPanel() {
+		const selectedSource = useSelectedSource();
+		const clearSelectedContext = useClearSelectedContext();
+		const currentEditor = useAtomValue(openEditorSettingsAtom)?.editor ?? editor;
+		if (!selectedSource) return null;
+		const handleOpenEditor = () => {
+			clearSelectedContext();
+			const url = buildEditorUrl(currentEditor, selectedSource.absolutePath, selectedSource.lineNumber, selectedSource.columnNumber);
+			window.open(url);
+		};
+		return /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+			onClick: handleOpenEditor,
+			children: [/* @__PURE__ */ jsx("span", {
+				style: {
+					display: "flex",
+					alignItems: "center"
+				},
+				children: /* @__PURE__ */ jsx(OpenInEditorIcon, {})
+			}), `Open in ${EDITOR_LABELS[currentEditor]}`]
+		});
+	}
+	function OpenEditorSettings() {
+		const portalContainer = useWidgetPortalContainer();
+		const [editorSettings = { editor }, setEditorSettings] = useAtom(openEditorSettingsAtom);
+		return /* @__PURE__ */ jsx("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: /* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6
+				},
+				children: [/* @__PURE__ */ jsx("label", {
+					style: LABEL_STYLE,
+					children: "Default editor"
+				}), /* @__PURE__ */ jsxs(Select.Root, {
+					value: editorSettings.editor,
+					items: editors,
+					onValueChange: (value) => {
+						if (value) setEditorSettings({
+							...editorSettings,
+							editor: value
+						});
+					},
+					children: [/* @__PURE__ */ jsx(Select.Trigger, {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ jsx(Select.Value, {})
+					}), /* @__PURE__ */ jsx(Select.Portal, {
+						container: portalContainer,
+						children: /* @__PURE__ */ jsx(Select.Positioner, {
+							style: {
+								zIndex: 1e8,
+								pointerEvents: "auto"
+							},
+							children: /* @__PURE__ */ jsx(Select.Popup, { children: /* @__PURE__ */ jsx(Select.List, { children: editors.map((option) => /* @__PURE__ */ jsx(Select.Item, {
+								value: option.value,
+								onClick: (e) => e.stopPropagation(),
+								children: /* @__PURE__ */ jsx(Select.ItemText, { children: option.label })
+							}, option.value)) }) })
+						})
+					})]
+				})]
+			})
+		});
+	}
+	return {
+		name: "open-editor",
+		actionPanel: OpenEditorActionPanel,
+		settings: OpenEditorSettings
+	};
+}
+
+//#endregion
+export { OpenEditorPlugin };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/store.ts","../src/index.tsx"],"sourcesContent":["import type { TraceSettings } from '@react-trace-enhancer/core'\nimport { settingsPluginAtom } from '@react-trace-enhancer/core'\nimport type { WritableAtom } from 'jotai'\n\nimport type { EditorPreset } from './types'\n\ndeclare module '@react-trace-enhancer/core' {\n  interface TraceSettings {\n    openEditor?: {\n      editor: EditorPreset\n    }\n  }\n}\n\nexport const openEditorSettingsAtom = settingsPluginAtom(\n  'openEditor',\n) as WritableAtom<\n  TraceSettings['openEditor'],\n  [TraceSettings['openEditor']],\n  void\n>\n","import type { TracePlugin } from '@react-trace-enhancer/core'\nimport {\n  useClearSelectedContext,\n  useSelectedSource,\n  useWidgetPortalContainer,\n} from '@react-trace-enhancer/core'\nimport {\n  DropdownMenu,\n  OpenInEditorIcon,\n  Select,\n} from '@react-trace-enhancer/ui-components'\nimport { useAtom, useAtomValue } from 'jotai'\nimport type { CSSProperties } from 'react'\n\nimport { openEditorSettingsAtom } from './store'\nimport type { EditorPreset } from './types'\n\nexport type { EditorPreset }\n\nexport interface OpenEditorPluginOptions {\n  /**\n   * The editor to open files in.\n   * @default 'vscode'\n   */\n  editor?: EditorPreset\n}\n\nconst EDITOR_LABELS: Record<EditorPreset, string> = {\n  vscode: 'VS Code',\n  cursor: 'Cursor',\n  windsurf: 'Windsurf',\n  zed: 'Zed',\n  webstorm: 'WebStorm',\n  intellij: 'IntelliJ',\n}\n\nconst editors = Object.entries(EDITOR_LABELS).map(([value, label]) => ({\n  value: value as EditorPreset,\n  label,\n}))\n\nconst LABEL_STYLE: CSSProperties = {\n  fontSize: 12,\n  color: '#d4d4d8',\n  fontFamily: 'system-ui, sans-serif',\n}\n\n/**\n * Builds the editor-specific URL to open a file at a given line/column.\n *\n * VS Code family uses:  {editor}://file/{path}:{line}:{col}\n * JetBrains uses:       {editor}://open?file={path}&line={line}\n */\nfunction buildEditorUrl(\n  editor: EditorPreset,\n  path: string,\n  line: number,\n  col: number,\n): string {\n  if (editor === 'webstorm') {\n    return `webstorm://open?file=${encodeURIComponent(path)}&line=${line}`\n  }\n  if (editor === 'intellij') {\n    return `idea://open?file=${encodeURIComponent(path)}&line=${line}`\n  }\n  // VS Code family + Zed: vscode, cursor, windsurf, zed — identical format, different protocol\n  return `${editor}://file/${path}:${line}:${col}`\n}\n\nexport function OpenEditorPlugin({\n  editor = 'vscode',\n}: OpenEditorPluginOptions = {}): TracePlugin {\n  function OpenEditorActionPanel() {\n    const selectedSource = useSelectedSource()\n    const clearSelectedContext = useClearSelectedContext()\n    const editorSettings = useAtomValue(openEditorSettingsAtom)\n    const currentEditor = editorSettings?.editor ?? editor\n\n    if (!selectedSource) return null\n\n    const handleOpenEditor = () => {\n      clearSelectedContext()\n      const url = buildEditorUrl(\n        currentEditor,\n        selectedSource.absolutePath,\n        selectedSource.lineNumber,\n        selectedSource.columnNumber,\n      )\n      window.open(url)\n    }\n\n    return (\n      <DropdownMenu.Item onClick={handleOpenEditor}>\n        <span style={{ display: 'flex', alignItems: 'center' }}>\n          <OpenInEditorIcon />\n        </span>\n        {`Open in ${EDITOR_LABELS[currentEditor]}`}\n      </DropdownMenu.Item>\n    )\n  }\n\n  function OpenEditorSettings() {\n    const portalContainer = useWidgetPortalContainer()\n\n    const [editorSettings = { editor }, setEditorSettings] = useAtom(\n      openEditorSettingsAtom,\n    )\n\n    return (\n      <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>\n          <label style={LABEL_STYLE}>Default editor</label>\n          <Select.Root\n            value={editorSettings.editor}\n            items={editors}\n            onValueChange={(value) => {\n              if (value) {\n                setEditorSettings({ ...editorSettings, editor: value })\n              }\n            }}\n          >\n            <Select.Trigger onClick={(e) => e.stopPropagation()}>\n              <Select.Value />\n            </Select.Trigger>\n\n            <Select.Portal container={portalContainer}>\n              <Select.Positioner\n                style={{ zIndex: 100000000, pointerEvents: 'auto' }}\n              >\n                <Select.Popup>\n                  <Select.List>\n                    {editors.map((option) => (\n                      <Select.Item\n                        key={option.value}\n                        value={option.value}\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <Select.ItemText>{option.label}</Select.ItemText>\n                      </Select.Item>\n                    ))}\n                  </Select.List>\n                </Select.Popup>\n              </Select.Positioner>\n            </Select.Portal>\n          </Select.Root>\n        </div>\n      </div>\n    )\n  }\n\n  return {\n    name: 'open-editor',\n    actionPanel: OpenEditorActionPanel,\n    settings: OpenEditorSettings,\n  }\n}\n"],"mappings":";;;;;;AAcA,MAAa,yBAAyB,mBACpC,aACD;;;;ACWD,MAAM,gBAA8C;CAClD,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,KAAK;CACL,UAAU;CACV,UAAU;CACX;AAED,MAAM,UAAU,OAAO,QAAQ,cAAc,CAAC,KAAK,CAAC,OAAO,YAAY;CAC9D;CACP;CACD,EAAE;AAEH,MAAM,cAA6B;CACjC,UAAU;CACV,OAAO;CACP,YAAY;CACb;;;;;;;AAQD,SAAS,eACP,QACA,MACA,MACA,KACQ;AACR,KAAI,WAAW,WACb,QAAO,wBAAwB,mBAAmB,KAAK,CAAC,QAAQ;AAElE,KAAI,WAAW,WACb,QAAO,oBAAoB,mBAAmB,KAAK,CAAC,QAAQ;AAG9D,QAAO,GAAG,OAAO,UAAU,KAAK,GAAG,KAAK,GAAG;;AAG7C,SAAgB,iBAAiB,EAC/B,SAAS,aACkB,EAAE,EAAe;CAC5C,SAAS,wBAAwB;EAC/B,MAAM,iBAAiB,mBAAmB;EAC1C,MAAM,uBAAuB,yBAAyB;EAEtD,MAAM,gBADiB,aAAa,uBAAuB,EACrB,UAAU;AAEhD,MAAI,CAAC,eAAgB,QAAO;EAE5B,MAAM,yBAAyB;AAC7B,yBAAsB;GACtB,MAAM,MAAM,eACV,eACA,eAAe,cACf,eAAe,YACf,eAAe,aAChB;AACD,UAAO,KAAK,IAAI;;AAGlB,SACE,qBAAC,aAAa,MAAd;GAAmB,SAAS;aAA5B,CACE,oBAAC,QAAD;IAAM,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU;cACpD,oBAAC,kBAAD,EAAoB;IACf,GACN,WAAW,cAAc,iBACR;;;CAIxB,SAAS,qBAAqB;EAC5B,MAAM,kBAAkB,0BAA0B;EAElD,MAAM,CAAC,iBAAiB,EAAE,QAAQ,EAAE,qBAAqB,QACvD,uBACD;AAED,SACE,oBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;IAAI;aAC/D,qBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,eAAe;KAAU,KAAK;KAAG;cAAhE,CACE,oBAAC,SAAD;KAAO,OAAO;eAAa;KAAsB,GACjD,qBAAC,OAAO,MAAR;KACE,OAAO,eAAe;KACtB,OAAO;KACP,gBAAgB,UAAU;AACxB,UAAI,MACF,mBAAkB;OAAE,GAAG;OAAgB,QAAQ;OAAO,CAAC;;eAL7D,CASE,oBAAC,OAAO,SAAR;MAAgB,UAAU,MAAM,EAAE,iBAAiB;gBACjD,oBAAC,OAAO,OAAR,EAAgB;MACD,GAEjB,oBAAC,OAAO,QAAR;MAAe,WAAW;gBACxB,oBAAC,OAAO,YAAR;OACE,OAAO;QAAE,QAAQ;QAAW,eAAe;QAAQ;iBAEnD,oBAAC,OAAO,OAAR,YACE,oBAAC,OAAO,MAAR,YACG,QAAQ,KAAK,WACZ,oBAAC,OAAO,MAAR;QAEE,OAAO,OAAO;QACd,UAAU,MAAM,EAAE,iBAAiB;kBAEnC,oBAAC,OAAO,UAAR,YAAkB,OAAO,OAAwB;QACrC,EALP,OAAO,MAKA,CACd,EACU,GACD;OACG;MACN,EACJ;OACV;;GACF;;AAIV,QAAO;EACL,MAAM;EACN,aAAa;EACb,UAAU;EACX"}

package/dist/index.prod.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/index.prod.ts
+/**
+* Production stub for @react-trace-enhancer/plugin-open-editor.
+*/
+const OpenEditorPlugin = () => ({ name: "open-editor" });
+
+//#endregion
+exports.OpenEditorPlugin = OpenEditorPlugin;
+//# sourceMappingURL=index.prod.cjs.map

package/dist/index.prod.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.prod.cjs","names":[],"sources":["../src/index.prod.ts"],"sourcesContent":["/**\n * Production stub for @react-trace-enhancer/plugin-open-editor.\n */\nexport const OpenEditorPlugin = () => ({ name: 'open-editor' as const })\n\nexport type { OpenEditorPluginOptions } from './index'\n\nexport type { EditorPreset } from './types'\n"],"mappings":";;;;;;AAGA,MAAa,0BAA0B,EAAE,MAAM,eAAwB"}

package/dist/index.prod.d.cts

@@ -0,0 +1,12 @@
+import { n as OpenEditorPluginOptions, r as EditorPreset } from "./index-CXpzVMLC.cjs";
+
+//#region src/index.prod.d.ts
+/**
+ * Production stub for @react-trace-enhancer/plugin-open-editor.
+ */
+declare const OpenEditorPlugin: () => {
+  name: "open-editor";
+};
+//#endregion
+export { type EditorPreset, OpenEditorPlugin, type OpenEditorPluginOptions };
+//# sourceMappingURL=index.prod.d.cts.map

package/dist/index.prod.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.prod.d.cts","names":[],"sources":["../src/index.prod.ts"],"mappings":";;;;;;cAGa,gBAAA;EAA2D,IAAA;AAAA"}

package/dist/index.prod.d.ts

@@ -0,0 +1,12 @@
+import { n as OpenEditorPluginOptions, r as EditorPreset } from "./index-Boboj3a-.js";
+
+//#region src/index.prod.d.ts
+/**
+ * Production stub for @react-trace-enhancer/plugin-open-editor.
+ */
+declare const OpenEditorPlugin: () => {
+  name: "open-editor";
+};
+//#endregion
+export { type EditorPreset, OpenEditorPlugin, type OpenEditorPluginOptions };
+//# sourceMappingURL=index.prod.d.ts.map

package/dist/index.prod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.prod.d.ts","names":[],"sources":["../src/index.prod.ts"],"mappings":";;;;;;cAGa,gBAAA;EAA2D,IAAA;AAAA"}

package/dist/index.prod.js

@@ -0,0 +1,9 @@
+//#region src/index.prod.ts
+/**
+* Production stub for @react-trace-enhancer/plugin-open-editor.
+*/
+const OpenEditorPlugin = () => ({ name: "open-editor" });
+
+//#endregion
+export { OpenEditorPlugin };
+//# sourceMappingURL=index.prod.js.map

package/dist/index.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.prod.js","names":[],"sources":["../src/index.prod.ts"],"sourcesContent":["/**\n * Production stub for @react-trace-enhancer/plugin-open-editor.\n */\nexport const OpenEditorPlugin = () => ({ name: 'open-editor' as const })\n\nexport type { OpenEditorPluginOptions } from './index'\n\nexport type { EditorPreset } from './types'\n"],"mappings":";;;;AAGA,MAAa,0BAA0B,EAAE,MAAM,eAAwB"}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@react-trace-enhancer/plugin-open-editor",
+  "version": "0.0.1",
+  "description": "react-trace plugin: open inspected component source in your code editor",
+  "keywords": [
+    "react-trace",
+    "react-trace-plugin"
+  ],
+  "license": "MIT",
+  "author": "Vitor Buzinaro",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/buzinas/react-trace",
+    "directory": "packages/plugin-open-editor"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "development": {
+        "import": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        },
+        "require": {
+          "types": "./dist/index.d.cts",
+          "default": "./dist/index.cjs"
+        }
+      },
+      "production": {
+        "import": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.prod.js"
+        },
+        "require": {
+          "types": "./dist/index.d.cts",
+          "default": "./dist/index.prod.cjs"
+        }
+      },
+      "default": {
+        "import": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        },
+        "require": {
+          "types": "./dist/index.d.cts",
+          "default": "./dist/index.cjs"
+        }
+      }
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch --no-clean",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint src",
+    "prepublishOnly": "pnpm build"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "oxlint": "latest",
+    "react": "^19",
+    "tsdown": "^0.21.0-beta.2",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "@react-trace-enhancer/core": "^0.0.1",
+    "@react-trace-enhancer/ui-components": "^0.0.1",
+    "jotai": "^2.18.0",
+    "react": ">=18"
+  }
+}