domql 1.4.4 → 1.4.7

package/package.json

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

package/packages/emotion/index.js

@@ -16,7 +16,7 @@ const {
   css,
   sheet,
   cache
-} = createEmotion({ key: 'symbols' })
+} = createEmotion({ key: 'smbls' })
 
 const style = (params, element, node) => {
   const execPareams = exec(params, element)
@@ -33,6 +33,7 @@ const classf = (params, element, node) => {
     for (const key in params) {
       const prop = exec(params[key], element)
       if (!prop) continue
+      prop.label = key || element.key
       const CSSed = css(prop)
       classObjHelper[key] = CSSed
     }

package/src/element/create.js

@@ -83,6 +83,15 @@ const create = (element, parent, key, options = {}) => {
     element.path = parent.path.concat(assignedKey)
   }
 
+  // don't render IF in condition
+  if (isFunction(element.if) && !element.if(element, element.state)) {
+    // TODO: move as fragment
+    const ifFragment = cacheNode({ tag: 'fragment' })
+    element.__ifFragment = appendNode(ifFragment, parent.node)
+    element.__ifFalsy = true
+    return
+  }
+
   // if it already HAS A NODE
   if (element.node) {
     // console.log('hasNode!')
@@ -95,10 +104,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
   }
 
@@ -137,15 +146,6 @@ const create = (element, parent, key, options = {}) => {
   // console.log(element)
   // console.groupEnd('Create:')
 
-  // don't render IF in condition
-  if (isFunction(element.if) && !element.if(element, element.state)) {
-    // TODO: move as fragment
-    const ifFragment = cacheNode({ tag: 'fragment' })
-    element.__ifFragment = appendNode(ifFragment, parent.node)
-    element.__ifFalsy = true
-    return
-  }
-
   // CREATE a real NODE
   createNode(element, options)
 

package/src/element/update.js

@@ -25,10 +25,14 @@ const update = function (params = {}, options = UPDATE_DEFAULT_OPTIONS) {
     params = { text: params }
   }
 
-  if (element.on && isFunction(element.on.initUpdate)) {
-    on.initUpdate(element.on.initUpdate, element, element.state)
+  if (element.on && isFunction(element.on.initUpdate) && !options.ignoreInitUpdate) {
+    preventUpdate = on.initUpdate(element.on.initUpdate, element, element.state)
   }
 
+  // if (params.props) {
+  //   console.log('INSIDE:')
+  //   console.log(params.props)
+  // }
   updateProps(params.props, element, parent)
 
   // const state = params.state || element.state
@@ -42,6 +46,9 @@ const update = function (params = {}, options = UPDATE_DEFAULT_OPTIONS) {
     const stackChanges = merge(definedChanges, merge(execChanges, overwriteChanges))
     element.__stackChanges.push(stackChanges)
   }
+  // const stackChanges = merge(definedChanges, merge(execChanges, overwriteChanges))
+  // if (Object.keys(stackChanges).length === 0) return
+  // else console.log(element.path, '\n\n', stackChanges)
 
   if (isFunction(element.if)) {
     // TODO: move as fragment
@@ -61,6 +68,7 @@ const update = function (params = {}, options = UPDATE_DEFAULT_OPTIONS) {
   for (const param in element) {
     const prop = element[param]
 
+    if (options.preventContentUpdate && param === 'content') continue
     if (isMethod(param) || isObject(registry[param]) || prop === undefined) continue
 
     const hasDefined = define && define[param]
@@ -71,7 +79,7 @@ const update = function (params = {}, options = UPDATE_DEFAULT_OPTIONS) {
     if (ourParam) {
       if (isFunction(ourParam)) ourParam(prop, element, node)
     } else if (prop && isObject(prop) && !hasDefined) {
-      update.call(prop, params[prop], UPDATE_DEFAULT_OPTIONS)
+      if (!options.preventChildrenUpdate) update.call(prop, params[prop], UPDATE_DEFAULT_OPTIONS)
     }
   }