react-code-locator 0.1.9 → 0.1.12

package/dist/client.cjs

@@ -27,6 +27,66 @@ module.exports = __toCommonJS(client_exports);
 
 // src/constants.ts
 var SOURCE_PROP = "__componentSourceLoc";
+var JSX_SOURCE_PROP = "$componentSourceLoc";
+var JSX_SOURCE_REGISTRY_SYMBOL = "react-code-locator.jsxSourceRegistry";
+
+// src/sourceMetadata.ts
+function normalizeSlashes(value) {
+  return value.replace(/\\/g, "/");
+}
+function trimTrailingSlash(value) {
+  return value.replace(/\/+$/, "");
+}
+function splitPathSegments(value) {
+  return normalizeSlashes(value).split("/").filter(Boolean);
+}
+function computeRelativePath(fromPath, toPath) {
+  const fromSegments = splitPathSegments(fromPath);
+  const toSegments = splitPathSegments(toPath);
+  let sharedIndex = 0;
+  while (sharedIndex < fromSegments.length && sharedIndex < toSegments.length && fromSegments[sharedIndex] === toSegments[sharedIndex]) {
+    sharedIndex += 1;
+  }
+  const upSegments = new Array(Math.max(0, fromSegments.length - sharedIndex)).fill("..");
+  const downSegments = toSegments.slice(sharedIndex);
+  const relativeSegments = [...upSegments, ...downSegments];
+  return relativeSegments.length > 0 ? relativeSegments.join("/") : ".";
+}
+function normalizeProjectRoot(projectRoot) {
+  if (projectRoot) {
+    return trimTrailingSlash(normalizeSlashes(projectRoot));
+  }
+  if (typeof process !== "undefined" && typeof process.cwd === "function") {
+    return trimTrailingSlash(normalizeSlashes(process.cwd()));
+  }
+  return "";
+}
+function getSourceFile(source) {
+  if (!source) {
+    return null;
+  }
+  const match = source.match(/^(.*):\d+:\d+$/);
+  return match?.[1] ?? null;
+}
+function isProjectLocalFile(filename, projectRoot) {
+  if (!filename) {
+    return false;
+  }
+  const root = normalizeProjectRoot(projectRoot);
+  const normalizedFilename = normalizeSlashes(filename);
+  if (!root) {
+    return !normalizedFilename.startsWith("../") && !normalizedFilename.startsWith("/") && !/^[A-Za-z]:\//.test(normalizedFilename);
+  }
+  if (normalizedFilename.startsWith(`${root}/`) || normalizedFilename === root) {
+    return true;
+  }
+  const relativePath = computeRelativePath(root, normalizedFilename);
+  return !relativePath.startsWith("../");
+}
+function isProjectLocalSource(source, projectRoot) {
+  const file = getSourceFile(source);
+  return isProjectLocalFile(file ?? void 0, projectRoot);
+}
 
 // src/runtime.ts
 function isTriggerPressed(event, triggerKey) {
@@ -74,7 +134,16 @@ function getSourceFromType(type) {
   return typeof source === "string" ? source : null;
 }
 function getSourceFromProps(props) {
-  const source = props?.[SOURCE_PROP];
+  if (props && typeof props === "object") {
+    const registry = globalThis[Symbol.for(JSX_SOURCE_REGISTRY_SYMBOL)];
+    if (registry instanceof WeakMap) {
+      const intrinsicSource = registry.get(props);
+      if (typeof intrinsicSource === "string") {
+        return intrinsicSource;
+      }
+    }
+  }
+  const source = props?.[JSX_SOURCE_PROP];
   return typeof source === "string" ? source : null;
 }
 function resolveComponentSourceFromFiber(fiber) {
@@ -95,35 +164,69 @@ function getDirectDebugSource(fiber) {
   }
   return null;
 }
-function resolveOwnerJsxSource(fiber) {
-  let current = fiber?._debugOwner ?? null;
-  while (current) {
-    const source = getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);
-    if (source) {
-      return source;
-    }
-    current = current._debugOwner ?? null;
-  }
-  return null;
-}
-function resolveNearestJsxSource(fiber) {
+function resolveSourceCandidates(fiber) {
   let current = fiber;
+  const jsxCandidates = [];
+  const componentCandidates = [];
   while (current) {
-    const source = getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);
-    if (source) {
-      return source;
+    const jsxSource = getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);
+    if (jsxSource) {
+      const file = getSourceFile(jsxSource);
+      if (file && !jsxCandidates.some((candidate) => candidate.source === jsxSource)) {
+        jsxCandidates.push({ source: jsxSource, file });
+      }
+    }
+    const componentSource = getSourceFromType(current.type) ?? getSourceFromType(current.elementType);
+    if (componentSource) {
+      const file = getSourceFile(componentSource);
+      if (file && !componentCandidates.some((candidate) => candidate.source === componentSource)) {
+        componentCandidates.push({ source: componentSource, file });
+      }
     }
     current = current.return ?? null;
   }
-  return null;
+  const direct = jsxCandidates[0]?.source ?? null;
+  const nearestProjectLocalComponentFile = componentCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.file;
+  let screen = null;
+  if (nearestProjectLocalComponentFile) {
+    const matchingJsxCandidate = jsxCandidates.find((candidate) => candidate.file === nearestProjectLocalComponentFile);
+    if (matchingJsxCandidate) {
+      screen = matchingJsxCandidate.source;
+    } else {
+      const matchingComponentCandidate = componentCandidates.find(
+        (candidate) => candidate.file === nearestProjectLocalComponentFile
+      );
+      if (matchingComponentCandidate) {
+        screen = matchingComponentCandidate.source;
+      }
+    }
+  }
+  const implementationComponentCandidate = componentCandidates.find((candidate) => !isProjectLocalSource(candidate.source))?.source ?? null;
+  const implementationJsxCandidate = jsxCandidates.find((candidate) => !isProjectLocalSource(candidate.source))?.source ?? null;
+  const projectLocalJsxCandidate = jsxCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.source ?? null;
+  const screenFallback = screen ?? projectLocalJsxCandidate ?? componentCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.source ?? null;
+  return {
+    direct: direct ?? screenFallback,
+    screen: screenFallback,
+    implementation: implementationComponentCandidate ?? implementationJsxCandidate ?? screenFallback
+  };
+}
+function getModeDescription(mode) {
+  if (mode === "direct") {
+    return "Direct JSX";
+  }
+  if (mode === "screen") {
+    return "Screen source";
+  }
+  return "Implementation source";
 }
 function createStatusOverlay(triggerKey) {
   if (typeof document === "undefined") {
     return null;
   }
   const element = document.createElement("div");
-  let currentText = "";
   let copyValue = null;
+  let currentMode = "screen";
   let hideTimer = null;
   element.setAttribute("data-react-code-locator", "true");
   Object.assign(element.style, {
@@ -147,7 +250,6 @@ function createStatusOverlay(triggerKey) {
     transition: "opacity 120ms ease"
   });
   const show = (message, tone) => {
-    currentText = message;
     element.textContent = message;
     element.style.background = tone === "success" ? "rgba(6, 95, 70, 0.92)" : tone === "error" ? "rgba(153, 27, 27, 0.94)" : "rgba(17, 24, 39, 0.92)";
     element.style.opacity = "1";
@@ -158,7 +260,7 @@ function createStatusOverlay(triggerKey) {
     hideTimer = setTimeout(() => {
       element.style.opacity = "0";
       element.style.pointerEvents = "none";
-    }, 1500);
+    }, 2e3);
   };
   element.addEventListener("click", async () => {
     if (!copyValue) {
@@ -171,7 +273,7 @@ function createStatusOverlay(triggerKey) {
       show(`[react-code-locator] copy failed`, "error");
     }
   });
-  show(`[react-code-locator] enabled (${triggerKey}+click)`, "idle");
+  show(`[react-code-locator] enabled (${triggerKey}+click, alt+1/2/3 to switch mode)`, "idle");
   const mount = () => {
     if (!element.isConnected && document.body) {
       document.body.appendChild(element);
@@ -189,6 +291,10 @@ function createStatusOverlay(triggerKey) {
     setCopyValue(value) {
       copyValue = value;
     },
+    setMode(mode) {
+      currentMode = mode;
+      show(`[react-code-locator] ${getModeDescription(mode)}`, "idle");
+    },
     remove() {
       if (hideTimer) {
         clearTimeout(hideTimer);
@@ -197,17 +303,18 @@ function createStatusOverlay(triggerKey) {
     }
   };
 }
-function locateComponentSource(target) {
+function locateComponentSource(target, mode = "screen") {
   const elementTarget = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
   const fiber = getClosestReactFiber(elementTarget);
   if (!fiber) {
     return null;
   }
-  const jsxSource = resolveOwnerJsxSource(fiber) ?? resolveNearestJsxSource(fiber);
-  if (jsxSource) {
+  const candidates = resolveSourceCandidates(fiber);
+  const source = candidates[mode] ?? candidates.screen ?? candidates.direct ?? candidates.implementation;
+  if (source) {
     return {
-      source: jsxSource,
-      mode: "jsx"
+      source,
+      mode
     };
   }
   const componentSource = resolveComponentSourceFromFiber(fiber);
@@ -216,11 +323,12 @@ function locateComponentSource(target) {
   }
   return {
     source: componentSource,
-    mode: "component"
+    mode
   };
 }
 function enableReactComponentJump(options = {}) {
   const overlay = createStatusOverlay(options.triggerKey ?? "shift");
+  let currentMode = "screen";
   const {
     triggerKey = "shift",
     onLocate = (result) => {
@@ -236,6 +344,28 @@ function enableReactComponentJump(options = {}) {
     }
   } = options;
   console.log("[react-code-locator] enabled", { triggerKey });
+  const keyHandler = (event) => {
+    if (!event.altKey) {
+      return;
+    }
+    if (event.code === "Digit1") {
+      currentMode = "direct";
+      overlay?.setMode(currentMode);
+      event.preventDefault();
+      return;
+    }
+    if (event.code === "Digit2") {
+      currentMode = "screen";
+      overlay?.setMode(currentMode);
+      event.preventDefault();
+      return;
+    }
+    if (event.code === "Digit3") {
+      currentMode = "implementation";
+      overlay?.setMode(currentMode);
+      event.preventDefault();
+    }
+  };
   const handler = (event) => {
     console.log("[react-code-locator] click", {
       triggerKey,
@@ -248,7 +378,7 @@ function enableReactComponentJump(options = {}) {
     if (!isTriggerPressed(event, triggerKey)) {
       return;
     }
-    const result = locateComponentSource(event.target);
+    const result = locateComponentSource(event.target, currentMode);
     if (!result) {
       onError(new Error("No React component source metadata found for clicked element."));
       return;
@@ -258,8 +388,10 @@ function enableReactComponentJump(options = {}) {
     onLocate(result);
   };
   document.addEventListener("click", handler, true);
+  document.addEventListener("keydown", keyHandler, true);
   return () => {
     document.removeEventListener("click", handler, true);
+    document.removeEventListener("keydown", keyHandler, true);
     overlay?.remove();
   };
 }

package/dist/client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/client.ts","../src/constants.ts","../src/runtime.ts"],"sourcesContent":["export { enableReactComponentJump, locateComponentSource } from \"./runtime\";\nexport type { LocatorOptions, LocatorResult, TriggerKey } from \"./runtime\";\n\n","export const SOURCE_PROP = \"__componentSourceLoc\";\n\n","import { SOURCE_PROP } from \"./constants\";\n\nexport type TriggerKey = \"alt\" | \"meta\" | \"ctrl\" | \"shift\" | \"none\";\n\ntype ReactFiber = {\n  return?: ReactFiber | null;\n  type?: unknown;\n  elementType?: unknown;\n  pendingProps?: Record<string, unknown> | null;\n  memoizedProps?: Record<string, unknown> | null;\n  _debugOwner?: ReactFiber | null;\n  _debugSource?: {\n    fileName?: string;\n    lineNumber?: number;\n    columnNumber?: number;\n  } | null;\n};\n\nexport type LocatorResult = {\n  source: string;\n  mode: \"jsx\" | \"component\";\n};\n\nexport type LocatorOptions = {\n  triggerKey?: TriggerKey;\n  onLocate?: (result: LocatorResult) => void;\n  onError?: (error: unknown) => void;\n};\n\ntype StatusOverlay = {\n  setStatus: (message: string, tone?: \"idle\" | \"success\" | \"error\") => void;\n  setCopyValue: (value: string | null) => void;\n  remove: () => void;\n};\n\nfunction isTriggerPressed(event: MouseEvent, triggerKey: TriggerKey) {\n  if (triggerKey === \"none\") {\n    return true;\n  }\n\n  if (triggerKey === \"alt\") {\n    return event.altKey;\n  }\n\n  if (triggerKey === \"meta\") {\n    return event.metaKey;\n  }\n\n  if (triggerKey === \"ctrl\") {\n    return event.ctrlKey;\n  }\n\n  return event.shiftKey;\n}\n\nfunction getReactFiberKey(element: Element) {\n  return Object.keys(element).find((key) => key.startsWith(\"__reactFiber$\") || key.startsWith(\"__reactInternalInstance$\"));\n}\n\nfunction getClosestReactFiber(target: Element | null) {\n  let current = target;\n\n  while (current) {\n    const fiberKey = getReactFiberKey(current);\n    if (fiberKey) {\n      return (current as unknown as Record<string, unknown>)[fiberKey] as ReactFiber;\n    }\n\n    current = current.parentElement;\n  }\n\n  return null;\n}\n\nfunction getSourceFromType(type: unknown) {\n  if (!type) {\n    return null;\n  }\n\n  if (typeof type === \"function\") {\n    const source = (type as unknown as Record<string, unknown>)[SOURCE_PROP];\n    return typeof source === \"string\" ? source : null;\n  }\n\n  if (typeof type !== \"object\") {\n    return null;\n  }\n\n  const record = type as {\n    type?: Record<string, unknown>;\n    render?: Record<string, unknown>;\n    [SOURCE_PROP]?: unknown;\n  };\n\n  const source = record[SOURCE_PROP] ?? record.type?.[SOURCE_PROP] ?? record.render?.[SOURCE_PROP];\n  return typeof source === \"string\" ? source : null;\n}\n\nfunction getSourceFromProps(props: Record<string, unknown> | null | undefined) {\n  const source = props?.[SOURCE_PROP];\n  return typeof source === \"string\" ? source : null;\n}\n\nfunction resolveJsxSourceFromFiber(fiber: ReactFiber | null) {\n  let current = fiber;\n\n  while (current) {\n    const source = getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps);\n    if (source) {\n      return source;\n    }\n\n    current = current.return ?? null;\n  }\n\n  return null;\n}\n\nfunction resolveComponentSourceFromFiber(fiber: ReactFiber | null) {\n  let current = fiber;\n\n  while (current) {\n    const source = getSourceFromType(current.type) ?? getSourceFromType(current.elementType);\n    if (source) {\n      return source;\n    }\n\n    current = current.return ?? null;\n  }\n\n  return null;\n}\n\nfunction getDirectDebugSource(fiber: ReactFiber | null) {\n  const debugSource = fiber?._debugSource;\n  if (debugSource?.fileName && typeof debugSource.lineNumber === \"number\") {\n    return `${debugSource.fileName.replace(/\\\\/g, \"/\")}:${debugSource.lineNumber}:${debugSource.columnNumber ?? 1}`;\n  }\n\n  return null;\n}\n\nfunction resolveOwnerJsxSource(fiber: ReactFiber | null) {\n  let current = fiber?._debugOwner ?? null;\n\n  while (current) {\n    const source =\n      getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);\n    if (source) {\n      return source;\n    }\n\n    current = current._debugOwner ?? null;\n  }\n\n  return null;\n}\n\nfunction resolveNearestJsxSource(fiber: ReactFiber | null) {\n  let current = fiber;\n\n  while (current) {\n    const source =\n      getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);\n    if (source) {\n      return source;\n    }\n\n    current = current.return ?? null;\n  }\n\n  return null;\n}\n\nfunction createStatusOverlay(triggerKey: TriggerKey): StatusOverlay | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  const element = document.createElement(\"div\");\n  let currentText = \"\";\n  let copyValue: string | null = null;\n  let hideTimer: ReturnType<typeof setTimeout> | null = null;\n  element.setAttribute(\"data-react-code-locator\", \"true\");\n  Object.assign(element.style, {\n    position: \"fixed\",\n    right: \"12px\",\n    bottom: \"12px\",\n    zIndex: \"2147483647\",\n    padding: \"8px 10px\",\n    borderRadius: \"8px\",\n    background: \"rgba(17, 24, 39, 0.92)\",\n    color: \"#fff\",\n    fontSize: \"12px\",\n    lineHeight: \"1.4\",\n    fontFamily: \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\",\n    boxShadow: \"0 8px 30px rgba(0, 0, 0, 0.25)\",\n    pointerEvents: \"auto\",\n    cursor: \"pointer\",\n    maxWidth: \"min(70vw, 720px)\",\n    wordBreak: \"break-all\",\n    opacity: \"0\",\n    transition: \"opacity 120ms ease\",\n  });\n\n  const show = (message: string, tone: \"idle\" | \"success\" | \"error\") => {\n    currentText = message;\n    element.textContent = message;\n    element.style.background =\n      tone === \"success\"\n        ? \"rgba(6, 95, 70, 0.92)\"\n        : tone === \"error\"\n          ? \"rgba(153, 27, 27, 0.94)\"\n          : \"rgba(17, 24, 39, 0.92)\";\n    element.style.opacity = \"1\";\n    element.style.pointerEvents = \"auto\";\n\n    if (hideTimer) {\n      clearTimeout(hideTimer);\n    }\n\n    hideTimer = setTimeout(() => {\n      element.style.opacity = \"0\";\n      element.style.pointerEvents = \"none\";\n    }, 1500);\n  };\n\n  element.addEventListener(\"click\", async () => {\n    if (!copyValue) {\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(copyValue);\n      show(`[react-code-locator] copied`, \"success\");\n    } catch {\n      show(`[react-code-locator] copy failed`, \"error\");\n    }\n  });\n\n  show(`[react-code-locator] enabled (${triggerKey}+click)`, \"idle\");\n\n  const mount = () => {\n    if (!element.isConnected && document.body) {\n      document.body.appendChild(element);\n    }\n  };\n\n  if (document.body) {\n    mount();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", mount, { once: true });\n  }\n\n  return {\n    setStatus(message, tone = \"idle\") {\n      show(message, tone);\n    },\n    setCopyValue(value) {\n      copyValue = value;\n    },\n    remove() {\n      if (hideTimer) {\n        clearTimeout(hideTimer);\n      }\n      element.remove();\n    },\n  };\n}\n\nexport function locateComponentSource(target: EventTarget | null): LocatorResult | null {\n  const elementTarget =\n    target instanceof Element ? target : target instanceof Node ? target.parentElement : null;\n  const fiber = getClosestReactFiber(elementTarget);\n  if (!fiber) {\n    return null;\n  }\n\n  const jsxSource = resolveOwnerJsxSource(fiber) ?? resolveNearestJsxSource(fiber);\n  if (jsxSource) {\n    return {\n      source: jsxSource,\n      mode: \"jsx\",\n    };\n  }\n\n  const componentSource = resolveComponentSourceFromFiber(fiber);\n  if (!componentSource) {\n    return null;\n  }\n\n  return {\n    source: componentSource,\n    mode: \"component\",\n  };\n}\n\nexport function enableReactComponentJump(options: LocatorOptions = {}) {\n  const overlay = createStatusOverlay(options.triggerKey ?? \"shift\");\n  const {\n    triggerKey = \"shift\",\n    onLocate = (result) => {\n      console.log(`[react-code-locator] ${result.source}`);\n      overlay?.setCopyValue(result.source);\n      overlay?.setStatus(`[react-code-locator] ${result.source}`, \"success\");\n    },\n    onError = (error) => {\n      console.error(\"[react-code-locator]\", error);\n      const message = error instanceof Error ? error.message : String(error);\n      overlay?.setCopyValue(null);\n      overlay?.setStatus(`[react-code-locator] ${message}`, \"error\");\n    },\n  } = options;\n\n  console.log(\"[react-code-locator] enabled\", { triggerKey });\n\n  const handler = (event: MouseEvent) => {\n    console.log(\"[react-code-locator] click\", {\n      triggerKey,\n      shiftKey: event.shiftKey,\n      altKey: event.altKey,\n      ctrlKey: event.ctrlKey,\n      metaKey: event.metaKey,\n      target: event.target,\n    });\n\n    if (!isTriggerPressed(event, triggerKey)) {\n      return;\n    }\n\n    const result = locateComponentSource(event.target);\n    if (!result) {\n      onError(new Error(\"No React component source metadata found for clicked element.\"));\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    onLocate(result);\n  };\n\n  document.addEventListener(\"click\", handler, true);\n\n  return () => {\n    document.removeEventListener(\"click\", handler, true);\n    overlay?.remove();\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,cAAc;;;ACmC3B,SAAS,iBAAiB,OAAmB,YAAwB;AACnE,MAAI,eAAe,QAAQ;AACzB,WAAO;AAAA,EACT;AAEA,MAAI,eAAe,OAAO;AACxB,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,eAAe,QAAQ;AACzB,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,eAAe,QAAQ;AACzB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,MAAM;AACf;AAEA,SAAS,iBAAiB,SAAkB;AAC1C,SAAO,OAAO,KAAK,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAI,WAAW,eAAe,KAAK,IAAI,WAAW,0BAA0B,CAAC;AACzH;AAEA,SAAS,qBAAqB,QAAwB;AACpD,MAAI,UAAU;AAEd,SAAO,SAAS;AACd,UAAM,WAAW,iBAAiB,OAAO;AACzC,QAAI,UAAU;AACZ,aAAQ,QAA+C,QAAQ;AAAA,IACjE;AAEA,cAAU,QAAQ;AAAA,EACpB;AAEA,SAAO;AACT;AAEA,SAAS,kBAAkB,MAAe;AACxC,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,SAAS,YAAY;AAC9B,UAAMA,UAAU,KAA4C,WAAW;AACvE,WAAO,OAAOA,YAAW,WAAWA,UAAS;AAAA,EAC/C;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,SAAS;AAMf,QAAM,SAAS,OAAO,WAAW,KAAK,OAAO,OAAO,WAAW,KAAK,OAAO,SAAS,WAAW;AAC/F,SAAO,OAAO,WAAW,WAAW,SAAS;AAC/C;AAEA,SAAS,mBAAmB,OAAmD;AAC7E,QAAM,SAAS,QAAQ,WAAW;AAClC,SAAO,OAAO,WAAW,WAAW,SAAS;AAC/C;AAiBA,SAAS,gCAAgC,OAA0B;AACjE,MAAI,UAAU;AAEd,SAAO,SAAS;AACd,UAAM,SAAS,kBAAkB,QAAQ,IAAI,KAAK,kBAAkB,QAAQ,WAAW;AACvF,QAAI,QAAQ;AACV,aAAO;AAAA,IACT;AAEA,cAAU,QAAQ,UAAU;AAAA,EAC9B;AAEA,SAAO;AACT;AAEA,SAAS,qBAAqB,OAA0B;AACtD,QAAM,cAAc,OAAO;AAC3B,MAAI,aAAa,YAAY,OAAO,YAAY,eAAe,UAAU;AACvE,WAAO,GAAG,YAAY,SAAS,QAAQ,OAAO,GAAG,CAAC,IAAI,YAAY,UAAU,IAAI,YAAY,gBAAgB,CAAC;AAAA,EAC/G;AAEA,SAAO;AACT;AAEA,SAAS,sBAAsB,OAA0B;AACvD,MAAI,UAAU,OAAO,eAAe;AAEpC,SAAO,SAAS;AACd,UAAM,SACJ,mBAAmB,QAAQ,YAAY,KAAK,mBAAmB,QAAQ,aAAa,KAAK,qBAAqB,OAAO;AACvH,QAAI,QAAQ;AACV,aAAO;AAAA,IACT;AAEA,cAAU,QAAQ,eAAe;AAAA,EACnC;AAEA,SAAO;AACT;AAEA,SAAS,wBAAwB,OAA0B;AACzD,MAAI,UAAU;AAEd,SAAO,SAAS;AACd,UAAM,SACJ,mBAAmB,QAAQ,YAAY,KAAK,mBAAmB,QAAQ,aAAa,KAAK,qBAAqB,OAAO;AACvH,QAAI,QAAQ;AACV,aAAO;AAAA,IACT;AAEA,cAAU,QAAQ,UAAU;AAAA,EAC9B;AAEA,SAAO;AACT;AAEA,SAAS,oBAAoB,YAA8C;AACzE,MAAI,OAAO,aAAa,aAAa;AACnC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,MAAI,cAAc;AAClB,MAAI,YAA2B;AAC/B,MAAI,YAAkD;AACtD,UAAQ,aAAa,2BAA2B,MAAM;AACtD,SAAO,OAAO,QAAQ,OAAO;AAAA,IAC3B,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,EACd,CAAC;AAED,QAAM,OAAO,CAAC,SAAiB,SAAuC;AACpE,kBAAc;AACd,YAAQ,cAAc;AACtB,YAAQ,MAAM,aACZ,SAAS,YACL,0BACA,SAAS,UACP,4BACA;AACR,YAAQ,MAAM,UAAU;AACxB,YAAQ,MAAM,gBAAgB;AAE9B,QAAI,WAAW;AACb,mBAAa,SAAS;AAAA,IACxB;AAEA,gBAAY,WAAW,MAAM;AAC3B,cAAQ,MAAM,UAAU;AACxB,cAAQ,MAAM,gBAAgB;AAAA,IAChC,GAAG,IAAI;AAAA,EACT;AAEA,UAAQ,iBAAiB,SAAS,YAAY;AAC5C,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,SAAS;AAC7C,WAAK,+BAA+B,SAAS;AAAA,IAC/C,QAAQ;AACN,WAAK,oCAAoC,OAAO;AAAA,IAClD;AAAA,EACF,CAAC;AAED,OAAK,iCAAiC,UAAU,WAAW,MAAM;AAEjE,QAAM,QAAQ,MAAM;AAClB,QAAI,CAAC,QAAQ,eAAe,SAAS,MAAM;AACzC,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AAAA,EACF;AAEA,MAAI,SAAS,MAAM;AACjB,UAAM;AAAA,EACR,OAAO;AACL,aAAS,iBAAiB,oBAAoB,OAAO,EAAE,MAAM,KAAK,CAAC;AAAA,EACrE;AAEA,SAAO;AAAA,IACL,UAAU,SAAS,OAAO,QAAQ;AAChC,WAAK,SAAS,IAAI;AAAA,IACpB;AAAA,IACA,aAAa,OAAO;AAClB,kBAAY;AAAA,IACd;AAAA,IACA,SAAS;AACP,UAAI,WAAW;AACb,qBAAa,SAAS;AAAA,MACxB;AACA,cAAQ,OAAO;AAAA,IACjB;AAAA,EACF;AACF;AAEO,SAAS,sBAAsB,QAAkD;AACtF,QAAM,gBACJ,kBAAkB,UAAU,SAAS,kBAAkB,OAAO,OAAO,gBAAgB;AACvF,QAAM,QAAQ,qBAAqB,aAAa;AAChD,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,sBAAsB,KAAK,KAAK,wBAAwB,KAAK;AAC/E,MAAI,WAAW;AACb,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,kBAAkB,gCAAgC,KAAK;AAC7D,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AACF;AAEO,SAAS,yBAAyB,UAA0B,CAAC,GAAG;AACrE,QAAM,UAAU,oBAAoB,QAAQ,cAAc,OAAO;AACjE,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,WAAW,CAAC,WAAW;AACrB,cAAQ,IAAI,wBAAwB,OAAO,MAAM,EAAE;AACnD,eAAS,aAAa,OAAO,MAAM;AACnC,eAAS,UAAU,wBAAwB,OAAO,MAAM,IAAI,SAAS;AAAA,IACvE;AAAA,IACA,UAAU,CAAC,UAAU;AACnB,cAAQ,MAAM,wBAAwB,KAAK;AAC3C,YAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;AACrE,eAAS,aAAa,IAAI;AAC1B,eAAS,UAAU,wBAAwB,OAAO,IAAI,OAAO;AAAA,IAC/D;AAAA,EACF,IAAI;AAEJ,UAAQ,IAAI,gCAAgC,EAAE,WAAW,CAAC;AAE1D,QAAM,UAAU,CAAC,UAAsB;AACrC,YAAQ,IAAI,8BAA8B;AAAA,MACxC;AAAA,MACA,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,IAChB,CAAC;AAED,QAAI,CAAC,iBAAiB,OAAO,UAAU,GAAG;AACxC;AAAA,IACF;AAEA,UAAM,SAAS,sBAAsB,MAAM,MAAM;AACjD,QAAI,CAAC,QAAQ;AACX,cAAQ,IAAI,MAAM,+DAA+D,CAAC;AAClF;AAAA,IACF;AAEA,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,aAAS,MAAM;AAAA,EACjB;AAEA,WAAS,iBAAiB,SAAS,SAAS,IAAI;AAEhD,SAAO,MAAM;AACX,aAAS,oBAAoB,SAAS,SAAS,IAAI;AACnD,aAAS,OAAO;AAAA,EAClB;AACF;","names":["source"]}
+{"version":3,"sources":["../src/client.ts","../src/constants.ts","../src/sourceMetadata.ts","../src/runtime.ts"],"sourcesContent":["export { enableReactComponentJump, locateComponentSource } from \"./runtime\";\nexport type { LocatorOptions, LocatorResult, TriggerKey } from \"./runtime\";\n\n","export const SOURCE_PROP = \"__componentSourceLoc\";\nexport const JSX_SOURCE_PROP = \"$componentSourceLoc\";\nexport const JSX_SOURCE_REGISTRY_SYMBOL = \"react-code-locator.jsxSourceRegistry\";\n","export type SourceLocation = {\n  line: number;\n  column: number;\n};\n\nfunction normalizeSlashes(value: string) {\n  return value.replace(/\\\\/g, \"/\");\n}\n\nfunction trimTrailingSlash(value: string) {\n  return value.replace(/\\/+$/, \"\");\n}\n\nfunction splitPathSegments(value: string) {\n  return normalizeSlashes(value).split(\"/\").filter(Boolean);\n}\n\nfunction computeRelativePath(fromPath: string, toPath: string) {\n  const fromSegments = splitPathSegments(fromPath);\n  const toSegments = splitPathSegments(toPath);\n\n  let sharedIndex = 0;\n  while (\n    sharedIndex < fromSegments.length &&\n    sharedIndex < toSegments.length &&\n    fromSegments[sharedIndex] === toSegments[sharedIndex]\n  ) {\n    sharedIndex += 1;\n  }\n\n  const upSegments = new Array(Math.max(0, fromSegments.length - sharedIndex)).fill(\"..\");\n  const downSegments = toSegments.slice(sharedIndex);\n  const relativeSegments = [...upSegments, ...downSegments];\n  return relativeSegments.length > 0 ? relativeSegments.join(\"/\") : \".\";\n}\n\nexport function normalizeProjectRoot(projectRoot?: string) {\n  if (projectRoot) {\n    return trimTrailingSlash(normalizeSlashes(projectRoot));\n  }\n\n  if (typeof process !== \"undefined\" && typeof process.cwd === \"function\") {\n    return trimTrailingSlash(normalizeSlashes(process.cwd()));\n  }\n\n  return \"\";\n}\n\nexport function toRelativeSource(\n  filename: string | undefined,\n  loc: SourceLocation | null | undefined,\n  projectRoot?: string,\n) {\n  if (!filename || !loc) {\n    return null;\n  }\n\n  const root = normalizeProjectRoot(projectRoot);\n  const normalizedFilename = normalizeSlashes(filename);\n  const relPath =\n    root && normalizedFilename.startsWith(`${root}/`)\n      ? normalizedFilename.slice(root.length + 1)\n      : root\n        ? computeRelativePath(root, normalizedFilename)\n        : normalizedFilename;\n  return `${relPath}:${loc.line}:${loc.column + 1}`;\n}\n\nexport function getSourceFile(source: string | null) {\n  if (!source) {\n    return null;\n  }\n\n  const match = source.match(/^(.*):\\d+:\\d+$/);\n  return match?.[1] ?? null;\n}\n\nexport function isProjectLocalFile(filename: string | undefined, projectRoot?: string) {\n  if (!filename) {\n    return false;\n  }\n\n  const root = normalizeProjectRoot(projectRoot);\n  const normalizedFilename = normalizeSlashes(filename);\n\n  if (!root) {\n    return (\n      !normalizedFilename.startsWith(\"../\") &&\n      !normalizedFilename.startsWith(\"/\") &&\n      !/^[A-Za-z]:\\//.test(normalizedFilename)\n    );\n  }\n\n  if (normalizedFilename.startsWith(`${root}/`) || normalizedFilename === root) {\n    return true;\n  }\n\n  const relativePath = computeRelativePath(root, normalizedFilename);\n  return !relativePath.startsWith(\"../\");\n}\n\nexport function isExternalToProjectRoot(filename: string | undefined, projectRoot?: string) {\n  return !isProjectLocalFile(filename, projectRoot);\n}\n\nexport function isProjectLocalSource(source: string, projectRoot?: string) {\n  const file = getSourceFile(source);\n  return isProjectLocalFile(file ?? undefined, projectRoot);\n}\n","import {\n  JSX_SOURCE_PROP,\n  JSX_SOURCE_REGISTRY_SYMBOL,\n  SOURCE_PROP,\n} from \"./constants\";\nimport { getSourceFile, isProjectLocalSource } from \"./sourceMetadata\";\n\nexport type TriggerKey = \"alt\" | \"meta\" | \"ctrl\" | \"shift\" | \"none\";\nexport type LocatorMode = \"direct\" | \"screen\" | \"implementation\";\n\ntype ReactFiber = {\n  return?: ReactFiber | null;\n  type?: unknown;\n  elementType?: unknown;\n  pendingProps?: Record<string, unknown> | null;\n  memoizedProps?: Record<string, unknown> | null;\n  _debugOwner?: ReactFiber | null;\n  _debugSource?: {\n    fileName?: string;\n    lineNumber?: number;\n    columnNumber?: number;\n  } | null;\n};\n\nexport type LocatorResult = {\n  source: string;\n  mode: LocatorMode;\n};\n\nexport type LocatorOptions = {\n  triggerKey?: TriggerKey;\n  onLocate?: (result: LocatorResult) => void;\n  onError?: (error: unknown) => void;\n};\n\ntype StatusOverlay = {\n  setStatus: (message: string, tone?: \"idle\" | \"success\" | \"error\") => void;\n  setCopyValue: (value: string | null) => void;\n  setMode: (mode: LocatorMode) => void;\n  remove: () => void;\n};\n\nfunction isTriggerPressed(event: MouseEvent, triggerKey: TriggerKey) {\n  if (triggerKey === \"none\") {\n    return true;\n  }\n\n  if (triggerKey === \"alt\") {\n    return event.altKey;\n  }\n\n  if (triggerKey === \"meta\") {\n    return event.metaKey;\n  }\n\n  if (triggerKey === \"ctrl\") {\n    return event.ctrlKey;\n  }\n\n  return event.shiftKey;\n}\n\nfunction getReactFiberKey(element: Element) {\n  return Object.keys(element).find((key) => key.startsWith(\"__reactFiber$\") || key.startsWith(\"__reactInternalInstance$\"));\n}\n\nfunction getClosestReactFiber(target: Element | null) {\n  let current = target;\n\n  while (current) {\n    const fiberKey = getReactFiberKey(current);\n    if (fiberKey) {\n      return (current as unknown as Record<string, unknown>)[fiberKey] as ReactFiber;\n    }\n\n    current = current.parentElement;\n  }\n\n  return null;\n}\n\nfunction getSourceFromType(type: unknown) {\n  if (!type) {\n    return null;\n  }\n\n  if (typeof type === \"function\") {\n    const source = (type as unknown as Record<string, unknown>)[SOURCE_PROP];\n    return typeof source === \"string\" ? source : null;\n  }\n\n  if (typeof type !== \"object\") {\n    return null;\n  }\n\n  const record = type as {\n    type?: Record<string, unknown>;\n    render?: Record<string, unknown>;\n    [SOURCE_PROP]?: unknown;\n  };\n\n  const source = record[SOURCE_PROP] ?? record.type?.[SOURCE_PROP] ?? record.render?.[SOURCE_PROP];\n  return typeof source === \"string\" ? source : null;\n}\n\nfunction getSourceFromProps(props: Record<string, unknown> | null | undefined) {\n  if (props && typeof props === \"object\") {\n    const registry = (globalThis as Record<symbol, unknown>)[\n      Symbol.for(JSX_SOURCE_REGISTRY_SYMBOL)\n    ];\n    if (registry instanceof WeakMap) {\n      const intrinsicSource = registry.get(props as object);\n      if (typeof intrinsicSource === \"string\") {\n        return intrinsicSource;\n      }\n    }\n  }\n\n  const source = props?.[JSX_SOURCE_PROP];\n  return typeof source === \"string\" ? source : null;\n}\n\nfunction resolveComponentSourceFromFiber(fiber: ReactFiber | null) {\n  let current = fiber;\n\n  while (current) {\n    const source = getSourceFromType(current.type) ?? getSourceFromType(current.elementType);\n    if (source) {\n      return source;\n    }\n\n    current = current.return ?? null;\n  }\n\n  return null;\n}\n\nfunction getDirectDebugSource(fiber: ReactFiber | null) {\n  const debugSource = fiber?._debugSource;\n  if (debugSource?.fileName && typeof debugSource.lineNumber === \"number\") {\n    return `${debugSource.fileName.replace(/\\\\/g, \"/\")}:${debugSource.lineNumber}:${debugSource.columnNumber ?? 1}`;\n  }\n\n  return null;\n}\n\ntype SourceCandidate = {\n  source: string;\n  file: string;\n};\n\ntype ResolvedCandidates = {\n  direct: string | null;\n  screen: string | null;\n  implementation: string | null;\n};\n\nfunction resolveSourceCandidates(fiber: ReactFiber | null): ResolvedCandidates {\n  let current = fiber;\n  const jsxCandidates: SourceCandidate[] = [];\n  const componentCandidates: SourceCandidate[] = [];\n\n  while (current) {\n    const jsxSource =\n      getSourceFromProps(current.pendingProps) ?? getSourceFromProps(current.memoizedProps) ?? getDirectDebugSource(current);\n    if (jsxSource) {\n      const file = getSourceFile(jsxSource);\n      if (file && !jsxCandidates.some((candidate) => candidate.source === jsxSource)) {\n        jsxCandidates.push({ source: jsxSource, file });\n      }\n    }\n\n    const componentSource = getSourceFromType(current.type) ?? getSourceFromType(current.elementType);\n    if (componentSource) {\n      const file = getSourceFile(componentSource);\n      if (file && !componentCandidates.some((candidate) => candidate.source === componentSource)) {\n        componentCandidates.push({ source: componentSource, file });\n      }\n    }\n\n    current = current.return ?? null;\n  }\n\n  const direct = jsxCandidates[0]?.source ?? null;\n  const nearestProjectLocalComponentFile = componentCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.file;\n  let screen: string | null = null;\n  if (nearestProjectLocalComponentFile) {\n    const matchingJsxCandidate = jsxCandidates.find((candidate) => candidate.file === nearestProjectLocalComponentFile);\n    if (matchingJsxCandidate) {\n      screen = matchingJsxCandidate.source;\n    } else {\n      const matchingComponentCandidate = componentCandidates.find(\n        (candidate) => candidate.file === nearestProjectLocalComponentFile,\n      );\n      if (matchingComponentCandidate) {\n        screen = matchingComponentCandidate.source;\n      }\n    }\n  }\n\n  const implementationComponentCandidate =\n    componentCandidates.find((candidate) => !isProjectLocalSource(candidate.source))?.source ?? null;\n  const implementationJsxCandidate =\n    jsxCandidates.find((candidate) => !isProjectLocalSource(candidate.source))?.source ?? null;\n\n  const projectLocalJsxCandidate = jsxCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.source ?? null;\n  const screenFallback = screen ?? projectLocalJsxCandidate ?? componentCandidates.find((candidate) => isProjectLocalSource(candidate.source))?.source ?? null;\n\n  return {\n    direct: direct ?? screenFallback,\n    screen: screenFallback,\n    implementation: implementationComponentCandidate ?? implementationJsxCandidate ?? screenFallback,\n  };\n}\n\nfunction getModeDescription(mode: LocatorMode) {\n  if (mode === \"direct\") {\n    return \"Direct JSX\";\n  }\n\n  if (mode === \"screen\") {\n    return \"Screen source\";\n  }\n\n  return \"Implementation source\";\n}\n\nfunction createStatusOverlay(triggerKey: TriggerKey): StatusOverlay | null {\n  if (typeof document === \"undefined\") {\n    return null;\n  }\n\n  const element = document.createElement(\"div\");\n  let copyValue: string | null = null;\n  let currentMode: LocatorMode = \"screen\";\n  let hideTimer: ReturnType<typeof setTimeout> | null = null;\n  element.setAttribute(\"data-react-code-locator\", \"true\");\n  Object.assign(element.style, {\n    position: \"fixed\",\n    right: \"12px\",\n    bottom: \"12px\",\n    zIndex: \"2147483647\",\n    padding: \"8px 10px\",\n    borderRadius: \"8px\",\n    background: \"rgba(17, 24, 39, 0.92)\",\n    color: \"#fff\",\n    fontSize: \"12px\",\n    lineHeight: \"1.4\",\n    fontFamily: \"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace\",\n    boxShadow: \"0 8px 30px rgba(0, 0, 0, 0.25)\",\n    pointerEvents: \"auto\",\n    cursor: \"pointer\",\n    maxWidth: \"min(70vw, 720px)\",\n    wordBreak: \"break-all\",\n    opacity: \"0\",\n    transition: \"opacity 120ms ease\",\n  });\n\n  const show = (message: string, tone: \"idle\" | \"success\" | \"error\") => {\n    element.textContent = message;\n    element.style.background =\n      tone === \"success\"\n        ? \"rgba(6, 95, 70, 0.92)\"\n        : tone === \"error\"\n          ? \"rgba(153, 27, 27, 0.94)\"\n          : \"rgba(17, 24, 39, 0.92)\";\n    element.style.opacity = \"1\";\n    element.style.pointerEvents = \"auto\";\n\n    if (hideTimer) {\n      clearTimeout(hideTimer);\n    }\n\n    hideTimer = setTimeout(() => {\n      element.style.opacity = \"0\";\n      element.style.pointerEvents = \"none\";\n    }, 2000);\n  };\n\n  element.addEventListener(\"click\", async () => {\n    if (!copyValue) {\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(copyValue);\n      show(`[react-code-locator] copied`, \"success\");\n    } catch {\n      show(`[react-code-locator] copy failed`, \"error\");\n    }\n  });\n\n  show(`[react-code-locator] enabled (${triggerKey}+click, alt+1/2/3 to switch mode)`, \"idle\");\n\n  const mount = () => {\n    if (!element.isConnected && document.body) {\n      document.body.appendChild(element);\n    }\n  };\n\n  if (document.body) {\n    mount();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", mount, { once: true });\n  }\n\n  return {\n    setStatus(message, tone = \"idle\") {\n      show(message, tone);\n    },\n    setCopyValue(value) {\n      copyValue = value;\n    },\n    setMode(mode) {\n      currentMode = mode;\n      show(`[react-code-locator] ${getModeDescription(mode)}`, \"idle\");\n    },\n    remove() {\n      if (hideTimer) {\n        clearTimeout(hideTimer);\n      }\n      element.remove();\n    },\n  };\n}\n\nexport function locateComponentSource(target: EventTarget | null, mode: LocatorMode = \"screen\"): LocatorResult | null {\n  const elementTarget =\n    target instanceof Element ? target : target instanceof Node ? target.parentElement : null;\n  const fiber = getClosestReactFiber(elementTarget);\n  if (!fiber) {\n    return null;\n  }\n\n  const candidates = resolveSourceCandidates(fiber);\n  const source = candidates[mode] ?? candidates.screen ?? candidates.direct ?? candidates.implementation;\n  if (source) {\n    return {\n      source,\n      mode,\n    };\n  }\n\n  const componentSource = resolveComponentSourceFromFiber(fiber);\n  if (!componentSource) {\n    return null;\n  }\n\n  return {\n    source: componentSource,\n    mode,\n  };\n}\n\nexport function enableReactComponentJump(options: LocatorOptions = {}) {\n  const overlay = createStatusOverlay(options.triggerKey ?? \"shift\");\n  let currentMode: LocatorMode = \"screen\";\n  const {\n    triggerKey = \"shift\",\n    onLocate = (result) => {\n      console.log(`[react-code-locator] ${result.source}`);\n      overlay?.setCopyValue(result.source);\n      overlay?.setStatus(`[react-code-locator] ${result.source}`, \"success\");\n    },\n    onError = (error) => {\n      console.error(\"[react-code-locator]\", error);\n      const message = error instanceof Error ? error.message : String(error);\n      overlay?.setCopyValue(null);\n      overlay?.setStatus(`[react-code-locator] ${message}`, \"error\");\n    },\n  } = options;\n\n  console.log(\"[react-code-locator] enabled\", { triggerKey });\n\n  const keyHandler = (event: KeyboardEvent) => {\n    if (!event.altKey) {\n      return;\n    }\n\n    if (event.code === \"Digit1\") {\n      currentMode = \"direct\";\n      overlay?.setMode(currentMode);\n      event.preventDefault();\n      return;\n    }\n\n    if (event.code === \"Digit2\") {\n      currentMode = \"screen\";\n      overlay?.setMode(currentMode);\n      event.preventDefault();\n      return;\n    }\n\n    if (event.code === \"Digit3\") {\n      currentMode = \"implementation\";\n      overlay?.setMode(currentMode);\n      event.preventDefault();\n    }\n  };\n\n  const handler = (event: MouseEvent) => {\n    console.log(\"[react-code-locator] click\", {\n      triggerKey,\n      shiftKey: event.shiftKey,\n      altKey: event.altKey,\n      ctrlKey: event.ctrlKey,\n      metaKey: event.metaKey,\n      target: event.target,\n    });\n\n    if (!isTriggerPressed(event, triggerKey)) {\n      return;\n    }\n\n    const result = locateComponentSource(event.target, currentMode);\n    if (!result) {\n      onError(new Error(\"No React component source metadata found for clicked element.\"));\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n    onLocate(result);\n  };\n\n  document.addEventListener(\"click\", handler, true);\n  document.addEventListener(\"keydown\", keyHandler, true);\n\n  return () => {\n    document.removeEventListener(\"click\", handler, true);\n    document.removeEventListener(\"keydown\", keyHandler, true);\n    overlay?.remove();\n  };\n}\n"],"mappings":"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","names":["source"]}

package/dist/client.d.cts

@@ -1,14 +1 @@
-type TriggerKey = "alt" | "meta" | "ctrl" | "shift" | "none";
-type LocatorResult = {
-    source: string;
-    mode: "jsx" | "component";
-};
-type LocatorOptions = {
-    triggerKey?: TriggerKey;
-    onLocate?: (result: LocatorResult) => void;
-    onError?: (error: unknown) => void;
-};
-declare function locateComponentSource(target: EventTarget | null): LocatorResult | null;
-declare function enableReactComponentJump(options?: LocatorOptions): () => void;
-
-export { type LocatorOptions, type LocatorResult, type TriggerKey, enableReactComponentJump, locateComponentSource };
+export { a as LocatorOptions, b as LocatorResult, T as TriggerKey, e as enableReactComponentJump, l as locateComponentSource } from './client-sm5wi0uT.cjs';

package/dist/client.d.ts

@@ -1,14 +1 @@
-type TriggerKey = "alt" | "meta" | "ctrl" | "shift" | "none";
-type LocatorResult = {
-    source: string;
-    mode: "jsx" | "component";
-};
-type LocatorOptions = {
-    triggerKey?: TriggerKey;
-    onLocate?: (result: LocatorResult) => void;
-    onError?: (error: unknown) => void;
-};
-declare function locateComponentSource(target: EventTarget | null): LocatorResult | null;
-declare function enableReactComponentJump(options?: LocatorOptions): () => void;
-
-export { type LocatorOptions, type LocatorResult, type TriggerKey, enableReactComponentJump, locateComponentSource };
+export { a as LocatorOptions, b as LocatorResult, T as TriggerKey, e as enableReactComponentJump, l as locateComponentSource } from './client-sm5wi0uT.js';