Method extractVariable

src/extraction/tree-sitter.ts:2411–2754

* Extract a variable declaration (const, let, var, etc.) * * Extracts top-level and module-level variable declarations. * Captures the variable name and first 100 chars of initializer in signature for searchability.

(node: SyntaxNode)

   * Captures the variable name and first 100 chars of initializer in signature for searchability.
   */
  private extractVariable(node: SyntaxNode): void {
    if (!this.extractor) return;

    // Different languages have different variable declaration structures
    // TypeScript/JavaScript: lexical_declaration contains variable_declarator children
    // Python: assignment has left (identifier) and right (value)
    // Go: var_declaration, short_var_declaration, const_declaration

    const isConst = this.extractor.isConst?.(node) ?? false;
    const kind: NodeKind = isConst ? 'constant' : 'variable';
    const docstring = getPrecedingDocstring(node, this.source);
    const isExported = this.extractor.isExported?.(node, this.source) ?? false;

    // Extract variable declarators based on language
    if (this.language === 'typescript' || this.language === 'javascript' ||
        this.language === 'tsx' || this.language === 'jsx') {
      // Handle lexical_declaration and variable_declaration
      // These contain one or more variable_declarator children
      for (let i = 0; i < node.namedChildCount; i++) {
        const child = node.namedChild(i);
        if (child?.type === 'variable_declarator') {
          const nameNode = getChildByField(child, 'name');
          const valueNode = getChildByField(child, 'value');

          if (nameNode) {
            // Skip destructured patterns (e.g., `let { x, y } = $props()` in Svelte)
            // These produce ugly multi-line names like "{ class: className }".
            // EXCEPT `export const { useGetXQuery } = someApi` — the RTK Query
            // generated hooks: real exported symbols destructured off a createApi
            // result. Mint a node per binding matching the hook convention (gated
            // on a bare-identifier RHS so ordinary destructures stay skipped).
            if (nameNode.type === 'object_pattern' || nameNode.type === 'array_pattern') {
              if (nameNode.type === 'object_pattern' && valueNode?.type === 'identifier') {
                this.extractRtkHookBindings(nameNode, isExported);
              }
              continue;
            }
            const name = getNodeText(nameNode, this.source);
            // Arrow functions / function expressions: extract as function instead of variable
            if (valueNode && (valueNode.type === 'arrow_function' || valueNode.type === 'function_expression')) {
              this.extractFunction(valueNode);
              continue;
            }

            // Capture first 100 chars of initializer for context (stored in signature for searchability)
            const initValue = valueNode ? getNodeText(valueNode, this.source).slice(0, 100) : undefined;
            const initSignature = initValue ? `= ${initValue}${initValue.length >= 100 ? '...' : ''}` : undefined;

            // React HOC-wrapped components (`forwardRef`/`memo`/`styled`) — see
            // reactComponentHoc. The initializer is a call / tagged-template (not
            // a bare arrow), so without this the const is a plain `constant`,
            // which the JSX-render synthesizer and component resolution both skip
            // → `<Button/>` usages get no edge and callers/impact return empty
            // (the whole shadcn/ui design-system pattern, #841). PascalCase-gated
            // to the component naming convention so a memoization util
            // (`const cache = memo(fn)`) stays a constant.
            if (valueNode && /^[A-Z]/.test(name)) {
              const hoc = this.reactComponentHoc(valueNode);