Method outputJSX

compiler/companion/src/JSXProcessor.ts:1049–1105

(
    jsxElement: JSXElement,
    output: JSXOutputState,
    transformContext: ts.TransformationContext,
  )

  }

  private outputJSX(
    jsxElement: JSXElement,
    output: JSXOutputState,
    transformContext: ts.TransformationContext,
  ): ts.Statement[] {
    const nodeTypeStr = jsxElement.nodeType.getText();

    const nodeKind = this.getJsxNodeKind(jsxElement.nodeType, nodeTypeStr, output);
    const attributeStatements = this.resolveJSXAttributeStatements(nodeKind, jsxElement, transformContext);

    let nodeOutput: JSXNodeOutput;

    switch (nodeKind) {
      case JSXNodeKind.element:
        nodeOutput = this.outputJSXElement(jsxElement, output, transformContext, nodeTypeStr, attributeStatements);
        break;
      case JSXNodeKind.slot:
        nodeOutput = this.outputJSXSlot(jsxElement, output, transformContext, nodeTypeStr, attributeStatements);
        break;
      case JSXNodeKind.component:
        nodeOutput = this.outputJSXComponent(jsxElement, output, transformContext, nodeTypeStr, attributeStatements);
        break;
      case JSXNodeKind.functionComponent:
        nodeOutput = this.outputJSXFunctionComponent(
          jsxElement,
          output,
          transformContext,
          nodeTypeStr,
          attributeStatements,
        );
        break;
    }

    ts.setTextRange(nodeOutput.beginRenderStatement, jsxElement.element.tagName);
    if (nodeOutput.endRenderStatement) {
      if (jsxElement.closingElement) {
        ts.setTextRange(nodeOutput.endRenderStatement, jsxElement.closingElement.tagName);
      } else if (ts.isJsxSelfClosingElement(jsxElement.element)) {
        // We set the text range of the endComponent/endRender on the slash element
        // of the self closing element.
        let slashElement: ts.Node | undefined;
        for (const child of jsxElement.element.getChildren()) {
          if (child.kind === ts.SyntaxKind.SlashToken) {
            slashElement = child;
          }
        }

        if (slashElement) {
          ts.setTextRange(nodeOutput.endRenderStatement, slashElement);
        } else {
          this.logger?.error?.('Could not find Slash element in JSX self closing element');
        }
      }
    }

    return nodeOutput.statements;
  }