{ "type": "Module", "span": { "start": 115, "end": 775, "ctxt": 0 }, "body": [ { "type": "TsImportEqualsDeclaration", "span": { "start": 115, "end": 147, "ctxt": 0 }, "declare": false, "isExport": false, "isTypeOnly": false, "id": { "type": "Identifier", "span": { "start": 122, "end": 127, "ctxt": 0 }, "value": "React", "optional": false }, "moduleRef": { "type": "TsExternalModuleReference", "span": { "start": 130, "end": 146, "ctxt": 0 }, "expression": { "type": "StringLiteral", "span": { "start": 138, "end": 145, "ctxt": 0 }, "value": "react", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } }, { "type": "TsInterfaceDeclaration", "span": { "start": 149, "end": 260, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 159, "end": 163, "ctxt": 0 }, "value": "Prop", "optional": false }, "declare": false, "typeParams": null, "extends": [], "body": { "type": "TsInterfaceBody", "span": { "start": 164, "end": 260, "ctxt": 0 }, "body": [ { "type": "TsPropertySignature", "span": { "start": 170, "end": 180, "ctxt": 0 }, "readonly": false, "key": { "type": "Identifier", "span": { "start": 170, "end": 171, "ctxt": 0 }, "value": "a", "optional": false }, "computed": false, "optional": false, "init": null, "params": [], "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 171, "end": 179, "ctxt": 0 }, "typeAnnotation": { "type": "TsKeywordType", "span": { "start": 173, "end": 179, "ctxt": 0 }, "kind": "number" } }, "typeParams": null }, { "type": "TsPropertySignature", "span": { "start": 185, "end": 195, "ctxt": 0 }, "readonly": false, "key": { "type": "Identifier", "span": { "start": 185, "end": 186, "ctxt": 0 }, "value": "b", "optional": false }, "computed": false, "optional": false, "init": null, "params": [], "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 186, "end": 194, "ctxt": 0 }, "typeAnnotation": { "type": "TsKeywordType", "span": { "start": 188, "end": 194, "ctxt": 0 }, "kind": "string" } }, "typeParams": null }, { "type": "TsPropertySignature", "span": { "start": 200, "end": 258, "ctxt": 0 }, "readonly": false, "key": { "type": "Identifier", "span": { "start": 200, "end": 208, "ctxt": 0 }, "value": "children", "optional": false }, "computed": false, "optional": false, "init": null, "params": [], "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 208, "end": 257, "ctxt": 0 }, "typeAnnotation": { "type": "TsUnionType", "span": { "start": 210, "end": 257, "ctxt": 0 }, "types": [ { "type": "TsKeywordType", "span": { "start": 210, "end": 216, "ctxt": 0 }, "kind": "string" }, { "type": "TsTypeReference", "span": { "start": 219, "end": 230, "ctxt": 0 }, "typeName": { "type": "TsQualifiedName", "left": { "type": "Identifier", "span": { "start": 219, "end": 222, "ctxt": 0 }, "value": "JSX", "optional": false }, "right": { "type": "Identifier", "span": { "start": 223, "end": 230, "ctxt": 0 }, "value": "Element", "optional": false } }, "typeParams": null }, { "type": "TsArrayType", "span": { "start": 233, "end": 257, "ctxt": 0 }, "elemType": { "type": "TsParenthesizedType", "span": { "start": 233, "end": 255, "ctxt": 0 }, "typeAnnotation": { "type": "TsUnionType", "span": { "start": 234, "end": 254, "ctxt": 0 }, "types": [ { "type": "TsKeywordType", "span": { "start": 234, "end": 240, "ctxt": 0 }, "kind": "string" }, { "type": "TsTypeReference", "span": { "start": 243, "end": 254, "ctxt": 0 }, "typeName": { "type": "TsQualifiedName", "left": { "type": "Identifier", "span": { "start": 243, "end": 246, "ctxt": 0 }, "value": "JSX", "optional": false }, "right": { "type": "Identifier", "span": { "start": 247, "end": 254, "ctxt": 0 }, "value": "Element", "optional": false } }, "typeParams": null } ] } } } ] } }, "typeParams": null } ] } }, { "type": "ClassDeclaration", "identifier": { "type": "Identifier", "span": { "start": 268, "end": 274, "ctxt": 0 }, "value": "Button", "optional": false }, "declare": false, "span": { "start": 262, "end": 371, "ctxt": 0 }, "decorators": [], "body": [ { "type": "ClassMethod", "span": { "start": 315, "end": 369, "ctxt": 0 }, "key": { "type": "Identifier", "span": { "start": 315, "end": 321, "ctxt": 0 }, "value": "render", "optional": false }, "function": { "params": [], "decorators": [], "span": { "start": 315, "end": 369, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 324, "end": 369, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 334, "end": 363, "ctxt": 0 }, "argument": { "type": "ParenthesisExpression", "span": { "start": 341, "end": 363, "ctxt": 0 }, "expression": { "type": "JSXElement", "span": { "start": 342, "end": 362, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 343, "end": 346, "ctxt": 0 }, "value": "div", "optional": false }, "span": { "start": 342, "end": 347, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 347, "end": 356, "ctxt": 0 }, "value": "My Button", "raw": "My Button" } ], "closing": { "type": "JSXClosingElement", "span": { "start": 356, "end": 362, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 358, "end": 361, "ctxt": 0 }, "value": "div", "optional": false } } } } } ] }, "generator": false, "async": false, "typeParameters": null, "returnType": null }, "kind": "method", "isStatic": false, "accessibility": null, "isAbstract": false, "isOptional": false, "isOverride": false } ], "superClass": { "type": "MemberExpression", "span": { "start": 283, "end": 298, "ctxt": 0 }, "object": { "type": "Identifier", "span": { "start": 283, "end": 288, "ctxt": 0 }, "value": "React", "optional": false }, "property": { "type": "Identifier", "span": { "start": 289, "end": 298, "ctxt": 0 }, "value": "Component", "optional": false } }, "isAbstract": false, "typeParams": null, "superTypeParams": { "type": "TsTypeParameterInstantiation", "span": { "start": 298, "end": 308, "ctxt": 0 }, "params": [ { "type": "TsKeywordType", "span": { "start": 299, "end": 302, "ctxt": 0 }, "kind": "any" }, { "type": "TsKeywordType", "span": { "start": 304, "end": 307, "ctxt": 0 }, "kind": "any" } ] }, "implements": [] }, { "type": "FunctionDeclaration", "identifier": { "type": "Identifier", "span": { "start": 382, "end": 395, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "declare": false, "params": [ { "type": "Parameter", "span": { "start": 396, "end": 402, "ctxt": 0 }, "decorators": [], "pat": { "type": "Identifier", "span": { "start": 396, "end": 402, "ctxt": 0 }, "value": "p", "optional": false, "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 397, "end": 402, "ctxt": 0 }, "typeAnnotation": { "type": "TsKeywordType", "span": { "start": 399, "end": 402, "ctxt": 0 }, "kind": "any" } } } } ], "decorators": [], "span": { "start": 373, "end": 448, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 404, "end": 448, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 410, "end": 446, "ctxt": 0 }, "argument": { "type": "JSXElement", "span": { "start": 417, "end": 445, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 418, "end": 420, "ctxt": 0 }, "value": "h1", "optional": false }, "span": { "start": 417, "end": 421, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 421, "end": 440, "ctxt": 0 }, "value": "Just Another Button", "raw": "Just Another Button" } ], "closing": { "type": "JSXClosingElement", "span": { "start": 440, "end": 445, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 442, "end": 444, "ctxt": 0 }, "value": "h1", "optional": false } } } } ] }, "generator": false, "async": false, "typeParameters": null, "returnType": null }, { "type": "FunctionDeclaration", "identifier": { "type": "Identifier", "span": { "start": 459, "end": 463, "ctxt": 0 }, "value": "Comp", "optional": false }, "declare": false, "params": [ { "type": "Parameter", "span": { "start": 464, "end": 471, "ctxt": 0 }, "decorators": [], "pat": { "type": "Identifier", "span": { "start": 464, "end": 471, "ctxt": 0 }, "value": "p", "optional": false, "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 465, "end": 471, "ctxt": 0 }, "typeAnnotation": { "type": "TsTypeReference", "span": { "start": 467, "end": 471, "ctxt": 0 }, "typeName": { "type": "Identifier", "span": { "start": 467, "end": 471, "ctxt": 0 }, "value": "Prop", "optional": false }, "typeParams": null } } } } ], "decorators": [], "span": { "start": 450, "end": 505, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 473, "end": 505, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 479, "end": 503, "ctxt": 0 }, "argument": { "type": "JSXElement", "span": { "start": 486, "end": 502, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 487, "end": 490, "ctxt": 0 }, "value": "div", "optional": false }, "span": { "start": 486, "end": 491, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXExpressionContainer", "span": { "start": 491, "end": 496, "ctxt": 0 }, "expression": { "type": "MemberExpression", "span": { "start": 492, "end": 495, "ctxt": 0 }, "object": { "type": "Identifier", "span": { "start": 492, "end": 493, "ctxt": 0 }, "value": "p", "optional": false }, "property": { "type": "Identifier", "span": { "start": 494, "end": 495, "ctxt": 0 }, "value": "b", "optional": false } } } ], "closing": { "type": "JSXClosingElement", "span": { "start": 496, "end": 502, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 498, "end": 501, "ctxt": 0 }, "value": "div", "optional": false } } } } ] }, "generator": false, "async": false, "typeParameters": null, "returnType": null }, { "type": "VariableDeclaration", "span": { "start": 513, "end": 579, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 517, "end": 578, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 517, "end": 519, "ctxt": 0 }, "value": "k1", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 522, "end": 578, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 523, "end": 527, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 522, "end": 542, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 528, "end": 534, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 528, "end": 529, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 530, "end": 534, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 531, "end": 533, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 535, "end": 541, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 535, "end": 536, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 537, "end": 541, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXElement", "span": { "start": 542, "end": 552, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 543, "end": 549, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 542, "end": 552, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 552, "end": 554, "ctxt": 0 }, "value": " ", "raw": " " }, { "type": "JSXElement", "span": { "start": 554, "end": 571, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 555, "end": 568, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "span": { "start": 554, "end": 571, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null } ], "closing": { "type": "JSXClosingElement", "span": { "start": 571, "end": 578, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 573, "end": 577, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 580, "end": 651, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 584, "end": 650, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 584, "end": 586, "ctxt": 0 }, "value": "k2", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 589, "end": 650, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 590, "end": 594, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 589, "end": 609, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 595, "end": 601, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 595, "end": 596, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 597, "end": 601, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 598, "end": 600, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 602, "end": 608, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 602, "end": 603, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 604, "end": 608, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXElement", "span": { "start": 609, "end": 619, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 610, "end": 616, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 609, "end": 619, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 619, "end": 624, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " }, { "type": "JSXElement", "span": { "start": 624, "end": 641, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 625, "end": 638, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "span": { "start": 624, "end": 641, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 641, "end": 643, "ctxt": 0 }, "value": " ", "raw": " " } ], "closing": { "type": "JSXClosingElement", "span": { "start": 643, "end": 650, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 645, "end": 649, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 652, "end": 725, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 656, "end": 724, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 656, "end": 658, "ctxt": 0 }, "value": "k3", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 661, "end": 724, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 662, "end": 666, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 661, "end": 681, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 667, "end": 673, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 667, "end": 668, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 669, "end": 673, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 670, "end": 672, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 674, "end": 680, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 674, "end": 675, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 676, "end": 680, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 681, "end": 685, "ctxt": 0 }, "value": " ", "raw": " " }, { "type": "JSXElement", "span": { "start": 685, "end": 695, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 686, "end": 692, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 685, "end": 695, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 695, "end": 700, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " }, { "type": "JSXElement", "span": { "start": 700, "end": 717, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 701, "end": 714, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "span": { "start": 700, "end": 717, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null } ], "closing": { "type": "JSXClosingElement", "span": { "start": 717, "end": 724, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 719, "end": 723, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 726, "end": 775, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 730, "end": 774, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 730, "end": 732, "ctxt": 0 }, "value": "k4", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 735, "end": 774, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 736, "end": 740, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 735, "end": 755, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 741, "end": 747, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 741, "end": 742, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 743, "end": 747, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 744, "end": 746, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 748, "end": 754, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 748, "end": 749, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 750, "end": 754, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXElement", "span": { "start": 755, "end": 765, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 756, "end": 762, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 755, "end": 765, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 765, "end": 767, "ctxt": 0 }, "value": " ", "raw": " " } ], "closing": { "type": "JSXClosingElement", "span": { "start": 767, "end": 774, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 769, "end": 773, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] } ], "interpreter": null }