@domql/update - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

index.js

 'use strict'
 
-import { overwrite, isFunction, isObject, isString, isNumber, merge } from '@domql/utils'
-import { defaultMethods } from '@domql/mixins'
+import { DEFAULT_METHODS } from '@domql/registry'
+
+import {
+  overwriteDeep,
+  diff,
+  isFunction,
+  isObject,
+  isString,
+  isNumber,
+  exec
+} from '@domql/utils'
+import { on } from '@domql/event'
 import { updateProps } from '@domql/props'
-// import { createNode } from '@domql/node'
-import { on } from '@domql/event'
+import { create, applyTransform } from '@domql/create'
 
-import { isMethod } from '@domql/methods'
-import { throughUpdatedDefine, throughUpdatedExec } from '@domql/iterate'
-// import { appendNode } from './assign'
-
-const UPDATE_DEFAULT_OPTIONS = {
+const DEFAULT_OPTIONS = {
   stackChanges: false,
@@ -19,68 +24,108 @@ cleanExec: true,
 
-export const update = function (params = {}, options = UPDATE_DEFAULT_OPTIONS) {
-  const element = this
-  const { define, parent, node } = element
+const applyUpdateInit = (params, element) => {
+  console.log('start update', element.key)
+  on.initUpdate(element)
+  if (isString(params) || isNumber(params)) params = { text: params }
+  console.warn('params', params)
+  return params
+}
 
-  // console.groupCollapsed('Update:', element.path)
-  // console.groupEnd('Update:')
-  // if params is string
-  if (isString(params) || isNumber(params)) {
-    params = { text: params }
-  }
+const applyChanges = (params, element) => {
+  const { ref } = element
+  const changes = diff(params, element)
 
-  if (element.on && isFunction(element.on.initUpdate)) {
-    on.initUpdate(element.on.initUpdate, element, element.state)
+  const hasChanges = Object.keys(changes).length
+  if (changes && hasChanges) {
+    ref.__updates = [].concat(changes, ref.__updates)
+    overwriteDeep(changes, element)
   }
 
-  updateProps(params.props, element, parent)
+  return params
+}
 
-  // console.groupCollapsed('UPDATE:')
-  // console.groupEnd('UPDATE:')
+const applyPropsUpdate = (params, element, options) => {
+  if (params && !isObject(params.props)) return params // it will prevent to update `inherit` or `match` prop values
+  const { ref } = element
+  ref.props = updateProps(params.props, element, ref.parent)
+  on.propsUpdated(element)
+  return params
+}
 
-  const overwriteChanges = overwrite(element, params, UPDATE_DEFAULT_OPTIONS)
-  const execChanges = throughUpdatedExec(element, UPDATE_DEFAULT_OPTIONS)
-  const definedChanges = throughUpdatedDefine(element)
-
-  if (UPDATE_DEFAULT_OPTIONS.stackChanges && element.__stackChanges) {
-    const stackChanges = merge(definedChanges, merge(execChanges, overwriteChanges))
-    element.__stackChanges.push(stackChanges)
+const applyAttrUpdate = (params, element, options) => {
+  const { ref } = element
+  if (!ref.attr) ref.attr = {}
+  for (const attrKey in params.attr) {
+    ref.attr[attrKey] = exec(params.attr[attrKey], element, element.state)
   }
+  return params
+}
 
-  if (isFunction(element.if)) {
-    // TODO: move as fragment
-    const ifPassed = element.if(element, element.state)
-    if (element.__ifFalsy && ifPassed) {
-      // createNode(element)
-      // appendNode(element.node, element.__ifFragment)
-      delete element.__ifFalsy
-    } else if (element.node && !ifPassed) {
-      element.node.remove()
-      element.__ifFalsy = true
-    }
-  }
+const updateOnEachAvailable = (params, element, key, options) => {
+  const { ref } = element
+  const value = element[key]
+  const { children, childrenKeys } = ref
 
-  // console.groupEnd('Update:')
+  console.log('====')
+  console.log(key, childrenKeys, value)
+  // if (isString(params) || isNumber(params)) params = { text: params }
 
-  if (!node || options.preventRecursive) return
+  // move value to ref.children
+  if (childrenKeys.indexOf(key) === -1) {
+    childrenKeys.push(key)
+    element[key] = params[key]
+    console.log('-----')
+    console.log(params[key], element, key, options)
+    return children.push(create(params[key], element, key, options))
+  }
 
-  for (const param in element) {
-    const prop = element[param]
+  // apply global options
+  const useOption = options[updateOnEachAvailable]
+  if (useOption) useOption(element, key)
+}
 
-    if (isMethod(param) || isObject(defaultMethods[param]) || prop === undefined) continue
+const updateOnEach = (params, element, options) => {
+  for (const key in params) {
+    const isMethod = DEFAULT_METHODS[key]
+    if (isMethod && isFunction(isMethod)) isMethod(element, element.ref.state)
+    const hasDefine = element.define && params.define[key]
+    if (hasDefine && isFunction(hasDefine)) element.ref[key] = hasDefine(element, element.ref.state)
+    if (!isMethod && !hasDefine) updateOnEachAvailable(params, element, key, options)
+  }
+  return params
+}
 
-    const hasDefined = define && define[param]
-    const ourParam = defaultMethods[param]
+const updateTransform = (params, element, options) => {
+  applyTransform(element, element.key, options)
+  return params
+}
 
-    if (ourParam) {
-      if (isFunction(ourParam)) ourParam(prop, element, node)
-    } else if (prop && isObject(prop) && !hasDefined) {
-      update.call(prop, params[prop], UPDATE_DEFAULT_OPTIONS)
-    }
-  }
+const updateChildren = (params, element, options) => {
+  const { ref } = element
+  const { children } = ref
 
-  if (element.on && isFunction(element.on.update)) {
-    on.update(element.on.update, element, element.state)
+  if (children && children.length) {
+    ref.children = children.map(child => {
+      return update(element[child.key] || {}, child, options)
+    })
   }
 
+  return params
+}
+
+const triggerOnUpdate = (params, element, options) => {
+  on.update(params, element, element.state)
   return element
 }
+
+export const update = (params, element, options = DEFAULT_OPTIONS) => [
+  applyUpdateInit,
+  applyChanges,
+  applyPropsUpdate,
+  applyAttrUpdate,
+  updateOnEach,
+  updateTransform,
+  updateChildren,
+  triggerOnUpdate
+].reduce((prev, current) => current(prev, element, options), params)
+
+DEFAULT_METHODS.update = update

package.json

 {
   "name": "@domql/update",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
+    "@domql/create": "latest",
     "@domql/event": "latest",
+    "@domql/iterate": "latest",
+    "@domql/methods": "latest",
     "@domql/mixins": "latest",
     "@domql/props": "latest",
+    "@domql/registry": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "1e384e4a15f44201165f6bd54efb4a0e9c105745",
+  "gitHead": "ec7e77cec088dafc6b4a5d2893f72e3590a6761e",
   "source": "src/index.js"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8667

increased by117.27%

Number of package files

5

increased by66.67%

Lines of code

201

increased by204.55%

Worsened metrics

Dependency count

8

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@domql/create@latest

• + Added@domql/iterate@latest

• + Added@domql/methods@latest

• + Added@domql/registry@latest

• + Added@domql/env@2.3.117(transitive)

• + Added@domql/iterate@2.3.117(transitive)

• + Added@domql/methods@2.3.135(transitive)