Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

typescript: Add highlighting for Angular inline components (#26553)

Browse source 
Closes #ISSUE

Release Notes:

- N/A *or* Added/Fixed/Improved ...

Before
<img width="1004" alt="image"
src="https://github.com/user-attachments/assets/9a611e8d-e00e-4dc7-b4c9-bd76fec95525"
/>

After
<img width="936" alt="Image"
src="https://github.com/user-attachments/assets/b83d3309-1aab-492c-a2f1-c45cd19e6bcc"
/>
This commit is contained in:
Sheik Althaf 2025-03-18 14:57:48 +05:30 • committed by GitHub
parent f61d3d28e0
commit fdcacb3849
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 37 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

37
crates/languages/src/typescript/injections.scm
View file

@ -62,3 +62,40 @@
arguments: (arguments (template_string (string_fragment) @injection.content
(#set! injection.language "graphql")))
)
;; Angular Component template injection
(call_expression
function: [
(identifier) @_decorator (#eq? @_decorator "Component")
(member_expression property: (property_identifier) @_decorator (#eq? @_decorator "Component"))
]
arguments: (arguments (object
(pair
key: (property_identifier) @_prop (#eq? @_prop "template")
value: [
(string) @injection.content
(template_string) @injection.content
(template_string (string_fragment) @injection.content)
]
)))
(#set! injection.language "angular"))
;; Angular Component styles injection
(call_expression
function: [
(identifier) @_decorator (#eq? @_decorator "Component")
(member_expression property: (property_identifier) @_decorator (#eq? @_decorator "Component"))
]
arguments: (arguments (object
(pair
key: (property_identifier) @_prop (#eq? @_prop "styles")
value: [
(string) @injection.content
(template_string) @injection.content
(template_string (string_fragment) @injection.content)
(array (string) @injection.content)
(array (template_string) @injection.content)
(array (template_string (string_fragment)) @injection.content)
]
)))
(#set! injection.language "css"))