Add proper rendering of objects & arrays

Author: dolfbarr

src/utils.test.ts

@@ -196,5 +196,31 @@ describe('utils', () => {
         '    Some Label: %cTest Value',
       )
     })
+
+    it('returns message with object', () => {
+      expect(getMessage({ a: 'Test', b: 'Value' }, 'Some Label')).toEqual(
+        '    Some Label: {"a":"Test","b":"Value"}',
+      )
+    })
+
+    it('returns message with array', () => {
+      expect(getMessage(['Test', 'Value'], 'Some Label')).toEqual(
+        '    Some Label: ["Test","Value"]',
+      )
+    })
+
+    it('returns message with array of objects', () => {
+      expect(
+        getMessage(
+          [
+            { a: 'Test', b: 'Value' },
+            { c: 'Test', d: 'Value' },
+          ],
+          'Some Label',
+        ),
+      ).toEqual(
+        '    Some Label: [{"a":"Test","b":"Value"},{"c":"Test","d":"Value"}]',
+      )
+    })
   })
 })

src/utils.ts

@@ -34,7 +34,12 @@ export function getMessage<T>(
     ? `${label.padStart(DEFAULT_LABEL_SIZE, ' ')}: `
     : ''.padStart(DEFAULT_LABEL_SIZE + 2, ' ')
 
-  return `${printLabel}${stylePlaceholder(withCss)}${String(value)}`
+  const printValue =
+    typeof value === 'object' && value !== null
+      ? JSON.stringify(value)
+      : String(value)
+
+  return `${printLabel}${stylePlaceholder(withCss)}${printValue}`
 }
 
 export function getGroupLabel(