astro.tmLanguage.yaml

name: Astro
scopeName: text.html.astro
fileTypes:
  - '.astro'

patterns:
  - include: '#javascript'
  - include: '#html'

repository:
  javascript:
    patterns:
      - name: meta.block.js
        begin: '\A\s*^---$'
        end: '(?=^---$)'
        patterns:
          - include: 'source.js'

  html:
    patterns:
      - name: meta.block.html
        begin: '(?<!\A)\s*^---$'
        end: '.\Z'
        patterns:
          - include: '#astro'
          - include: 'text.html.basic'

  astro:
    patterns:
      - include: '#inline-javascript'
      - include: '#embedded'
      - include: '#components'

    repository:
      inline-javascript:
        patterns:
          - name: meta.inline.js
            begin: '(?<!\\){'
            end: '(?<!\\)}'
            patterns:
              - include: 'source.js'

      embedded:
        patterns:
          - name: meta.block.embedded.js
            begin: '<script>'
            end: '</script>'
            patterns:
              - include: 'source.js'
          - name: meta.block.embedded.css
            begin: '<style>'
            end: '</style>'
            patterns:
              - include: 'source.css'

      components:
        patterns:
          - name: meta.component.astro
            begin: '</?(?=[A-Z])'
            end: '/?>'
            captures:
              '0': { name: punctuation.definition.tag.component.astro }
            patterns:
              - include: '#component-name'
              - include: '#attribute-name'
              - include: '#attribute-value'
        repository:
          component-name:
            name: entity.name.type.component.astro
            match: '(?<=</?)[A-Z]\w*'
          attribute-name:
            name: entity.other.attribute-name.astro
            match: '(?<=[\s":])\w+'
          attribute-value:
            patterns:
              - name: string.quoted.attribute-value.astro
                begin: '(?<==)"'
                end: '(?<!\\)"'
              - name: string.unquoted.attribute-value.astro
                match: '(?<==)\S+'