{ "type": "Module", "span": { "start": 115, "end": 812, "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": 240, "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": 240, "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": 238, "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": 237, "ctxt": 0 }, "typeAnnotation": { "type": "TsUnionType", "span": { "start": 210, "end": 237, "ctxt": 0 }, "types": [ { "type": "TsTypeReference", "span": { "start": 210, "end": 221, "ctxt": 0 }, "typeName": { "type": "TsQualifiedName", "left": { "type": "Identifier", "span": { "start": 210, "end": 213, "ctxt": 0 }, "value": "JSX", "optional": false }, "right": { "type": "Identifier", "span": { "start": 214, "end": 221, "ctxt": 0 }, "value": "Element", "optional": false } }, "typeParams": null }, { "type": "TsArrayType", "span": { "start": 224, "end": 237, "ctxt": 0 }, "elemType": { "type": "TsTypeReference", "span": { "start": 224, "end": 235, "ctxt": 0 }, "typeName": { "type": "TsQualifiedName", "left": { "type": "Identifier", "span": { "start": 224, "end": 227, "ctxt": 0 }, "value": "JSX", "optional": false }, "right": { "type": "Identifier", "span": { "start": 228, "end": 235, "ctxt": 0 }, "value": "Element", "optional": false } }, "typeParams": null } } ] } }, "typeParams": null } ] } }, { "type": "ClassDeclaration", "identifier": { "type": "Identifier", "span": { "start": 248, "end": 254, "ctxt": 0 }, "value": "Button", "optional": false }, "declare": false, "span": { "start": 242, "end": 351, "ctxt": 0 }, "decorators": [], "body": [ { "type": "ClassMethod", "span": { "start": 295, "end": 349, "ctxt": 0 }, "key": { "type": "Identifier", "span": { "start": 295, "end": 301, "ctxt": 0 }, "value": "render", "optional": false }, "function": { "params": [], "decorators": [], "span": { "start": 295, "end": 349, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 304, "end": 349, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 314, "end": 343, "ctxt": 0 }, "argument": { "type": "ParenthesisExpression", "span": { "start": 321, "end": 343, "ctxt": 0 }, "expression": { "type": "JSXElement", "span": { "start": 322, "end": 342, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 323, "end": 326, "ctxt": 0 }, "value": "div", "optional": false }, "span": { "start": 322, "end": 327, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 327, "end": 336, "ctxt": 0 }, "value": "My Button", "raw": "My Button" } ], "closing": { "type": "JSXClosingElement", "span": { "start": 336, "end": 342, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 338, "end": 341, "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": 263, "end": 278, "ctxt": 0 }, "object": { "type": "Identifier", "span": { "start": 263, "end": 268, "ctxt": 0 }, "value": "React", "optional": false }, "property": { "type": "Identifier", "span": { "start": 269, "end": 278, "ctxt": 0 }, "value": "Component", "optional": false } }, "isAbstract": false, "typeParams": null, "superTypeParams": { "type": "TsTypeParameterInstantiation", "span": { "start": 278, "end": 288, "ctxt": 0 }, "params": [ { "type": "TsKeywordType", "span": { "start": 279, "end": 282, "ctxt": 0 }, "kind": "any" }, { "type": "TsKeywordType", "span": { "start": 284, "end": 287, "ctxt": 0 }, "kind": "any" } ] }, "implements": [] }, { "type": "FunctionDeclaration", "identifier": { "type": "Identifier", "span": { "start": 362, "end": 375, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "declare": false, "params": [ { "type": "Parameter", "span": { "start": 376, "end": 382, "ctxt": 0 }, "decorators": [], "pat": { "type": "Identifier", "span": { "start": 376, "end": 382, "ctxt": 0 }, "value": "p", "optional": false, "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 377, "end": 382, "ctxt": 0 }, "typeAnnotation": { "type": "TsKeywordType", "span": { "start": 379, "end": 382, "ctxt": 0 }, "kind": "any" } } } } ], "decorators": [], "span": { "start": 353, "end": 428, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 384, "end": 428, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 390, "end": 426, "ctxt": 0 }, "argument": { "type": "JSXElement", "span": { "start": 397, "end": 425, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 398, "end": 400, "ctxt": 0 }, "value": "h1", "optional": false }, "span": { "start": 397, "end": 401, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 401, "end": 420, "ctxt": 0 }, "value": "Just Another Button", "raw": "Just Another Button" } ], "closing": { "type": "JSXClosingElement", "span": { "start": 420, "end": 425, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 422, "end": 424, "ctxt": 0 }, "value": "h1", "optional": false } } } } ] }, "generator": false, "async": false, "typeParameters": null, "returnType": null }, { "type": "FunctionDeclaration", "identifier": { "type": "Identifier", "span": { "start": 439, "end": 443, "ctxt": 0 }, "value": "Comp", "optional": false }, "declare": false, "params": [ { "type": "Parameter", "span": { "start": 444, "end": 451, "ctxt": 0 }, "decorators": [], "pat": { "type": "Identifier", "span": { "start": 444, "end": 451, "ctxt": 0 }, "value": "p", "optional": false, "typeAnnotation": { "type": "TsTypeAnnotation", "span": { "start": 445, "end": 451, "ctxt": 0 }, "typeAnnotation": { "type": "TsTypeReference", "span": { "start": 447, "end": 451, "ctxt": 0 }, "typeName": { "type": "Identifier", "span": { "start": 447, "end": 451, "ctxt": 0 }, "value": "Prop", "optional": false }, "typeParams": null } } } } ], "decorators": [], "span": { "start": 430, "end": 485, "ctxt": 0 }, "body": { "type": "BlockStatement", "span": { "start": 453, "end": 485, "ctxt": 0 }, "stmts": [ { "type": "ReturnStatement", "span": { "start": 459, "end": 483, "ctxt": 0 }, "argument": { "type": "JSXElement", "span": { "start": 466, "end": 482, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 467, "end": 470, "ctxt": 0 }, "value": "div", "optional": false }, "span": { "start": 466, "end": 471, "ctxt": 0 }, "attributes": [], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXExpressionContainer", "span": { "start": 471, "end": 476, "ctxt": 0 }, "expression": { "type": "MemberExpression", "span": { "start": 472, "end": 475, "ctxt": 0 }, "object": { "type": "Identifier", "span": { "start": 472, "end": 473, "ctxt": 0 }, "value": "p", "optional": false }, "property": { "type": "Identifier", "span": { "start": 474, "end": 475, "ctxt": 0 }, "value": "b", "optional": false } } } ], "closing": { "type": "JSXClosingElement", "span": { "start": 476, "end": 482, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 478, "end": 481, "ctxt": 0 }, "value": "div", "optional": false } } } } ] }, "generator": false, "async": false, "typeParameters": null, "returnType": null }, { "type": "VariableDeclaration", "span": { "start": 493, "end": 584, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 497, "end": 583, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 497, "end": 499, "ctxt": 0 }, "value": "k1", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 506, "end": 583, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 507, "end": 511, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 506, "end": 526, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 512, "end": 518, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 512, "end": 513, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 514, "end": 518, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 515, "end": 517, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 519, "end": 525, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 519, "end": 520, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 521, "end": 525, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 526, "end": 535, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " }, { "type": "JSXElement", "span": { "start": 535, "end": 545, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 536, "end": 542, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 535, "end": 545, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 545, "end": 554, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " }, { "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 }, { "type": "JSXText", "span": { "start": 571, "end": 576, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " } ], "closing": { "type": "JSXClosingElement", "span": { "start": 576, "end": 583, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 578, "end": 582, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 586, "end": 693, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 590, "end": 692, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 590, "end": 592, "ctxt": 0 }, "value": "k2", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 599, "end": 692, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 600, "end": 604, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 599, "end": 619, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 605, "end": 611, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 605, "end": 606, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 607, "end": 611, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 608, "end": 610, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 612, "end": 618, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 612, "end": 613, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 614, "end": 618, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXText", "span": { "start": 619, "end": 644, "ctxt": 0 }, "value": "\n\n \n\n \n\n \n\n ", "raw": "\n\n \n\n \n\n \n\n " }, { "type": "JSXElement", "span": { "start": 644, "end": 654, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 645, "end": 651, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 644, "end": 654, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 654, "end": 663, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " }, { "type": "JSXElement", "span": { "start": 663, "end": 680, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 664, "end": 677, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "span": { "start": 663, "end": 680, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 680, "end": 685, "ctxt": 0 }, "value": "\n\n ", "raw": "\n\n " } ], "closing": { "type": "JSXClosingElement", "span": { "start": 685, "end": 692, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 687, "end": 691, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 695, "end": 763, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 699, "end": 762, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 699, "end": 701, "ctxt": 0 }, "value": "k3", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 704, "end": 762, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 705, "end": 709, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 704, "end": 724, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 710, "end": 716, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 710, "end": 711, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 712, "end": 716, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 713, "end": 715, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 717, "end": 723, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 717, "end": 718, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 719, "end": 723, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXElement", "span": { "start": 724, "end": 734, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 725, "end": 731, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 724, "end": 734, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 734, "end": 737, "ctxt": 0 }, "value": " \n\n", "raw": " \n\n" }, { "type": "JSXElement", "span": { "start": 737, "end": 754, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 738, "end": 751, "ctxt": 0 }, "value": "AnotherButton", "optional": false }, "span": { "start": 737, "end": 754, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null }, { "type": "JSXText", "span": { "start": 754, "end": 755, "ctxt": 0 }, "value": "\n\n", "raw": "\n\n" } ], "closing": { "type": "JSXClosingElement", "span": { "start": 755, "end": 762, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 757, "end": 761, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] }, { "type": "VariableDeclaration", "span": { "start": 765, "end": 812, "ctxt": 0 }, "kind": "let", "declare": false, "declarations": [ { "type": "VariableDeclarator", "span": { "start": 769, "end": 811, "ctxt": 0 }, "id": { "type": "Identifier", "span": { "start": 769, "end": 771, "ctxt": 0 }, "value": "k4", "optional": false, "typeAnnotation": null }, "init": { "type": "JSXElement", "span": { "start": 774, "end": 811, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 775, "end": 779, "ctxt": 0 }, "value": "Comp", "optional": false }, "span": { "start": 774, "end": 794, "ctxt": 0 }, "attributes": [ { "type": "JSXAttribute", "span": { "start": 780, "end": 786, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 780, "end": 781, "ctxt": 0 }, "value": "a", "optional": false }, "value": { "type": "JSXExpressionContainer", "span": { "start": 782, "end": 786, "ctxt": 0 }, "expression": { "type": "NumericLiteral", "span": { "start": 783, "end": 785, "ctxt": 0 }, "value": 10.0 } } }, { "type": "JSXAttribute", "span": { "start": 787, "end": 793, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 787, "end": 788, "ctxt": 0 }, "value": "b", "optional": false }, "value": { "type": "StringLiteral", "span": { "start": 789, "end": 793, "ctxt": 0 }, "value": "hi", "hasEscape": false, "kind": { "type": "normal", "containsQuote": true } } } ], "selfClosing": false, "typeArguments": null }, "children": [ { "type": "JSXElement", "span": { "start": 794, "end": 804, "ctxt": 0 }, "opening": { "type": "JSXOpeningElement", "name": { "type": "Identifier", "span": { "start": 795, "end": 801, "ctxt": 0 }, "value": "Button", "optional": false }, "span": { "start": 794, "end": 804, "ctxt": 0 }, "attributes": [], "selfClosing": true, "typeArguments": null }, "children": [], "closing": null } ], "closing": { "type": "JSXClosingElement", "span": { "start": 804, "end": 811, "ctxt": 0 }, "name": { "type": "Identifier", "span": { "start": 806, "end": 810, "ctxt": 0 }, "value": "Comp", "optional": false } } }, "definite": false } ] } ], "interpreter": null }