Astro Parser AST Viewer

Astro AST Viewer

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
---
import Tour from '../components/Tour.astro';
let title = 'My Astro Site';
---
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>{title}</title>
    <link rel="stylesheet" href="/style/global.css">
    <style>
        header {
            display: flex;
            flex-direction: column;
        }
    </style>
</head>
<body>
    <main>
        <Tour />
        <ReactCounter client:visible />
    </main>
</body>
</html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

{
  "html": {
    "start": 82,
    "end": 494,
    "type": "Fragment",
    "children": [
      {
        "start": 81,
        "end": 82,
        "type": "Text",
        "raw": "\n",
        "data": "\n"
      },
      {
        "start": 82,
        "end": 494,
        "type": "Element",
        "name": "html",
        "attributes": [
          {
            "start": 88,
            "end": 97,
            "type": "Attribute",
            "name": "lang",
            "value": [
              {
                "start": 94,
                "end": 96,
                "type": "Text",
                "raw": "en",
                "data": "en"
              }
            ]
          }
        ],
        "children": [
          {
            "start": 98,
            "end": 99,
            "type": "Text",
            "raw": "\n",
            "data": "\n"
          },
          {
            "start": 99,
            "end": 391,
            "type": "Element",
            "name": "head",
            "attributes": [],
            "children": [
              {
                "start": 105,
                "end": 110,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 110,
                "end": 132,
                "type": "Element",
                "name": "meta",
                "attributes": [
                  {
                    "start": 116,
                    "end": 131,
                    "type": "Attribute",
                    "name": "charset",
                    "value": [
                      {
                        "start": 125,
                        "end": 130,
                        "type": "Text",
                        "raw": "UTF-8",
                        "data": "UTF-8"
                      }
                    ]
                  }
                ],
                "children": []
              },
              {
                "start": 132,
                "end": 137,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 137,
                "end": 188,
                "type": "Element",
                "name": "meta",
                "attributes": [
                  {
                    "start": 143,
                    "end": 158,
                    "type": "Attribute",
                    "name": "name",
                    "value": [
                      {
                        "start": 149,
                        "end": 157,
                        "type": "Text",
                        "raw": "viewport",
                        "data": "viewport"
                      }
                    ]
                  },
                  {
                    "start": 159,
                    "end": 187,
                    "type": "Attribute",
                    "name": "content",
                    "value": [
                      {
                        "start": 168,
                        "end": 186,
                        "type": "Text",
                        "raw": "width=device-width",
                        "data": "width=device-width"
                      }
                    ]
                  }
                ],
                "children": []
              },
              {
                "start": 188,
                "end": 193,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 193,
                "end": 215,
                "type": "Element",
                "name": "title",
                "attributes": [],
                "children": [
                  {
                    "start": 200,
                    "end": 207,
                    "type": "MustacheTag",
                    "expression": {
                      "type": "Expression",
                      "start": 201,
                      "end": 206,
                      "codeChunks": [
                        "title"
                      ],
                      "children": []
                    }
                  }
                ]
              },
              {
                "start": 215,
                "end": 220,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 220,
                "end": 268,
                "type": "Element",
                "name": "link",
                "attributes": [
                  {
                    "start": 226,
                    "end": 242,
                    "type": "Attribute",
                    "name": "rel",
                    "value": [
                      {
                        "start": 231,
                        "end": 241,
                        "type": "Text",
                        "raw": "stylesheet",
                        "data": "stylesheet"
                      }
                    ]
                  },
                  {
                    "start": 243,
                    "end": 267,
                    "type": "Attribute",
                    "name": "href",
                    "value": [
                      {
                        "start": 249,
                        "end": 266,
                        "type": "Text",
                        "raw": "/style/global.css",
                        "data": "/style/global.css"
                      }
                    ]
                  }
                ],
                "children": []
              },
              {
                "start": 268,
                "end": 273,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 273,
                "end": 383,
                "type": "Element",
                "name": "style",
                "attributes": [],
                "children": [
                  {
                    "start": 280,
                    "end": 375,
                    "type": "Text",
                    "data": "\n        header {\n            display: flex;\n            flex-direction: column;\n        }\n    "
                  }
                ]
              },
              {
                "start": 383,
                "end": 384,
                "type": "Text",
                "raw": "\n",
                "data": "\n"
              }
            ]
          },
          {
            "start": 391,
            "end": 392,
            "type": "Text",
            "raw": "\n",
            "data": "\n"
          },
          {
            "start": 392,
            "end": 486,
            "type": "Element",
            "name": "body",
            "attributes": [],
            "children": [
              {
                "start": 398,
                "end": 403,
                "type": "Text",
                "raw": "\n    ",
                "data": "\n    "
              },
              {
                "start": 403,
                "end": 478,
                "type": "Element",
                "name": "main",
                "attributes": [],
                "children": [
                  {
                    "start": 409,
                    "end": 418,
                    "type": "Text",
                    "raw": "\n        ",
                    "data": "\n        "
                  },
                  {
                    "start": 418,
                    "end": 426,
                    "type": "InlineComponent",
                    "name": "Tour",
                    "attributes": [],
                    "children": []
                  },
                  {
                    "start": 426,
                    "end": 435,
                    "type": "Text",
                    "raw": "\n        ",
                    "data": "\n        "
                  },
                  {
                    "start": 435,
                    "end": 466,
                    "type": "InlineComponent",
                    "name": "ReactCounter",
                    "attributes": [
                      {
                        "start": 449,
                        "end": 463,
                        "type": "Attribute",
                        "name": "client:visible",
                        "value": true
                      }
                    ],
                    "children": []
                  },
                  {
                    "start": 466,
                    "end": 471,
                    "type": "Text",
                    "raw": "\n    ",
                    "data": "\n    "
                  }
                ]
              },
              {
                "start": 478,
                "end": 479,
                "type": "Text",
                "raw": "\n",
                "data": "\n"
              }
            ]
          },
          {
            "start": 486,
            "end": 487,
            "type": "Text",
            "raw": "\n",
            "data": "\n"
          }
        ]
      }
    ]
  },
  "css": [],
  "module": {
    "type": "Script",
    "context": "setup",
    "start": 0,
    "end": 81,
    "content": "\nimport Tour from '../components/Tour.astro';\nlet title = 'My Astro Site';\n"
  },
  "meta": {
    "features": 0
  }
}