feat: add props middleware, display component and control component

src/components/control.js

@@ -0,0 +1,11 @@
+'use strict'
+
+const display = require('./display')
+const middlewares = require('../middlewares')
+
+module.exports = function control (config) {
+  config = config || {}
+
+  return display(config)
+    .use(middlewares.params(config.params || {}))
+}

src/components/display.js

@@ -0,0 +1,11 @@
+'use strict'
+
+const rendered = require('./rendered')
+const middlewares = require('../middlewares')
+
+module.exports = function display (config) {
+  config = config || {}
+
+  return rendered(config)
+    .use(middlewares.props.apply(null, config.props || []))
+}

src/components/index.js

@@ -4,5 +4,7 @@ module.exports = {
   app: require('./app'),
   page: require('./page'),
   rendered: require('./rendered'),
-  router: require('./router')
+  router: require('./router'),
+  display: require('./display'),
+  control: require('./control')
 }

src/components/page.js

@@ -1,14 +1,12 @@
 'use strict'
 
-const component = require('@nx-js/core')
+const rendered = require('./rendered')
 const middlewares = require('../middlewares')
 
 module.exports = function page (config) {
   config = config || {}
-  config.params = config.params || {}
 
-  return component(config)
-    .use(middlewares.render(config))
+  return rendered(config)
     .use(middlewares.meta(config))
-    .use(middlewares.params(config.params))
+    .use(middlewares.params(config.params || {}))
 }

src/middlewares.js

@@ -2,6 +2,7 @@
 
 module.exports = {
   attributes: require('@nx-js/attributes-middleware'),
+  props: require('@nx-js/props-middleware'),
   events: require('@nx-js/events-middleware'),
   interpolate: require('@nx-js/interpolate-middleware'),
   render: require('@nx-js/render-middleware'),