getNodeForCharacterOffset() — react Function Reference

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

Function javascript BabelCompiler Validation calls 2 called by 1

Entity Profile

BabelCompiler→ Validation→ getNodeForCharacterOffset() — react Function Reference

Dependency Diagram

graph TD
  b7dd9a23_f94a_0723_886f_7e1028522525["getNodeForCharacterOffset()"]
  64aba96e_f920_d498_115f_72489bd5ae8f["getNodeForCharacterOffset.js"]
  b7dd9a23_f94a_0723_886f_7e1028522525 -->|defined in| 64aba96e_f920_d498_115f_72489bd5ae8f
  51f6074d_96a6_e994_0a5d_3d79a9aab945["setOffsets()"]
  51f6074d_96a6_e994_0a5d_3d79a9aab945 -->|calls| b7dd9a23_f94a_0723_886f_7e1028522525
  32f761b7_8365_ac25_f8fc_f3f2be22d038["getLeafNode()"]
  b7dd9a23_f94a_0723_886f_7e1028522525 -->|calls| 32f761b7_8365_ac25_f8fc_f3f2be22d038
  7bcefffe_5f30_33c7_7f1f_694bf6875274["getSiblingNode()"]
  b7dd9a23_f94a_0723_886f_7e1028522525 -->|calls| 7bcefffe_5f30_33c7_7f1f_694bf6875274
  style b7dd9a23_f94a_0723_886f_7e1028522525 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/getNodeForCharacterOffset.js lines 48–69

function getNodeForCharacterOffset(root: Element, offset: number): ?Object {
  let node = getLeafNode(root);
  let nodeStart = 0;
  let nodeEnd = 0;

  while (node) {
    if (node.nodeType === TEXT_NODE) {
      nodeEnd = nodeStart + node.textContent.length;

      if (nodeStart <= offset && nodeEnd >= offset) {
        return {
          node: node,
          offset: offset - nodeStart,
        };
      }

      nodeStart = nodeEnd;
    }

    node = getLeafNode(getSiblingNode(node));
  }
}