💄 Format debug output nicely.

lustre-labs · Jul 19, 2023 · 59d7782 · 59d7782
1 parent be928f2
commit 59d7782
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/test/examples/input.gleam b/test/examples/input.gleam
@@ -64,7 +64,16 @@ fn render(model: Model) -> Element(Msg) {
         email_input(model.email),
         password_input(model.password),
         remember_checkbox(model.remember_me),
-        pre([attribute.class("debug")], [t(string.inspect(model))]),
+        pre(
+          [attribute.class("debug")],
+          [
+            string.inspect(model)
+            |> string.replace("(", "(\n  ")
+            |> string.replace(", ", ",\n  ")
+            |> string.replace(")", "\n)")
+            |> t,
+          ],
+        ),
       ]),
     ],
   )

diff --git a/test/examples/input.html b/test/examples/input.html
@@ -21,7 +21,7 @@
         }
 
         .debug {
-          @apply text-sm text-gray-400 whitespace-pre-line;
+          @apply text-sm text-gray-400;
         }
 
         .input label {