Fix Angular class hand shortcut

Author: philipp-spiess

crates/oxide/src/lib.rs

@@ -447,6 +447,8 @@ fn read_changed_content(c: ChangedContent) -> Option<Vec<u8>> {
     };
 
     match extension {
+        // Angular class shorthand
+        Some("html") => Some(content.replace("[class.", "[")),
         Some("svelte") => Some(content.replace(" class:", " ").replace("\tclass:", " ")),
         _ => Some(content),
     }

crates/oxide/tests/scanner.rs

@@ -323,6 +323,11 @@ mod scanner {
             ("foo.jpg", "xl:font-bold"),
             // A file that is ignored
             ("foo.html", "lg:font-bold"),
+            // An Angular file using the class shorthand syntax
+            (
+                "index.angular.html",
+                "<div [class.underline]=\"bool\"></div>",
+            ),
             // A svelte file with `class:foo="bar"` syntax
             ("index.svelte", "<div class:px-4='condition'></div>"),
             ("index2.svelte", "<div\n\tclass:px-5='condition'></div>"),
@@ -333,13 +338,15 @@ mod scanner {
         assert_eq!(
             candidates,
             vec![
+                "bool",
                 "condition",
                 "div",
                 "font-bold",
                 "md:flex",
                 "px-4",
                 "px-5",
-                "px-6"
+                "px-6",
+                "underline"
             ]
         );
     }