@domql/state 2.3.125 → 2.3.127

package/createState.js

@@ -3,18 +3,18 @@
 import { triggerEventOn } from '@domql/event'
 import { deepClone, exec, is, isFunction, isObject } from '@domql/utils'
 import { IGNORE_STATE_PARAMS } from './ignore'
-import { add, apply, clean, destroy, parse, remove, rootUpdate, set, toggle } from './methods'
+import { add, apply, clean, destroy, parentUpdate, parse, remove, rootUpdate, set, toggle } from './methods'
 import { updateState } from './updateState'
 import { checkIfInherits, createInheritedState } from './inherit'
 
-export const createState = function (element, parent, opts) {
-  const skip = (opts && opts.skip) ? opts.skip : false
+export const createState = function (element, parent, options) {
+  const skip = (options && options.skip) ? options.skip : false
 
   const objectizeState = checkForTypes(element)
   if (objectizeState === false) return parent.state || {}
   else element.state = deepClone(objectizeState, IGNORE_STATE_PARAMS)
 
-  const whatInitReturns = triggerEventOn('stateInit', element)
+  const whatInitReturns = triggerEventOn('stateInit', element, options)
   if (whatInitReturns === false) return element.state
 
   if (checkIfInherits(element)) {
@@ -78,6 +78,7 @@ const applyMethods = (element) => {
   state.destroy = destroy
   state.update = updateState
   state.rootUpdate = rootUpdate
+  state.parentUpdate = parentUpdate
   state.create = createState
   state.add = add
   state.toggle = toggle

package/dist/cjs/createState.js

@@ -27,14 +27,14 @@ var import_ignore = require("./ignore");
 var import_methods = require("./methods");
 var import_updateState = require("./updateState");
 var import_inherit = require("./inherit");
-const createState = function(element, parent, opts) {
-  const skip = opts && opts.skip ? opts.skip : false;
+const createState = function(element, parent, options) {
+  const skip = options && options.skip ? options.skip : false;
   const objectizeState = checkForTypes(element);
   if (objectizeState === false)
     return parent.state || {};
   else
     element.state = (0, import_utils.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
-  const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element);
+  const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
   if (whatInitReturns === false)
     return element.state;
   if ((0, import_inherit.checkIfInherits)(element)) {
@@ -87,6 +87,7 @@ const applyMethods = (element) => {
   state.destroy = import_methods.destroy;
   state.update = import_updateState.updateState;
   state.rootUpdate = import_methods.rootUpdate;
+  state.parentUpdate = import_methods.parentUpdate;
   state.create = createState;
   state.add = import_methods.add;
   state.toggle = import_methods.toggle;

package/dist/cjs/ignore.js

@@ -33,6 +33,7 @@ const IGNORE_STATE_PARAMS = [
   "apply",
   "set",
   "rootUpdate",
+  "parentUpdate",
   "parent",
   "__element",
   "__depends",

package/dist/cjs/methods.js

@@ -22,6 +22,7 @@ __export(methods_exports, {
   apply: () => apply,
   clean: () => clean,
   destroy: () => destroy,
+  parentUpdate: () => parentUpdate,
   parse: () => parse,
   remove: () => remove,
   rootUpdate: () => rootUpdate,
@@ -53,13 +54,18 @@ const clean = function(options = {}) {
     }
   }
   if (!options.preventStateUpdate) {
-    state.update(state, { replace: true, skipOverwrite: true, options });
+    state.update(state, { replace: true, options });
   }
   return state;
 };
-const destroy = function() {
+const destroy = function(options = {}) {
   const state = this;
   const element = state.__element;
+  const stateKey = element.__ref.__state;
+  if ((0, import_utils.isString)(stateKey)) {
+    element.parent.state.remove(stateKey, { isHoisted: true, ...options });
+    return element.state;
+  }
   delete element.state;
   element.state = state.parent;
   if (state.parent) {
@@ -73,14 +79,19 @@ const destroy = function() {
       }
     }
   }
-  element.state.update();
+  element.state.update({}, { isHoisted: true, ...options });
   return element.state;
 };
+const parentUpdate = function(obj, options = {}) {
+  const state = this;
+  if (!state || !state.parent)
+    return;
+  return state.parent.update(obj, { isHoisted: true, ...options });
+};
 const rootUpdate = function(obj, options = {}) {
   const state = this;
   if (!state)
     return;
-  console.log(options);
   const rootState = state.__element.__ref.__root.state;
   return rootState.update(obj, options);
 };
@@ -88,7 +99,7 @@ const add = function(value, options = {}) {
   const state = this;
   if ((0, import_utils.isArray)(state)) {
     state.push(value);
-    state.update(state.parse(), { replace: true, ...options });
+    state.update(state.parse(), { overwrite: "replace", ...options });
   } else if ((0, import_utils.isObject)(state)) {
     const key = Object.keys(state).length;
     state.update({ [key]: value }, options);
@@ -100,7 +111,6 @@ const toggle = function(key, options = {}) {
 };
 const remove = function(key, options = {}) {
   const state = this;
-  console.log(state);
   if ((0, import_utils.isArray)(state))
     (0, import_utils.removeFromArray)(state, key);
   if ((0, import_utils.isObject)(state))
@@ -109,13 +119,12 @@ const remove = function(key, options = {}) {
 };
 const set = function(value, options = {}) {
   const state = this;
-  state.clean({ preventStateUpdate: true });
-  return state.update(value, { replace: true, ...options });
+  return state.clean({ preventStateUpdate: true }).update(value, { replace: true, ...options });
 };
 const apply = function(func, options = {}) {
   const state = this;
   if ((0, import_utils.isFunction)(func)) {
     func(state);
-    return state.update(state, { replace: true, ...options });
+    return state.update(state, { overwrite: "replace", ...options });
   }
 };

package/dist/cjs/updateState.js

@@ -27,12 +27,17 @@ var import_ignore = require("./ignore");
 var import_utils = require("@domql/utils");
 var import_inherit = require("./inherit");
 const STATE_UPDATE_OPTIONS = {
+  overwrite: true,
   preventHoistElementUpdate: false,
-  updateByState: true
+  updateByState: true,
+  execStateFunction: true,
+  stateFunctionOverwrite: "replace"
 };
 const updateState = function(obj, options = STATE_UPDATE_OPTIONS) {
   const state = this;
   const element = state.__element;
+  if (!options.updateByState)
+    (0, import_utils.merge)(options, STATE_UPDATE_OPTIONS);
   if (!state.__element)
     (0, import_report.report)("ElementOnStateIsNotDefined");
   if (options.preventInheritAtCurrentState === true) {
@@ -40,31 +45,33 @@ const updateState = function(obj, options = STATE_UPDATE_OPTIONS) {
   } else if (options.preventInheritAtCurrentState)
     return;
   if (!options.preventInitStateUpdateListener) {
-    const initStateUpdateReturns = (0, import_event.triggerEventOn)("initStateUpdated", element, obj);
+    const initStateUpdateReturns = (0, import_event.triggerEventOnUpdate)("initStateUpdated", obj, element, options);
     if (initStateUpdateReturns === false)
       return element;
   }
   applyOverwrite(state, obj, options);
-  const updateIsHousted = hoistStateUpdate(state, obj, options);
-  if (updateIsHousted)
+  const updateIsHoisted = hoistStateUpdate(state, obj, options);
+  if (updateIsHoisted)
     return state;
   updateDependentState(state, obj, options);
   applyElementUpdate(state, obj, options);
   if (!options.preventStateUpdateListener) {
-    (0, import_event.triggerEventOn)("stateUpdated", element, obj);
+    (0, import_event.triggerEventOnUpdate)("stateUpdated", obj, element, options);
   }
   return state;
 };
 const applyOverwrite = (state, obj, options) => {
-  const { skipOverwrite, shallow } = options;
-  if (skipOverwrite === "merge") {
+  const { overwrite } = options;
+  if (!overwrite)
+    return;
+  const shallow = overwrite === "shallow";
+  const merge2 = overwrite === "merge";
+  if (merge2) {
     (0, import_utils.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     return;
   }
-  if (!skipOverwrite) {
-    const overwriteFunc = shallow ? import_utils.overwriteShallow : import_utils.overwriteDeep;
-    overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
-  }
+  const overwriteFunc = shallow ? import_utils.overwriteShallow : import_utils.overwriteDeep;
+  overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
 };
 const hoistStateUpdate = (state, obj, options) => {
   const element = state.__element;
@@ -86,10 +93,17 @@ const hoistStateUpdate = (state, obj, options) => {
   if (options.replace)
     targetParent[stateKey] = value;
   targetParent.update(changesValue, {
+    execStateFunction: false,
+    stateFunctionOverwrite: false,
+    isHoisted: true,
     ...options,
     preventUpdate: options.preventHoistElementUpdate,
-    skipOverwrite: options.replace
+    overwrite: !options.replace
   });
+  const hasNotUpdated = !options.preventUpdate || !options.preventHoistElementUpdate;
+  if (!options.preventStateUpdateListener && hasNotUpdated) {
+    (0, import_event.triggerEventOnUpdate)("stateUpdated", obj, element, options);
+  }
   return true;
 };
 const updateDependentState = (state, obj, options) => {

package/ignore.js

@@ -2,5 +2,5 @@
 
 export const IGNORE_STATE_PARAMS = [
   'update', 'parse', 'clean', 'create', 'destroy', 'add', 'toggle', 'remove', 'apply', 'set',
-  'rootUpdate', 'parent', '__element', '__depends', '__ref', '__children', '__root'
+  'rootUpdate', 'parentUpdate', 'parent', '__element', '__depends', '__ref', '__children', '__root'
 ]

package/methods.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { isArray, isFunction, isObject, removeFromArray, removeFromObject } from '@domql/utils'
+import { isArray, isFunction, isObject, isString, removeFromArray, removeFromObject } from '@domql/utils'
 
 import { IGNORE_STATE_PARAMS } from './ignore'
 
@@ -27,14 +27,21 @@ export const clean = function (options = {}) {
     }
   }
   if (!options.preventStateUpdate) {
-    state.update(state, { replace: true, skipOverwrite: true, options })
+    state.update(state, { replace: true, options })
   }
   return state
 }
 
-export const destroy = function () {
+export const destroy = function (options = {}) {
   const state = this
   const element = state.__element
+
+  const stateKey = element.__ref.__state
+  if (isString(stateKey)) {
+    element.parent.state.remove(stateKey, { isHoisted: true, ...options })
+    return element.state
+  }
+
   delete element.state
   element.state = state.parent
 
@@ -51,14 +58,19 @@ export const destroy = function () {
     }
   }
 
-  element.state.update()
+  element.state.update({}, { isHoisted: true, ...options })
   return element.state
 }
 
+export const parentUpdate = function (obj, options = {}) {
+  const state = this
+  if (!state || !state.parent) return
+  return state.parent.update(obj, { isHoisted: true, ...options })
+}
+
 export const rootUpdate = function (obj, options = {}) {
   const state = this
   if (!state) return
-  console.log(options)
   const rootState = (state.__element.__ref.__root).state
   return rootState.update(obj, options)
 }
@@ -67,7 +79,7 @@ export const add = function (value, options = {}) {
   const state = this
   if (isArray(state)) {
     state.push(value)
-    state.update(state.parse(), { replace: true, ...options })
+    state.update(state.parse(), { overwrite: 'replace', ...options })
   } else if (isObject(state)) {
     const key = Object.keys(state).length
     state.update({ [key]: value }, options)
@@ -81,7 +93,6 @@ export const toggle = function (key, options = {}) {
 
 export const remove = function (key, options = {}) {
   const state = this
-  console.log(state)
   if (isArray(state)) removeFromArray(state, key)
   if (isObject(state)) removeFromObject(state, key)
   return state.update(state.parse(), { replace: true, ...options })
@@ -89,14 +100,14 @@ export const remove = function (key, options = {}) {
 
 export const set = function (value, options = {}) {
   const state = this
-  state.clean({ preventStateUpdate: true })
-  return state.update(value, { replace: true, ...options })
+  return state.clean({ preventStateUpdate: true })
+    .update(value, { replace: true, ...options })
 }
 
 export const apply = function (func, options = {}) {
   const state = this
   if (isFunction(func)) {
     func(state)
-    return state.update(state, { replace: true, ...options })
+    return state.update(state, { overwrite: 'replace', ...options })
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/state",
-  "version": "2.3.125",
+  "version": "2.3.127",
   "license": "MIT",
   "type": "module",
   "module": "dist/esm/index.js",
@@ -26,5 +26,5 @@
     "@domql/report": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "c62e01157f488334d07a8bbd67f892d617d48f06"
+  "gitHead": "8cefec8e0527a4cbd0ec964055435b00c28ec7c3"
 }

package/updateState.js

@@ -1,63 +1,65 @@
 'use strict'
 
 import { report } from '@domql/report'
-import { triggerEventOn } from '@domql/event'
+import { triggerEventOnUpdate } from '@domql/event'
 import { IGNORE_STATE_PARAMS } from './ignore'
-import { deepMerge, overwriteDeep, overwriteShallow } from '@domql/utils'
+import { deepMerge, merge, overwriteDeep, overwriteShallow } from '@domql/utils'
 import { checkIfInherits, createChangesByKey, findInheritedState, getParentStateInKey } from './inherit'
 
 const STATE_UPDATE_OPTIONS = {
+  overwrite: true,
   preventHoistElementUpdate: false,
-  updateByState: true
+  updateByState: true,
+  execStateFunction: true,
+  stateFunctionOverwrite: 'replace'
 }
 
 export const updateState = function (obj, options = STATE_UPDATE_OPTIONS) {
   const state = this
   const element = state.__element
 
+  if (!options.updateByState) merge(options, STATE_UPDATE_OPTIONS)
+
   if (!state.__element) report('ElementOnStateIsNotDefined')
   if (options.preventInheritAtCurrentState === true) {
     options.preventInheritAtCurrentState = state
   } else if (options.preventInheritAtCurrentState) return
 
   if (!options.preventInitStateUpdateListener) {
-    const initStateUpdateReturns = triggerEventOn('initStateUpdated', element, obj)
+    const initStateUpdateReturns = triggerEventOnUpdate('initStateUpdated', obj, element, options)
     if (initStateUpdateReturns === false) return element
   }
 
   applyOverwrite(state, obj, options)
 
-  const updateIsHousted = hoistStateUpdate(state, obj, options)
-  if (updateIsHousted) return state
+  const updateIsHoisted = hoistStateUpdate(state, obj, options)
+  if (updateIsHoisted) return state
 
   updateDependentState(state, obj, options)
 
   applyElementUpdate(state, obj, options)
 
   if (!options.preventStateUpdateListener) {
-    triggerEventOn('stateUpdated', element, obj)
+    triggerEventOnUpdate('stateUpdated', obj, element, options)
   }
 
   return state
 }
 
 const applyOverwrite = (state, obj, options) => {
-  const { skipOverwrite, shallow } = options
+  const { overwrite } = options
+  if (!overwrite) return
+
+  const shallow = overwrite === 'shallow'
+  const merge = overwrite === 'merge'
 
-  if (skipOverwrite === 'merge') {
+  if (merge) {
     deepMerge(state, obj, IGNORE_STATE_PARAMS)
     return
   }
 
-  // if (skipOverwrite === 'skipOverwrite') {
-  //   deepMerge(state, obj, IGNORE_STATE_PARAMS)
-  //   return
-  // }
-
-  if (!skipOverwrite) {
-    const overwriteFunc = shallow ? overwriteShallow : overwriteDeep
-    overwriteFunc(state, obj, IGNORE_STATE_PARAMS)
-  }
+  const overwriteFunc = shallow ? overwriteShallow : overwriteDeep
+  overwriteFunc(state, obj, IGNORE_STATE_PARAMS)
 }
 
 const hoistStateUpdate = (state, obj, options) => {
@@ -80,10 +82,17 @@ const hoistStateUpdate = (state, obj, options) => {
   const targetParent = findGrandParentState || parent.state
   if (options.replace) targetParent[stateKey] = value
   targetParent.update(changesValue, {
+    execStateFunction: false,
+    stateFunctionOverwrite: false,
+    isHoisted: true,
     ...options,
     preventUpdate: options.preventHoistElementUpdate,
-    skipOverwrite: options.replace
+    overwrite: !options.replace
   })
+  const hasNotUpdated = !options.preventUpdate || !options.preventHoistElementUpdate
+  if (!options.preventStateUpdateListener && hasNotUpdated) {
+    triggerEventOnUpdate('stateUpdated', obj, element, options)
+  }
   return true
 }