Skip to content

Instantly share code, notes, and snippets.

@igeligel

igeligel/react-component-ast.json

Created November 11, 2018 15:17
Show Gist options
  • Save igeligel/212b7fb90b5b9c13ed287d129b6f2fb8 to your computer and use it in GitHub Desktop.
Save igeligel/212b7fb90b5b9c13ed287d129b6f2fb8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react-component-ast.json
{
"type": "File",
"start": 0,
"end": 245,
"loc": {
"start": { "line": 1, "column": 0 },
"end": { "line": 16, "column": 0 }
},
"program": {
"type": "Program",
"start": 0,
"end": 245,
"loc": {
"start": { "line": 1, "column": 0 },
"end": { "line": 16, "column": 0 }
},
"sourceType": "module",
"interpreter": null,
"body": [
{
"type": "ExportNamedDeclaration",
"start": 0,
"end": 219,
"loc": {
"start": { "line": 1, "column": 0 },
"end": { "line": 13, "column": 2 }
},
"specifiers": [],
"source": null,
"declaration": {
"type": "VariableDeclaration",
"start": 7,
"end": 219,
"loc": {
"start": { "line": 1, "column": 7 },
"end": { "line": 13, "column": 2 }
},
"declarations": [
{
"type": "VariableDeclarator",
"start": 13,
"end": 218,
"loc": {
"start": { "line": 1, "column": 13 },
"end": { "line": 13, "column": 1 }
},
"id": {
"type": "Identifier",
"start": 13,
"end": 20,
"loc": {
"start": { "line": 1, "column": 13 },
"end": { "line": 1, "column": 20 },
"identifierName": "Welcome"
},
"name": "Welcome"
},
"init": {
"type": "ArrowFunctionExpression",
"start": 23,
"end": 218,
"loc": {
"start": { "line": 1, "column": 23 },
"end": { "line": 13, "column": 1 }
},
"id": null,
"generator": false,
"async": false,
"params": [
{
"type": "Identifier",
"start": 24,
"end": 29,
"loc": {
"start": { "line": 1, "column": 24 },
"end": { "line": 1, "column": 29 },
"identifierName": "props"
},
"name": "props"
}
],
"body": {
"type": "BlockStatement",
"start": 34,
"end": 218,
"loc": {
"start": { "line": 1, "column": 34 },
"end": { "line": 13, "column": 1 }
},
"body": [
{
"type": "ReturnStatement",
"start": 38,
"end": 216,
"loc": {
"start": { "line": 2, "column": 2 },
"end": { "line": 12, "column": 4 }
},
"argument": {
"type": "JSXElement",
"start": 51,
"end": 211,
"loc": {
"start": { "line": 3, "column": 4 },
"end": { "line": 11, "column": 10 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 51,
"end": 56,
"loc": {
"start": { "line": 3, "column": 4 },
"end": { "line": 3, "column": 9 }
},
"name": {
"type": "JSXIdentifier",
"start": 52,
"end": 55,
"loc": {
"start": { "line": 3, "column": 5 },
"end": { "line": 3, "column": 8 }
},
"name": "div"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 205,
"end": 211,
"loc": {
"start": { "line": 11, "column": 4 },
"end": { "line": 11, "column": 10 }
},
"name": {
"type": "JSXIdentifier",
"start": 207,
"end": 210,
"loc": {
"start": { "line": 11, "column": 6 },
"end": { "line": 11, "column": 9 }
},
"name": "div"
}
},
"children": [
{
"type": "JSXText",
"start": 56,
"end": 63,
"loc": {
"start": { "line": 3, "column": 9 },
"end": { "line": 4, "column": 6 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
},
{
"type": "JSXElement",
"start": 63,
"end": 165,
"loc": {
"start": { "line": 4, "column": 6 },
"end": { "line": 9, "column": 12 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 63,
"end": 68,
"loc": {
"start": { "line": 4, "column": 6 },
"end": { "line": 4, "column": 11 }
},
"name": {
"type": "JSXIdentifier",
"start": 64,
"end": 67,
"loc": {
"start": { "line": 4, "column": 7 },
"end": { "line": 4, "column": 10 }
},
"name": "div"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 159,
"end": 165,
"loc": {
"start": { "line": 9, "column": 6 },
"end": { "line": 9, "column": 12 }
},
"name": {
"type": "JSXIdentifier",
"start": 161,
"end": 164,
"loc": {
"start": { "line": 9, "column": 8 },
"end": { "line": 9, "column": 11 }
},
"name": "div"
}
},
"children": [
{
"type": "JSXText",
"start": 68,
"end": 77,
"loc": {
"start": { "line": 4, "column": 11 },
"end": { "line": 5, "column": 8 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
},
{
"type": "JSXElement",
"start": 77,
"end": 93,
"loc": {
"start": { "line": 5, "column": 8 },
"end": { "line": 5, "column": 24 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 77,
"end": 80,
"loc": {
"start": { "line": 5, "column": 8 },
"end": { "line": 5, "column": 11 }
},
"name": {
"type": "JSXIdentifier",
"start": 78,
"end": 79,
"loc": {
"start": { "line": 5, "column": 9 },
"end": { "line": 5, "column": 10 }
},
"name": "p"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 89,
"end": 93,
"loc": {
"start": { "line": 5, "column": 20 },
"end": { "line": 5, "column": 24 }
},
"name": {
"type": "JSXIdentifier",
"start": 91,
"end": 92,
"loc": {
"start": { "line": 5, "column": 22 },
"end": { "line": 5, "column": 23 }
},
"name": "p"
}
},
"children": [
{
"type": "JSXText",
"start": 80,
"end": 89,
"loc": {
"start": { "line": 5, "column": 11 },
"end": { "line": 5, "column": 20 }
},
"extra": {
"rawValue": "dawwadwad",
"raw": "dawwadwad"
},
"value": "dawwadwad"
}
]
},
{
"type": "JSXText",
"start": 93,
"end": 102,
"loc": {
"start": { "line": 5, "column": 24 },
"end": { "line": 6, "column": 8 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
},
{
"type": "JSXElement",
"start": 102,
"end": 152,
"loc": {
"start": { "line": 6, "column": 8 },
"end": { "line": 8, "column": 14 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 102,
"end": 107,
"loc": {
"start": { "line": 6, "column": 8 },
"end": { "line": 6, "column": 13 }
},
"name": {
"type": "JSXIdentifier",
"start": 103,
"end": 106,
"loc": {
"start": { "line": 6, "column": 9 },
"end": { "line": 6, "column": 12 }
},
"name": "div"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 146,
"end": 152,
"loc": {
"start": { "line": 8, "column": 8 },
"end": { "line": 8, "column": 14 }
},
"name": {
"type": "JSXIdentifier",
"start": 148,
"end": 151,
"loc": {
"start": { "line": 8, "column": 10 },
"end": { "line": 8, "column": 13 }
},
"name": "div"
}
},
"children": [
{
"type": "JSXText",
"start": 107,
"end": 118,
"loc": {
"start": { "line": 6, "column": 13 },
"end": { "line": 7, "column": 10 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
},
{
"type": "JSXElement",
"start": 118,
"end": 137,
"loc": {
"start": { "line": 7, "column": 10 },
"end": { "line": 7, "column": 29 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 118,
"end": 124,
"loc": {
"start": { "line": 7, "column": 10 },
"end": { "line": 7, "column": 16 }
},
"name": {
"type": "JSXIdentifier",
"start": 119,
"end": 123,
"loc": {
"start": { "line": 7, "column": 11 },
"end": { "line": 7, "column": 15 }
},
"name": "span"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 130,
"end": 137,
"loc": {
"start": { "line": 7, "column": 22 },
"end": { "line": 7, "column": 29 }
},
"name": {
"type": "JSXIdentifier",
"start": 132,
"end": 136,
"loc": {
"start": { "line": 7, "column": 24 },
"end": { "line": 7, "column": 28 }
},
"name": "span"
}
},
"children": [
{
"type": "JSXText",
"start": 124,
"end": 130,
"loc": {
"start": { "line": 7, "column": 16 },
"end": { "line": 7, "column": 22 }
},
"extra": {
"rawValue": "awdwad",
"raw": "awdwad"
},
"value": "awdwad"
}
]
},
{
"type": "JSXText",
"start": 137,
"end": 146,
"loc": {
"start": { "line": 7, "column": 29 },
"end": { "line": 8, "column": 8 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
}
]
},
{
"type": "JSXText",
"start": 152,
"end": 159,
"loc": {
"start": { "line": 8, "column": 14 },
"end": { "line": 9, "column": 6 }
},
"extra": {
"rawValue": "\n ",
"raw": "\n "
},
"value": "\n "
}
]
},
{
"type": "JSXText",
"start": 165,
"end": 172,
"loc": {
"start": { "line": 9, "column": 12 },
"end": { "line": 10, "column": 6 }
},
"extra": { "rawValue": "\n", "raw": "\n " },
"value": "\n "
},
{
"type": "JSXElement",
"start": 172,
"end": 200,
"loc": {
"start": { "line": 10, "column": 6 },
"end": { "line": 10, "column": 34 }
},
"openingElement": {
"type": "JSXOpeningElement",
"start": 172,
"end": 176,
"loc": {
"start": { "line": 10, "column": 6 },
"end": { "line": 10, "column": 10 }
},
"name": {
"type": "JSXIdentifier",
"start": 173,
"end": 175,
"loc": {
"start": { "line": 10, "column": 7 },
"end": { "line": 10, "column": 9 }
},
"name": "h1"
},
"attributes": [],
"selfClosing": false
},
"closingElement": {
"type": "JSXClosingElement",
"start": 195,
"end": 200,
"loc": {
"start": { "line": 10, "column": 29 },
"end": { "line": 10, "column": 34 }
},
"name": {
"type": "JSXIdentifier",
"start": 197,
"end": 199,
"loc": {
"start": { "line": 10, "column": 31 },
"end": { "line": 10, "column": 33 }
},
"name": "h1"
}
},
"children": [
{
"type": "JSXText",
"start": 176,
"end": 183,
"loc": {
"start": { "line": 10, "column": 10 },
"end": { "line": 10, "column": 17 }
},
"extra": {
"rawValue": "Hello, ",
"raw": "Hello, "
},
"value": "Hello, "
},
{
"type": "JSXExpressionContainer",
"start": 183,
"end": 195,
"loc": {
"start": { "line": 10, "column": 17 },
"end": { "line": 10, "column": 29 }
},
"expression": {
"type": "MemberExpression",
"start": 184,
"end": 194,
"loc": {
"start": { "line": 10, "column": 18 },
"end": { "line": 10, "column": 28 }
},
"object": {
"type": "Identifier",
"start": 184,
"end": 189,
"loc": {
"start": { "line": 10, "column": 18 },
"end": { "line": 10, "column": 23 },
"identifierName": "props"
},
"name": "props"
},
"property": {
"type": "Identifier",
"start": 190,
"end": 194,
"loc": {
"start": { "line": 10, "column": 24 },
"end": { "line": 10, "column": 28 },
"identifierName": "name"
},
"name": "name"
},
"computed": false
}
}
]
},
{
"type": "JSXText",
"start": 200,
"end": 205,
"loc": {
"start": { "line": 10, "column": 34 },
"end": { "line": 11, "column": 4 }
},
"extra": { "rawValue": "\n ", "raw": "\n " },
"value": "\n "
}
],
"extra": { "parenthesized": true, "parenStart": 45 }
}
}
],
"directives": []
}
}
}
],
"kind": "const"
}
},
{
"type": "ExportDefaultDeclaration",
"start": 221,
"end": 244,
"loc": {
"start": { "line": 15, "column": 0 },
"end": { "line": 15, "column": 23 }
},
"declaration": {
"type": "Identifier",
"start": 236,
"end": 243,
"loc": {
"start": { "line": 15, "column": 15 },
"end": { "line": 15, "column": 22 },
"identifierName": "Welcome"
},
"name": "Welcome"
}
}
],
"directives": []
},
"comments": []
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment