@domql/state 2.5.52 → 2.5.56

package/dist/cjs/inherit.js

@@ -19,16 +19,24 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var inherit_exports = {};
 __export(inherit_exports, {
   checkIfInherits: () => checkIfInherits,
-  createChangesByKey: () => createChangesByKey,
   createInheritedState: () => createInheritedState,
+  createNestedObjectByKeyPath: () => createNestedObjectByKeyPath,
   findInheritedState: () => findInheritedState,
   getChildStateInKey: () => getChildStateInKey,
   getParentStateInKey: () => getParentStateInKey,
+  getRootStateInKey: () => getRootStateInKey,
   isState: () => isState
 });
 module.exports = __toCommonJS(inherit_exports);
 var import_utils = require("@domql/utils");
 var import_ignore = require("./ignore");
+const getRootStateInKey = (stateKey, parentState) => {
+  if (!stateKey.includes("~/"))
+    return;
+  const arr = stateKey.split("~/");
+  if (arr.length > 1)
+    return parentState.__root;
+};
 const getParentStateInKey = (stateKey, parentState) => {
   if (!stateKey.includes("../"))
     return;
@@ -66,11 +74,17 @@ const findInheritedState = (element, parent, options = {}) => {
   let stateKey = ref.__state;
   if (!checkIfInherits(element))
     return;
+  const rootState = getRootStateInKey(stateKey, parent.state);
   let parentState = parent.state;
-  const findGrandParentState = getParentStateInKey(stateKey, parent.state);
-  if (findGrandParentState) {
-    parentState = findGrandParentState;
-    stateKey = stateKey.replaceAll("../", "");
+  if (rootState) {
+    parentState = rootState;
+    stateKey = stateKey.replaceAll("~/", "");
+  } else {
+    const findGrandParentState = getParentStateInKey(stateKey, parent.state);
+    if (findGrandParentState) {
+      parentState = findGrandParentState;
+      stateKey = stateKey.replaceAll("../", "");
+    }
   }
   if (!parentState)
     return;
@@ -101,7 +115,7 @@ const isState = function(state) {
     return false;
   return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
 };
-const createChangesByKey = (path, value) => {
+const createNestedObjectByKeyPath = (path, value) => {
   if (!path) {
     return value || {};
   }

package/dist/cjs/methods.js

@@ -112,7 +112,7 @@ const add = function(value, options = {}) {
   const state = this;
   if ((0, import_utils.isArray)(state)) {
     state.push(value);
-    state.update(state.parse(), { overwrite: "replace", ...options });
+    state.update(state.parse(), { overwrite: true, ...options });
   } else if ((0, import_utils.isObject)(state)) {
     const key = Object.keys(state).length;
     state.update({ [key]: value }, options);

package/dist/cjs/updateState.js

@@ -64,13 +64,15 @@ const applyOverwrite = (state, obj, options) => {
   const { overwrite } = options;
   if (!overwrite)
     return;
-  const shallow = overwrite === "shallow";
+  const shallow = overwrite === "shallow" || overwrite === "shallow-once";
   const merge2 = overwrite === "merge";
   if (merge2) {
     (0, import_utils.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     return;
   }
   const overwriteFunc = shallow ? import_utils.overwriteShallow : import_utils.overwriteDeep;
+  if (options.overwrite === "shallow-once")
+    options.overwrite = true;
   overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
 };
 const hoistStateUpdate = (state, obj, options) => {
@@ -88,17 +90,18 @@ const hoistStateUpdate = (state, obj, options) => {
   const isStringState = stateType === "string" || stateType === "number" || stateType === "boolean";
   const value = isStringState ? state.value : state.parse();
   const passedValue = isStringState ? state.value : obj;
+  const findRootState = (0, import_inherit.getRootStateInKey)(stateKey, parent.state);
   const findGrandParentState = (0, import_inherit.getParentStateInKey)(stateKey, parent.state);
-  const changesValue = (0, import_inherit.createChangesByKey)(stateKey, passedValue);
-  const targetParent = findGrandParentState || parent.state;
+  const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
+  const targetParent = findRootState || findGrandParentState || parent.state;
   if (options.replace)
     (0, import_utils.overwriteDeep)(targetParent, changesValue || value);
   targetParent.update(changesValue, {
     execStateFunction: false,
     isHoisted: true,
-    ...options,
     preventUpdate: options.preventHoistElementUpdate,
-    overwrite: !options.replace
+    overwrite: !options.replace,
+    ...options
   });
   const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate;
   if (!options.preventStateUpdateListener && hasNotUpdated) {

package/inherit.js

@@ -3,6 +3,12 @@
 import { deepCloneWithExtnd, is, isObjectLike, isUndefined } from '@domql/utils'
 import { IGNORE_STATE_PARAMS } from './ignore'
 
+export const getRootStateInKey = (stateKey, parentState) => {
+  if (!stateKey.includes('~/')) return
+  const arr = stateKey.split('~/')
+  if (arr.length > 1) return parentState.__root
+}
+
 export const getParentStateInKey = (stateKey, parentState) => {
   if (!stateKey.includes('../')) return
   const arr = stateKey.split('../')
@@ -39,11 +45,18 @@ export const findInheritedState = (element, parent, options = {}) => {
   let stateKey = ref.__state
   if (!checkIfInherits(element)) return
 
+  const rootState = getRootStateInKey(stateKey, parent.state)
   let parentState = parent.state
-  const findGrandParentState = getParentStateInKey(stateKey, parent.state)
-  if (findGrandParentState) {
-    parentState = findGrandParentState
-    stateKey = stateKey.replaceAll('../', '')
+
+  if (rootState) {
+    parentState = rootState
+    stateKey = stateKey.replaceAll('~/', '')
+  } else {
+    const findGrandParentState = getParentStateInKey(stateKey, parent.state)
+    if (findGrandParentState) {
+      parentState = findGrandParentState
+      stateKey = stateKey.replaceAll('../', '')
+    }
   }
 
   if (!parentState) return
@@ -91,7 +104,7 @@ export const isState = function (state) {
   // return arrayContainsOtherArray(keys, ['update', 'parse', 'clean', 'create', 'parent', 'rootUpdate'])
 }
 
-export const createChangesByKey = (path, value) => {
+export const createNestedObjectByKeyPath = (path, value) => {
   if (!path) {
     return value || {}
   }

package/methods.js

@@ -88,7 +88,7 @@ export const add = function (value, options = {}) {
   const state = this
   if (isArray(state)) {
     state.push(value)
-    state.update(state.parse(), { overwrite: 'replace', ...options })
+    state.update(state.parse(), { overwrite: true, ...options })
   } else if (isObject(state)) {
     const key = Object.keys(state).length
     state.update({ [key]: value }, options)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/state",
-  "version": "2.5.52",
+  "version": "2.5.56",
   "license": "MIT",
   "type": "module",
   "module": "dist/esm/index.js",
@@ -31,5 +31,5 @@
     "@domql/report": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "d417eb4852233ff71f790eae23b67b521e80c4f9"
+  "gitHead": "a832fd0b6d8c39f16e6c7b2b61ab6c3dccd1f539"
 }

package/updateState.js

@@ -4,7 +4,7 @@ import { report } from '@domql/report'
 import { triggerEventOnUpdate } from '@domql/event'
 import { IGNORE_STATE_PARAMS } from './ignore'
 import { deepMerge, merge, overwriteDeep, overwriteShallow } from '@domql/utils'
-import { checkIfInherits, createChangesByKey, findInheritedState, getParentStateInKey } from './inherit'
+import { checkIfInherits, createNestedObjectByKeyPath, findInheritedState, getParentStateInKey, getRootStateInKey } from './inherit'
 
 const STATE_UPDATE_OPTIONS = {
   overwrite: true,
@@ -49,7 +49,7 @@ const applyOverwrite = (state, obj, options) => {
   const { overwrite } = options
   if (!overwrite) return
 
-  const shallow = overwrite === 'shallow'
+  const shallow = overwrite === 'shallow' || overwrite === 'shallow-once'
   const merge = overwrite === 'merge'
 
   if (merge) {
@@ -58,6 +58,7 @@ const applyOverwrite = (state, obj, options) => {
   }
 
   const overwriteFunc = shallow ? overwriteShallow : overwriteDeep
+  if (options.overwrite === 'shallow-once') options.overwrite = true
   overwriteFunc(state, obj, IGNORE_STATE_PARAMS)
 }
 
@@ -77,16 +78,17 @@ const hoistStateUpdate = (state, obj, options) => {
   const value = isStringState ? state.value : state.parse()
   const passedValue = isStringState ? state.value : obj
 
+  const findRootState = getRootStateInKey(stateKey, parent.state)
   const findGrandParentState = getParentStateInKey(stateKey, parent.state)
-  const changesValue = createChangesByKey(stateKey, passedValue)
-  const targetParent = findGrandParentState || parent.state
-  if (options.replace) overwriteDeep(targetParent, changesValue || value) // check with createChangesByKey
+  const changesValue = createNestedObjectByKeyPath(stateKey, passedValue)
+  const targetParent = findRootState || findGrandParentState || parent.state
+  if (options.replace) overwriteDeep(targetParent, changesValue || value) // check with createNestedObjectByKeyPath
   targetParent.update(changesValue, {
     execStateFunction: false,
     isHoisted: true,
-    ...options,
     preventUpdate: options.preventHoistElementUpdate,
-    overwrite: !options.replace
+    overwrite: !options.replace,
+    ...options
   })
   const hasNotUpdated = options.preventUpdate !== true || !options.preventHoistElementUpdate
   if (!options.preventStateUpdateListener && hasNotUpdated) {