Register embedded languages

changelog.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Next
+- Added embedded language registration to allow full support for JavaScript and CSS inside Astro-HTML.
 - Changed grammar scope name from `source.astro` to `text.html.astro`.
 - Refactored syntax highlighter.
 

grammars/astro.tmLanguage.yaml

@@ -20,14 +20,15 @@ repository:
     patterns:
       - name: meta.block.html
         begin: '(?<!\A)\s*^---$'
-        end: '(?<=</html>)\s*$\Z'
+        end: '.\Z'
         patterns:
           - include: '#astro'
           - include: 'text.html.basic'
 
   astro:
     patterns:
       - include: '#inline-javascript'
+      - include: '#embedded'
       - include: '#components'
 
     repository:
@@ -39,13 +40,26 @@ repository:
             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 }
+              '0': { name: punctuation.definition.tag.component.astro }
             patterns:
               - include: '#component-name'
               - include: '#attribute-name'
@@ -62,7 +76,5 @@ repository:
               - name: string.quoted.attribute-value.astro
                 begin: '(?<==)"'
                 end: '(?<!\\)"'
-                patterns:
               - name: string.unquoted.attribute-value.astro
                 match: '(?<==)\S+'
-                patterns:

package.json

@@ -39,7 +39,12 @@
             {
                 "language": "astro",
                 "scopeName": "text.html.astro",
-                "path": "./grammars/astro.tmLanguage.json"
+                "path": "./grammars/astro.tmLanguage.json",
+                "embeddedLanguages": {
+                    "text.html.basic": "html",
+                    "source.js": "javascript",
+                    "source.css": "css"
+                  }
             }
         ],
         "snippets": [