viewElementSourceFunction() — react Function Reference

Architecture documentation for the viewElementSourceFunction() function in index.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ viewElementSourceFunction() — react Function Reference

Dependency Diagram

graph TD
  5af853b1_5b49_2085_9d41_05f51a5c9ad4["viewElementSourceFunction()"]
  b5e42467_7633_e234_1d51_a93bfc4818c7["index.js"]
  5af853b1_5b49_2085_9d41_05f51a5c9ad4 -->|defined in| b5e42467_7633_e234_1d51_a93bfc4818c7
  style 5af853b1_5b49_2085_9d41_05f51a5c9ad4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-extensions/src/main/index.js lines 197–211

  const viewElementSourceFunction: ViewElementSource = (
    source,
    symbolicatedSource,
  ) => {
    const [, sourceURL, line, column] = symbolicatedSource
      ? symbolicatedSource
      : source;

    // We use 1-based line and column, Chrome expects them 0-based.
    chrome.devtools.panels.openResource(
      normalizeUrlIfValid(sourceURL),
      line - 1,
      column - 1,
    );
  };