domql 1.5.61 → 1.5.63

package/package.json

@@ -3,7 +3,7 @@
   "description": "DOM rendering Javascript framework at early stage.",
   "private": false,
   "author": "symbo.ls",
-  "version": "1.5.61",
+  "version": "1.5.63",
   "repository": "https://github.com/domql/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
@@ -70,5 +70,8 @@
   "browserslist": [
     "> 1%",
     "ie >= 9"
-  ]
+  ],
+  "dependencies": {
+    "@domql/utils": "^2.3.14"
+  }
 }

package/packages/emotion/index.js

@@ -7,11 +7,11 @@ import createEmotion from '@emotion/css/create-instance'
 const ENV = process.env.NODE_ENV
 
 export const transformEmotionStyle = (emotion, live) => {
-  return (params, element, node) => {
-    const execPareams = exec(params, element)
+  return  (params, element, node) => {
+    const execParams = exec(params, element)
     if (params) {
-      if (isObjectLike(element.class)) element.class.elementStyle = execPareams
-      else element.class = { elementStyle: execPareams }
+      if (isObjectLike(element.class)) element.class.elementStyle = execParams
+      else element.class = { elementStyle: execParams }
     }
     transformEmotionClass(emotion, live)(element.class, element, node, true)
   }

package/src/element/create.js

@@ -55,7 +55,7 @@ const create = (element, parent, key, options = OPTIONS.create || {}) => {
   }
 
   // define KEY
-  const assignedKey = element.key || key || createID()
+  const assignedKey = (element.key || key || createID()).toString()
 
   const { extend, props, state, childExtend, childProps } = element
 
@@ -109,6 +109,12 @@ const create = (element, parent, key, options = OPTIONS.create || {}) => {
     }
   }
 
+  // Only resolve extends, skip everything else
+  if (options.onlyResolveExtends) {
+    applyExtend(element, parent, options)
+    return element;
+  }
+
   // assign context
   if (options.context && !root.context) root.context = options.context
   element.context = root.context
@@ -199,7 +205,7 @@ const create = (element, parent, key, options = OPTIONS.create || {}) => {
     on.init(element.on.init, element, element.state)
   }
 
-  // run `on.init`
+  // run `on.beforeClassAssign`
   if (element.on && isFunction(element.on.beforeClassAssign)) {
     on.beforeClassAssign(element.on.beforeClassAssign, element, element.state)
   }

package/src/element/state.js

@@ -50,6 +50,9 @@ export const projectStateUpdate = function (obj, options = {}) {
 export const updateState = function (obj, options = {}) {
   const state = this
   const element = state.__element
+  state.parent = element.parent.state
+
+  if (!state.__element) createState(element, element.parent)
 
   // run `on.stateUpdated`
   if (element.on && isFunction(element.on.initStateUpdated)) {
@@ -57,11 +60,13 @@ export const updateState = function (obj, options = {}) {
     if (initReturns === false) return
   }
 
-  if (element.__state) {
-    if (state.parent && state.parent[element.__state]) {
-      const keyInParentState = state.parent[element.__state]
+  const stateKey = element.__state
+  if (stateKey) {
+    // TODO: check for double parent
+    if (state.parent && state.parent[stateKey]) {
+      const keyInParentState = state.parent[stateKey]
       if (keyInParentState && !options.stopStatePropogation) {
-        return state.parent.update({ [element.__state]: obj }, options)
+        return state.parent.update({ [stateKey]: obj }, options)
       }
     }
   } else {
@@ -69,7 +74,10 @@ export const updateState = function (obj, options = {}) {
   }
 
   // TODO: try debounce
-  if (!options.preventUpdate || options.preventUpdate === 'recursive') element.update({}, { ...options, preventUpdate: true })
+  if (!options.preventUpdate)
+    element.update({}, options)
+  else if (options.preventUpdate === 'recursive')
+    element.update({}, { ...options, preventUpdate: true })
 
   if (state.__depends) {
     for (const el in state.__depends) {
@@ -83,7 +91,7 @@ export const updateState = function (obj, options = {}) {
   }
 }
 
-export default function (element, parent) {
+export const createState = function (element, parent) {
   let { state, __root } = element
 
   if (isFunction(state)) state = exec(state, element)
@@ -150,6 +158,7 @@ export default function (element, parent) {
   state.clean = cleanState
   state.parse = parseState
   state.update = updateState
+  state.create = createState
   state.parent = element.parent.state
   state.__element = element
   state.__root = __root ? __root.state : state
@@ -169,3 +178,5 @@ export default function (element, parent) {
 
   return state
 }
+
+export default createState

package/src/utils/object.js

@@ -17,11 +17,11 @@ export const memoize = (fn) => {
 }
 
 export const debounce = (element, func, timeout = 300) => {
-  let timer;
+  let timer
   return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => { func.apply(element, args) }, timeout);
-  };
+    clearTimeout(timer)
+    timer = setTimeout(() => { func.apply(element, args) }, timeout)
+  }
 }
 
 export const isTagRegistered = arg => nodes.body.indexOf(arg)