Method getJSXAttributeValue

compiler/companion/src/JSXProcessor.ts:1390–1428

(value: ts.Node, output: JSXOutputState)

  }

  private getJSXAttributeValue(value: ts.Node, output: JSXOutputState): JSXAttributeValue {
    if (value.kind === ts.SyntaxKind.JsxExpression) {
      const children = value.getChildren();

      if (children.length !== 3) {
        this.onError(value, `Should have 3 tokens (got ${children.length})`);
      }

      const expression = children[1];

      if (expression.kind === ts.SyntaxKind.NumericLiteral || expression.kind === ts.SyntaxKind.StringLiteral) {
        // Shortcut for numeric and string literals, they are never changing so we can consider them constants
        return {
          value: expression as ts.LiteralExpression,
          kind: JSXAttributeValueKind.static,
        };
      }

      if (
        ts.isPropertyAccessExpression(expression) &&
        this.isExpressionNonStaticMethodDeclaration(expression, output)
      ) {
        this.onError(
          value,
          'Resolved TSX attribute value is a method declaration. Please make sure to use a lambda as a stored property to avoid unintentional scoping of `this`, for example `private yourLambdaProperty = () => { ... }`',
        );
      }

      return {
        value: expression as ts.Expression,
        kind: JSXAttributeValueKind.dynamic,
      };
    } else {
      return {
        value: value as ts.Expression,
        kind: JSXAttributeValueKind.static,
      };
    }
  }

  private extractJSXAttribute(
    attribute: ts.Node,