fix: regex syntax incorrect causing hyphenated classes to be sanitize…

…d. (#58) When including a hyphen in a regex it must come first: [-A-Z]
a-h · Sep 2, 2022 · eb9c263 · eb9c263
1 parent 35ba5eb
commit eb9c263
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/runtime.go b/runtime.go
@@ -149,7 +149,7 @@ func (classes CSSClasses) String() string {
 	return sb.String()
 }
 
-var safeClassName = regexp.MustCompile(`^-?[_a-zA-Z]+[_-a-zA-Z0-9]*$`)
+var safeClassName = regexp.MustCompile(`^-?[_a-zA-Z]+[-_a-zA-Z0-9]*$`)
 
 const fallbackClassName = ConstantCSSClass("--templ-css-class-safe-name")
 

diff --git a/runtime_test.go b/runtime_test.go
@@ -199,6 +199,14 @@ func TestClassSanitization(t *testing.T) {
 			input:    `safe`,
 			expected: `safe`,
 		},
+		{
+			input:    `safe-name`,
+			expected: "safe-name",
+		},
+		{
+			input:    `safe_name`,
+			expected: "safe_name",
+		},
 		{
 			input:    `!unsafe`,
 			expected: "--templ-css-class-safe-name",