fix(inspect): do not use JSON.stringify for inspecting objects

JSON.stringify is not a true representation of an object and hence
it can confuse users

example/index.ts

@@ -14,17 +14,25 @@ class User extends Base {
     username: 'virk',
     email: 'virk@adonisjs.com',
     isAdmin: true,
+    profile: {
+      avatarUrl: 'foo',
+    },
     lastLoginAt: null,
   }
 
   public parent: User
   public get username () {
     return this.attributes.username
   }
+
+  public toJSON () {
+    return {}
+  }
 }
 
 const user = new User()
 user.parent = user
+console.log(user)
 
 createServer((_req, res) => {
   res.writeHead(200, { 'content-type': 'text/html' })

package.json

@@ -64,6 +64,7 @@
     ]
   },
   "dependencies": {
+    "@poppinss/inspect": "^1.0.1",
     "edge-error": "^1.0.4",
     "edge-lexer": "^3.0.3",
     "edge-parser": "^5.0.6",

src/Edge/globals/index.ts

@@ -8,12 +8,12 @@
 */
 
 import truncatise from 'truncatise'
-import { PrettyPrint } from './PrettyPrint'
+import inspect from '@poppinss/inspect'
 import { safeValue } from '../../Context'
 
 export const GLOBALS = {
   inspect: (value) => {
-    return safeValue(new PrettyPrint().print(value))
+    return safeValue(inspect.string.html(value))
   },
   truncate: (value: string, length: number = 20, options?: { strict: boolean, suffix: string }) => {
     return truncatise(value, {