domql 1.3.3 → 1.4.1

package/package.json

@@ -3,7 +3,7 @@
   "description": "DOM rendering Javascript framework at early stage.",
   "private": false,
   "author": "rackai",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "repository": "https://github.com/rackai/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -29,16 +29,16 @@
     "@babel/core": "^7.10.4",
     "@babel/preset-env": "^7.10.4",
     "babel-eslint": "^10.0.3",
-    "babel-jest": "^27.0.2",
+    "babel-jest": "^28.1.0",
     "babel-preset-env": "^1.7.0",
     "coveralls": "^3.0.5",
     "eslint": "^8.10.0",
     "eslint-plugin-jest": "^26.1.0",
-    "jest": "^27.0.6",
+    "jest": "^28.1.0",
     "nodemon": "^2.0.6",
     "np": "^7.2.0",
     "parcel-bundler": "^1.12.4",
-    "standard": "^16.0.1"
+    "standard": "^17.0.0"
   },
   "jest": {
     "collectCoverageFrom": [

package/packages/emotion/index.js

@@ -32,6 +32,7 @@ const classf = (params, element, node) => {
     const classObjHelper = {}
     for (const key in params) {
       const prop = exec(params[key], element)
+      if (!prop) continue
       const CSSed = css(prop)
       classObjHelper[key] = CSSed
     }

package/src/element/create.js

@@ -14,6 +14,7 @@ import { assignClass } from './mixins/classList'
 import { isFunction, isNumber, isString, createID, isNode } from '../utils'
 import { remove, lookup, log, keys, parse, parseDeep } from './methods'
 import cacheNode from './cache'
+import { registry } from './mixins'
 // import { overwrite, clone, fillTheRest } from '../utils'
 
 const ENV = process.env.NODE_ENV
@@ -26,6 +27,31 @@ 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 }
+  }
+
+  // if KEY is PROTO
+  if (options.components) {
+    const { components } = options
+
+    const k = element.key || key
+    const keyIsProto = isString(k) && k.charAt(0) === k.charAt(0).toUpperCase()
+    let component
+    if (keyIsProto) component = key
+
+    // if proto comes from library as string
+    const fromLibrary = component || isString(element.proto) ? element.proto : element.component
+    const isInLibrary = components[fromLibrary]
+    if (isInLibrary) element = { proto: isInLibrary, props: element }
+  }
+
   // define KEY
   const assignedKey = element.key || key || createID.next().value
 
@@ -71,14 +97,6 @@ const create = (element, parent, key, options = {}) => {
     return assignNode(element, parent, assignedKey)
   }
 
-  // run `on.init`
-  if (element.on && isFunction(element.on.init)) {
-    on.init(element.on.init, element, element.state)
-  }
-
-  // generate a CLASS name
-  assignClass(element)
-
   // assign METHODS
   element.set = set
   element.update = update
@@ -110,6 +128,14 @@ const create = (element, parent, key, options = {}) => {
   // apply props settings
   createProps(element, parent)
 
+  // run `on.init`
+  if (element.on && isFunction(element.on.init)) {
+    on.init(element.on.init, element, element.state)
+  }
+
+  // generate a CLASS name
+  assignClass(element)
+
   // console.log('cache.props:')
   // console.log(cache.props)
   // console.log('applied props:')
@@ -128,7 +154,7 @@ const create = (element, parent, key, options = {}) => {
   }
 
   // CREATE a real NODE
-  createNode(element)
+  createNode(element, options)
 
   // assign NODE
   assignNode(element, parent, key)

package/src/element/createNode.js

@@ -28,7 +28,7 @@ const ENV = process.env.NODE_ENV
 //   }
 // })
 
-const createNode = (element) => {
+const createNode = (element, options) => {
   // create and assign a node
   let { node, tag } = element
 
@@ -78,9 +78,9 @@ const createNode = (element) => {
       const ourParam = registry[param]
 
       if (ourParam) { // Check if param is in our method registry
-        if (isFunction(ourParam)) ourParam(prop, element, node)
+        if (isFunction(ourParam)) ourParam(prop, element, node, options)
       } else if (element[param] && !hasDefined) {
-        create(prop, element, param) // Create element
+        create(prop, element, param, options) // Create element
       }
     }
   }

package/src/element/createProps.js

@@ -1,15 +1,25 @@
 'use strict'
 
-import { deepClone, deepMerge, exec, isArray } from '../utils'
+import { deepClone, deepMerge, exec, isArray, isObject, isString } from '../utils'
 
 const initProps = (element, parent) => {
+  const { props } = element
   const propsStack = []
 
-  if (element.props === 'inherit') {
-    if (parent && parent.props) propsStack.push(parent.props)
-  } else if (element.props === 'match') {
-    if (parent && parent.props) propsStack.push(parent.props[element.key])
-  } else if (element.props) propsStack.push(element.props)
+  const hasMatch = isString(props) && props.indexOf('match') > -1
+  const matchParent = parent.props && parent.props[element.key]
+
+  if (isObject(props)) {
+    propsStack.push(props)
+  } else if (props === 'inherit') {
+    if (parent.props) propsStack.push(parent.props)
+  } else if (hasMatch) {
+    const hasArg = props.split(' ')
+    if (hasArg[1] && parent.props[hasArg[1]]) propsStack.push(parent.props[hasArg[1]])
+    else if (matchParent) propsStack.push(matchParent)
+  } else if (props) propsStack.push(props)
+
+  if (matchParent && props !== 'match') propsStack.push(matchParent)
 
   if (isArray(element.__proto)) {
     element.__proto.map(proto => {

package/src/element/mixins/content.js

@@ -6,12 +6,12 @@ import set from '../set'
  * Appends anything as content
  * an original one as a child
  */
-export default (param, element, node) => {
+export default (param, element, node, options) => {
   if (param && element) {
     if (param.__hash === element.content.__hash && element.content.update) {
       element.content.update(param)
     } else {
-      set.call(element, param)
+      set.call(element, param, options)
     }
   }
 }

package/src/element/mixins/registry.js

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

package/src/element/proto.js

@@ -54,7 +54,12 @@ export const applyPrototype = (element, parent, options = {}) => {
     stack = protoStack
   } else if (childProtoLength) {
     stack = childProtoStack
-  } else return element
+  } else if (!options.proto) return element
+
+  if (options.proto) {
+    const defaultOptionsProto = getProtoStack(options.proto)
+    stack = [].concat(stack, defaultOptionsProto)
+  }
 
   element.__proto = stack
   const mergedProto = cloneAndMergeArrayProto(stack)

package/src/element/set.js

@@ -1,6 +1,7 @@
 'use strict'
 
 import create from './create'
+import { registry } from './mixins'
 
 const removeContentElement = (params, element) => {
   if (params && element.content) {
@@ -18,7 +19,7 @@ const removeContentElement = (params, element) => {
   }
 }
 
-const set = function (params, enter, leave) {
+const set = function (params, options) {
   const element = this
 
   removeContentElement(params, element)
@@ -27,7 +28,8 @@ const set = function (params, enter, leave) {
     const { childProto } = params
     if (!childProto && element.childProto) params.childProto = element.childProto
     create(params, element, 'content', {
-      ignoreChildProto: true
+      ignoreChildProto: true,
+      ...registry.defaultOptions
     })
   }
 

package/src/utils/protoUtils.js

@@ -19,16 +19,13 @@ export const setHashedProto = (proto, stack) => {
   const hash = generateHash()
   proto.__hash = hash
   protoStackRegistry[hash] = stack
-  return protoStackRegistry[hash]
+  return stack
 }
 
 export const getProtoStackRegistry = (proto, stack) => {
-  if (proto.__hash) {
+  if (proto.__hash)
     return stack.concat(getHashedProto(proto))
-  } else {
-    setHashedProto(proto, stack)
-  }
-  return stack // .concat(hashedProto)
+  return setHashedProto(proto, stack) // stack .concat(hashedProto)
 }
 
 // stacking