Method outputJSXElement

compiler/companion/src/JSXProcessor.ts:791–851

(
    jsxElement: JSXElement,
    output: JSXOutputState,
    transformContext: ts.TransformationContext,
    nodeTypeStr: string,
    attributeStatements: JSXAttributeStatements,
  )

  }

  private outputJSXElement(
    jsxElement: JSXElement,
    output: JSXOutputState,
    transformContext: ts.TransformationContext,
    nodeTypeStr: string,
    attributeStatements: JSXAttributeStatements,
  ): JSXNodeOutput {
    let makeNodePrototypeParams: ts.Expression[] = [createStringLiteral(nodeTypeStr, transformContext)];

    if (attributeStatements.staticAttributesLiteral) {
      makeNodePrototypeParams.push(attributeStatements.staticAttributesLiteral);
    }

    const nodeIdentifier = this.appendInitializedVariable(
      '__node',
      nodeTypeStr,
      this.createRendererCallExpr('makeNodePrototype', makeNodePrototypeParams, transformContext),
      output,
      transformContext,
    );

    const keyOrUndefined = attributeStatements.key || transformContext.factory.createIdentifier('undefined');

    if (attributeStatements.lazy) {
      const beginIfNeeded = this.createRendererCallExpr(
        'beginRenderIfNeeded',
        [nodeIdentifier, keyOrUndefined],
        transformContext,
      );

      const innerStatements = this.outputElementInner(jsxElement, attributeStatements, output, transformContext);
      const endRenderStatement = innerStatements[innerStatements.length - 1];

      const beginRenderStatement = transformContext.factory.createIfStatement(
        beginIfNeeded,
        transformContext.factory.createBlock(innerStatements),
      );
      return {
        beginRenderStatement,
        endRenderStatement,
        statements: [beginRenderStatement],
      };
    } else {
      const beginRenderStatement = this.createRendererCall(
        'beginRender',
        [nodeIdentifier, keyOrUndefined],
        undefined,
        transformContext,
      );
      const statements: ts.Statement[] = [];
      statements.push(beginRenderStatement);
      statements.push(...this.outputElementInner(jsxElement, attributeStatements, output, transformContext));
      const endRenderStatement = statements[statements.length - 1];

      return {
        beginRenderStatement,
        endRenderStatement,
        statements,