feat: add inspect global method

edge-js · Feb 28, 2020 · 1d6aa75 · 1d6aa75
1 parent 0ca5991
commit 1d6aa75
Show file tree

Hide file tree

Showing 6 changed files with 56 additions and 19 deletions.
diff --git a/examples/index.js b/examples/index.js
@@ -1,12 +1,11 @@
 // @ts-check
 
-const { Edge } = require('..')
+const edge = require('..').default
 const { join } = require('path')
 const http = require('http')
 
-const edge = new Edge()
-
 http.createServer((req, res) => {
   edge.mount(join(__dirname, './views'))
+  res.writeHead(200, { 'content-type': 'text/html' })
   res.end(edge.render('user', { title: 'Hello' }))
 }).listen(3000)
diff --git a/examples/views/user.edge b/examples/views/user.edge
@@ -1,7 +1,17 @@
-@debugger
-@component('alert', title = 'Hey')
-  @slot('title', props)
-    @include('partial')
-  @endslot
-@endcomponent
-@!component('alert', title = 'Wow')
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title></title>
+  <style>
+
+  </style>
+</head>
+<body>
+  @set('user', { username: 'virk' })
+
+  {{ inspect($state, 1) }}
+</body>
+</html>
diff --git a/index.ts b/index.ts
@@ -8,6 +8,7 @@
 */
 
 import { Edge } from './src/Edge'
+import globals from './src/Edge/globals'
 
 export {
   LoaderContract,
@@ -29,4 +30,6 @@ export {
 export { Edge }
 
 const edge = new Edge()
+globals(edge)
+
 export default edge
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -70,14 +70,12 @@
   },
   "dependencies": {
     "@poppinss/utils": "^2.1.2",
-    "debug": "^4.1.1",
     "edge-error": "^1.0.4",
     "edge-parser": "^2.1.1",
     "he": "^1.2.0",
     "import-fresh": "^3.2.1",
     "lodash": "^4.17.15",
-    "macroable": "^4.0.2",
-    "node-exceptions": "^4.0.1"
+    "macroable": "^4.0.2"
   },
   "gitHooks": {
     "commit-msg": "node ./node_modules/@adonisjs/mrm-preset/validateCommit/conventional/validate.js"

diff --git a/src/Edge/globals/index.ts b/src/Edge/globals/index.ts
@@ -0,0 +1,30 @@
+/**
+ * @module edge
+ */
+
+/*
+* edge
+*
+* (c) Harminder Virk <virk@adonisjs.com>
+*
+* For the full copyright and license information, please view the LICENSE
+* file that was distributed with this source code.
+*/
+
+import { inspect as utilInspect } from 'util'
+import { EdgeContract, ContextContract } from '../../Contracts'
+
+/**
+ * Inspect value.
+ */
+function inspect (ctx: ContextContract, valueToInspect: any, depth: number = 1) {
+  return ctx.safe(`<pre style="background: #000; color: #fff; padding: 20px;">${utilInspect(valueToInspect, {
+    showHidden: true,
+    compact: false,
+    depth: depth,
+  })}</pre>`)
+}
+
+export default function globals (edge: EdgeContract) {
+  edge.global('inspect', inspect)
+}