feat: add payload type badges

DebugProbe.AspNetCore/Internal/HtmlRenderer.cs

@@ -48,20 +48,14 @@ public static string RenderDetailsPage(DebugEntry x, DebugEnvironment e, string
             ? x.Path
             : $"{x.Path}{x.Query}";
 
-        var statusClass = x.StatusCode switch
-        {
-            >= 200 and < 300 => "status-200",
-            >= 300 and < 400 => "status-300",
-            >= 400 and < 500 => "status-400",
-            >= 500 => "status-500",
-            _ => ""
-        };
+        var statusClass = GetStatusClass(x.StatusCode);
 
         var content = EmbeddedResources.Details
             .Replace("{{method}}", Encode(x.Method))
             .Replace("{{path}}", Encode(pathWithQuery))
-            .Replace("{{status}}", string.Format($"{x.StatusCode} {((HttpStatusCode)x.StatusCode)}"))
+            .Replace("{{status}}", GetStatusText(x.StatusCode))
             .Replace("{{statusClass}}", statusClass)
+            .Replace("{{responseStatusCode}}", x.StatusCode.ToString())
             .Replace("{{traceId}}", x.Id.ToString())
 
             .Replace("{{time}}", x.Timestamp.ToString("yyyy-MM-dd HH:mm:ss.fff"))
@@ -80,9 +74,15 @@ public static string RenderDetailsPage(DebugEntry x, DebugEnvironment e, string
             .Replace("{{dateFormat}}", e.DateFormat ?? "")
             .Replace("{{assemblyVersion}}", Encode(e.AssemblyVersion))
 
-            .Replace("{{requestUrl}}", Encode(string.IsNullOrEmpty(x.RequestUrl) ? "(empty)" : x.RequestUrl))
-            .Replace("{{request}}", Encode(string.IsNullOrEmpty(req) ? "(empty)" : req))
-            .Replace("{{response}}", Encode(string.IsNullOrEmpty(res) ? "(empty)" : res))
+            .Replace("{{requestUrl}}", Encode(string.IsNullOrEmpty(x.RequestUrl) ? "" : x.RequestUrl))
+            .Replace("{{requestType}}", GetPayloadType(req))
+            .Replace("{{requestTypeClass}}", GetPayloadTypeClass(req))
+            .Replace("{{request}}", Encode(string.IsNullOrEmpty(req) ? "" : req))
+
+            .Replace("{{responseType}}", GetPayloadType(res))
+            .Replace("{{responseTypeClass}}", GetPayloadTypeClass(res))
+            .Replace("{{response}}", Encode(string.IsNullOrEmpty(res) ? "" : res))
+
             .Replace("{{headers}}", headers);
 
         return BuildLayout(content);
@@ -92,4 +92,59 @@ private static string Encode(string? value)
     {
         return WebUtility.HtmlEncode(value ?? "");
     }
+
+    private static string GetStatusText(int statusCode)
+    {
+        return $"{statusCode} {((HttpStatusCode)statusCode)}";
+    }
+
+    private static string GetStatusClass(int statusCode)
+    {
+        return statusCode switch
+        {
+            >= 200 and < 300 => "status-200",
+            >= 300 and < 400 => "status-300",
+            >= 400 and < 500 => "status-400",
+            >= 500 => "status-500",
+            _ => ""
+        };
+    }
+
+    private static string GetPayloadType(string value)
+    {
+        if (string.IsNullOrWhiteSpace(value))
+        {
+            return "Empty";
+        }
+
+        if (JsonUtils.IsValidJson(value))
+        {
+            return "JSON";
+        }
+
+        return LooksLikeJson(value) ? "Invalid JSON" : "Plain Text";
+    }
+
+    private static string GetPayloadTypeClass(string value)
+    {
+        if (string.IsNullOrWhiteSpace(value))
+        {
+            return "payload-empty";
+        }
+
+        if (JsonUtils.IsValidJson(value))
+        {
+            return "payload-json";
+        }
+
+        return LooksLikeJson(value) ? "payload-invalid-json" : "payload-text";
+    }
+
+    private static bool LooksLikeJson(string value)
+    {
+        var trimmed = value.TrimStart();
+
+        return trimmed.StartsWith('{') || trimmed.StartsWith('[');
+    }
+
 }

DebugProbe.AspNetCore/Internal/JsonUtils.cs

@@ -27,4 +27,22 @@ public static string Format(string json)
             return json;
         }
     }
+
+    public static bool IsValidJson(string value)
+    {
+        if (string.IsNullOrWhiteSpace(value))
+        {
+            return false;
+        }
+
+        try
+        {
+            JsonDocument.Parse(value);
+            return true;
+        }
+        catch
+        {
+            return false;
+        }
+    }
 }