From be3ac39fbf0f2c2df808686df17277f994ac88af Mon Sep 17 00:00:00 2001
From: Remy Suen <remy.suen@gmail.com>
Date: Thu, 30 Dec 2021 08:00:31 -0500
Subject: [PATCH] Support hyphenated HTML tags in Markdown syntax

Signed-off-by: Remy Suen <remy.suen@gmail.com>
---
 src/basic-languages/markdown/markdown.test.ts | 48 +++++++++++++++++++
 src/basic-languages/markdown/markdown.ts      |  4 +-
 2 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/src/basic-languages/markdown/markdown.test.ts b/src/basic-languages/markdown/markdown.test.ts
index 7253cbe6a7..9c08ec60e3 100644
--- a/src/basic-languages/markdown/markdown.test.ts
+++ b/src/basic-languages/markdown/markdown.test.ts
@@ -43,5 +43,53 @@ testTokenization('markdown', [
 				{ startIndex: 11, type: 'string.link.md' }
 			]
 		}
+	],
+
+	// simple HTML content
+	[
+		{
+			line: '<div>content</div>',
+			tokens: [
+				{ startIndex: 0, type: 'tag.md' },
+				{ startIndex: 5, type: '' },
+				{ startIndex: 12, type: 'tag.md' }
+			]
+		}
+	],
+
+	// hyphenated HTML tag
+	[
+		{
+			line: '<custom-component>content</custom-component>',
+			tokens: [
+				{ startIndex: 0, type: 'tag.md' },
+				{ startIndex: 18, type: '' },
+				{ startIndex: 25, type: 'tag.md' }
+			]
+		}
+	],
+
+	// unclosed HTML tag without hyphens and a trailing character
+	[
+		{
+			line: '<div',
+			tokens: [{ startIndex: 0, type: 'tag.md' }]
+		}
+	],
+
+	// unclosed HTML tag with trailing hyphen
+	[
+		{
+			line: '<custom-',
+			tokens: [{ startIndex: 0, type: 'tag.md' }]
+		}
+	],
+
+	// unclosed HTML tag with hyphen and a trailing characer
+	[
+		{
+			line: '<custom-component',
+			tokens: [{ startIndex: 0, type: 'tag.md' }]
+		}
 	]
 ]);
diff --git a/src/basic-languages/markdown/markdown.ts b/src/basic-languages/markdown/markdown.ts
index 5c22b3e3d4..cd747fcecc 100644
--- a/src/basic-languages/markdown/markdown.ts
+++ b/src/basic-languages/markdown/markdown.ts
@@ -166,7 +166,7 @@ export const language = <languages.IMonarchLanguage>{
 			// html tags
 			[/<(\w+)\/>/, 'tag'],
 			[
-				/<(\w+)/,
+				/<(\w+)(\-|\w)*/,
 				{
 					cases: {
 						'@empty': { token: 'tag', next: '@tag.$1' },
@@ -174,7 +174,7 @@ export const language = <languages.IMonarchLanguage>{
 					}
 				}
 			],
-			[/<\/(\w+)\s*>/, { token: 'tag' }],
+			[/<\/(\w+)(\-|\w)*\s*>/, { token: 'tag' }],
 
 			[/<!--/, 'comment', '@comment']
 		],