domql 1.4.2 → 1.4.5

package/package.json

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

package/src/element/create.js

@@ -27,11 +27,6 @@ const create = (element, parent, key, options = {}) => {
   if (element === undefined) element = {}
   if (element === null) return
 
-  if (Object.keys(options).length) {
-    registry.defaultOptions = options
-    if (options.ignoreChildProto) delete options.ignoreChildProto
-  }
-
   // if element is proto
   if (element.__hash) {
     element = { proto: element }
@@ -39,19 +34,10 @@ const create = (element, parent, key, options = {}) => {
 
   if (options.components) {
     const { components } = options
-    const { proto } = element
+    const { proto, component } = element
     if (isString(proto))
       if (components[proto]) element.proto = components[proto]
       else console.warn(proto, 'is not in library', components, element)
-
-    // // if KEY is PROTO
-    // const k = element.key || key
-    // const keyIsProto = isString(k) && k.charAt(0) === k.charAt(0).toUpperCase()
-    // if (keyIsProto) component = key
-    // let { match, ...rest } = element
-    // if proto comes from library as string
-    // const fromLibrary = isString(match) ? components[match] : match
-    // if (fromLibrary) element = { proto: fromLibrary, ...rest }
   }
 
   // define KEY
@@ -77,6 +63,11 @@ const create = (element, parent, key, options = {}) => {
   // create PROTOtypal inheritance
   applyPrototype(element, parent, options)
 
+  if (Object.keys(options).length) {
+    registry.defaultOptions = options
+    if (options.ignoreChildProto) delete options.ignoreChildProto
+  }
+
   // enable STATE
   element.state = createState(element, parent)
 
@@ -104,10 +95,10 @@ const create = (element, parent, key, options = {}) => {
   element.update = update
   element.remove = remove
   element.lookup = lookup
+  element.parse = parse
+  element.parseDeep = parseDeep
+  element.keys = keys
   if (ENV === 'test' || ENV === 'development') {
-    element.keys = keys
-    element.parse = parse
-    element.parseDeep = parseDeep
     element.log = log
   }
 

package/src/element/mixins/registry.js

@@ -51,5 +51,6 @@ export default {
   log: {},
   parse: {},
   parseDeep: {},
-  on: {}
+  on: {},
+  component: {}
 }

package/src/element/proto.js

@@ -62,7 +62,13 @@ export const applyPrototype = (element, parent, options = {}) => {
   }
 
   element.__proto = stack
-  const mergedProto = cloneAndMergeArrayProto(stack)
+  let mergedProto = cloneAndMergeArrayProto(stack)
+
+  const component = exec(element.component || mergedProto.component, element)
+  if (component && options.components && options.components[component]) {
+    const componentProto = cloneAndMergeArrayProto(getProtoStack(options.components[component]))
+    mergedProto = deepMergeProto(mergedProto, componentProto)
+  }
 
   // console.log(mergedProto)
   return deepMergeProto(element, mergedProto)