domql 1.5.9 → 1.5.10

package/package.json

@@ -3,7 +3,7 @@
   "description": "DOM rendering Javascript framework at early stage.",
   "private": false,
   "author": "rackai",
-  "version": "1.5.9",
+  "version": "1.5.10",
   "repository": "https://github.com/rackai/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/src/element/create.js

@@ -32,6 +32,17 @@ const create = (element, parent, key, options = {}) => {
     element = { extend: element }
   }
 
+  // define KEY
+  const assignedKey = element.key || key || createID.next().value
+
+  const firstKeyChar = assignedKey.slice(0, 1)
+  if (!element.extend && !element.props && /^[A-Z]*$/.test(firstKeyChar)) {
+    element = {
+      component: assignedKey,
+      props: element
+    }
+  }
+
   if (options.components) {
     const { components } = options
     const { extend, component } = element
@@ -40,9 +51,6 @@ const create = (element, parent, key, options = {}) => {
       else console.warn(extend, 'is not in library', components, element)
   }
 
-  // define KEY
-  const assignedKey = element.key || key || createID.next().value
-
   // if PARENT is not given
   if (!parent) parent = root
   if (isNode(parent)) parent = root[`${key}_parent`] = { key: ':root', node: parent }
@@ -56,6 +64,10 @@ const create = (element, parent, key, options = {}) => {
     }
   }
 
+  // assign context
+  if (options.context && !root.context) root.context = options.context
+  element.context = root.context
+
   // create EXTEND inheritance
   applyExtend(element, parent, options)
 
@@ -117,10 +129,6 @@ const create = (element, parent, key, options = {}) => {
   // enable CHANGES storing
   if (!element.__changes) element.__changes = []
 
-  // assign context
-  if (options.context && !root.context) root.context = options.context
-  element.context = root.context
-
   // Add _root element property
   const hasRoot = parent.parent && parent.parent.key === ':root'
   if (!element.__root) element.__root = hasRoot ? parent : parent.__root

package/src/element/props.js

@@ -8,6 +8,7 @@ const initProps = (element, parent) => {
 
   const isMatch = isString(props) && props.indexOf('match') > -1
   const matchParent = parent.props && parent.props[element.key]
+  const matchParentChild = parent.props && parent.props.childProps
 
   const objectizeStringProperty = propValue => {
     if (isString(propValue)) return { inheritedString: propValue }
@@ -15,6 +16,7 @@ const initProps = (element, parent) => {
   }
 
   if (matchParent && props !== 'match') propsStack.push(matchParent)
+  if (matchParentChild) propsStack.push(matchParentChild)
 
   if (isObject(props)) {
     propsStack.push(props)