Key Hyphen Converter

Author: mckaragoz

BCSS/Component/BlazorCssProvider.razor

@@ -10,7 +10,7 @@
             continue;
         }
         var processedValue = info.Value?.Split(' ') ?? new string[0];
-        @($".{info.Key}{(info.Suffixes.Contains("hover") ? ":hover" : null)}{(info.Suffixes.Contains("focus") ? ":focus" : null)} {{ {string.Join("!important;", processedValue) + "!important;"} }}")
+        @($".{info.Key}{GetSuffixString(info.Suffixes)} {{ {string.Join("!important;", processedValue) + "!important;"} }}")
     }
 </style>
 

BCSS/Component/BlazorCssProvider.razor.cs

@@ -67,6 +67,18 @@ protected string GetMediaString(string breakpoint)
             return result;
         }
 
+        protected string GetSuffixString(List<string> suffixes)
+        {
+            var result = string.Empty;
+            List<string> match = _suffixes.Intersect(suffixes).ToList();
+            if (match.Any())
+            {
+                result = $":{match.First()}";
+            }
+            
+            return result;
+        }
+
         public void Update()
         {
             StateHasChanged();
@@ -90,6 +102,32 @@ public void ClearLast()
             StateHasChanged();
         }
 
-        private List<string> _breakpoints = new List<string>() { "xs", "sm", "md", "lg", "xl" };
+        private readonly List<string> _breakpoints = new List<string>() { "xs", "sm", "md", "lg", "xl" };
+        private readonly List<string> _suffixes = new List<string>() 
+        { 
+            "active",
+            "checked",
+            "disabled",
+            "empty",
+            "enabled",
+            "hover", 
+            "focus",
+            "focus-visible",
+            "focus-within", 
+            "first-child", 
+            "last-child",
+            "link",
+            "optional",
+            "out-of-range",
+            "read-only",
+            "read-write",
+            "required",
+            "root",
+            "target",
+            "valid",
+            "invalid",
+            "visited"
+        };
+
     }
 }

BCSS/Services/BCSSService.cs

@@ -43,7 +43,7 @@ public void Attach(BlazorCssProvider provider)
 
         protected string Decode(string value)
         {
-            return value.Replace("%", "--").Replace(".", "_-").Replace(":", "_1");
+            return value.Replace("%", "--").Replace(".", "_-").Replace(":", "_1").Replace("/", "_2");
         }
 
 

BCSS/Services/BlazorCssConverter.cs

@@ -16,7 +16,7 @@ public static List<string> GetSuffixes(string className)
                 return suffixes;
             }
 
-            string[] partials = key.Split(':');
+            string[] partials = key.Replace('/', '-').Split(':');
             for (int i = 0; i < partials.Length - 1; i++)
             {
                 suffixes.Add(partials[i]);
@@ -32,7 +32,7 @@ public static string Convert (string className)
             }
 
             string[] processedString = className.Split('-');
-            string? key = processedString.First().Split(':').Last();
+            string? key = processedString.First().Split(':').Last().Replace('/', '-');
             string? value = processedString.Length < 2 ? string.Empty : className.Substring(processedString.First().Length + 1);
 
             if (string.IsNullOrEmpty(value))