@domql/element 2.5.130 → 2.5.132

package/create.js

@@ -228,7 +228,15 @@ const renderElement = (element, parent, options, attachOptions) => {
     createNode(element, options)
     ref.__uniqId = Math.random()
   } catch (e) {
-    if (ENV === 'test' || ENV === 'development') console.warn(element, e)
+    if (ENV === 'test' || ENV === 'development') {
+      const path = ref.__path
+      if (path.includes('ComponentsGrid')) path.splice(0, path.indexOf('ComponentsGrid') + 2)
+      if (path.includes('demoComponent')) path.splice(0, path.indexOf('demoComponent') + 1)
+      const isDemoComponent = element.lookup(el => el.state.key)?.state?.key
+      console.warn('Error happened in:', isDemoComponent ? isDemoComponent + ' ' : '' + path.join('.'))
+      console.warn(element)
+      console.error(e)
+    }
   }
 
   if (!ref.__if) {

package/dist/cjs/create.js

@@ -169,6 +169,7 @@ const addElementIntoParentChildren = (element, parent) => {
 };
 const visitedElements = /* @__PURE__ */ new WeakMap();
 const renderElement = (element, parent, options, attachOptions) => {
+  var _a, _b;
   if (visitedElements.has(element)) {
     if (ENV === "test" || ENV === "development")
       console.warn("Cyclic rendering detected:", element.__ref.__path);
@@ -182,8 +183,17 @@ const renderElement = (element, parent, options, attachOptions) => {
     (0, import_node.default)(element, options);
     ref.__uniqId = Math.random();
   } catch (e) {
-    if (ENV === "test" || ENV === "development")
-      console.warn(element, e);
+    if (ENV === "test" || ENV === "development") {
+      const path = ref.__path;
+      if (path.includes("ComponentsGrid"))
+        path.splice(0, path.indexOf("ComponentsGrid") + 2);
+      if (path.includes("demoComponent"))
+        path.splice(0, path.indexOf("demoComponent") + 1);
+      const isDemoComponent = (_b = (_a = element.lookup((el) => el.state.key)) == null ? void 0 : _a.state) == null ? void 0 : _b.key;
+      console.warn("Error happened in:", isDemoComponent ? isDemoComponent + " " : "" + path.join("."));
+      console.warn(element);
+      console.error(e);
+    }
   }
   if (!ref.__if) {
     parent[key || element.key] = element;

package/dist/cjs/update.js

@@ -109,7 +109,6 @@ const update = function(params = {}, opts) {
     return;
   }
   const {
-    onlyUpdate,
     preventUpdate,
     preventDefineUpdate,
     preventContentUpdate,
@@ -134,11 +133,10 @@ const update = function(params = {}, opts) {
     }
     if (!Object.hasOwnProperty.call(element, param))
       continue;
-    const hasOnlyUpdateFalsy = onlyUpdate && (onlyUpdate !== param || !element.lookup(onlyUpdate));
     const isInPreventUpdate = (0, import_utils.isArray)(preventUpdate) && preventUpdate.includes(param);
     const isInPreventDefineUpdate = (0, import_utils.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
     const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-    if ((0, import_utils.isUndefined)(prop) || hasOnlyUpdateFalsy || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_utils.isVariant)(param))
+    if ((0, import_utils.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param) || (0, import_utils.isObject)(import_mixins.registry[param]) || (0, import_utils.isVariant)(param))
       continue;
     if (preventStateUpdate === "once")
       options.preventStateUpdate = false;

package/dist/cjs/utils/applyParam.js

@@ -26,6 +26,7 @@ var import_mixins = require("../mixins");
 const applyParam = (param, element, options) => {
   const { node, context, __ref: ref } = element;
   const prop = element[param];
+  const { onlyUpdate } = options;
   const DOMQLProperty = import_mixins.registry[param];
   const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
   const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
@@ -33,7 +34,8 @@ const applyParam = (param, element, options) => {
   const hasContextDefine = context && context.define && context.define[param];
   if (!ref.__if)
     return;
-  if (isGlobalTransformer && !hasContextDefine) {
+  const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
+  if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
     if ((0, import_utils.isFunction)(isGlobalTransformer)) {
       isGlobalTransformer(prop, element, node, options);
       return;

package/extend.js

@@ -37,6 +37,9 @@ export const applyExtend = (element, parent, options = {}) => {
     if (!options.ignoreChildExtend && !(props && props.ignoreChildExtend)) {
       childExtendStack = getExtendStack(parent.childExtend, context)
 
+      // if (!options.ignoreChildExtend && !(props && exec(props, element).ignoreChildExtend)) {
+      //   const ignoreChildExtendRecursive = props && exec(props, element).ignoreChildExtendRecursive
+
       const ignoreChildExtendRecursive = props && props.ignoreChildExtendRecursive
       if (parent.childExtendRecursive && !ignoreChildExtendRecursive) {
         const canExtendRecursive = element.key !== '__text'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/element",
-  "version": "2.5.130",
+  "version": "2.5.132",
   "license": "MIT",
   "type": "module",
   "module": "index.js",
@@ -32,7 +32,7 @@
     "@domql/state": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "88815c621b7aeb9458c779643934c0d2e5305cd2",
+  "gitHead": "d4f45522f7132c6d8413f7babae9c1780eb70300",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }

package/update.js

@@ -101,7 +101,7 @@ const update = function (params = {}, opts) {
   }
 
   const {
-    onlyUpdate, preventUpdate, preventDefineUpdate, preventContentUpdate, preventStateUpdate,
+    preventUpdate, preventDefineUpdate, preventContentUpdate, preventStateUpdate,
     preventRecursive, preventUpdateListener, preventUpdateAfter, preventUpdateAfterCount
   } = options
 
@@ -120,7 +120,6 @@ const update = function (params = {}, opts) {
 
     if (!Object.hasOwnProperty.call(element, param)) continue
 
-    const hasOnlyUpdateFalsy = onlyUpdate && (onlyUpdate !== param || !element.lookup(onlyUpdate))
     const isInPreventUpdate = isArray(preventUpdate) && preventUpdate.includes(param)
     const isInPreventDefineUpdate = isArray(preventDefineUpdate) && preventDefineUpdate.includes(param)
 
@@ -128,7 +127,6 @@ const update = function (params = {}, opts) {
 
     if (
       isUndefined(prop) ||
-      hasOnlyUpdateFalsy ||
       isInPreventUpdate ||
       isInPreventDefineUpdate ||
       preventDefineUpdate === true ||
@@ -137,6 +135,7 @@ const update = function (params = {}, opts) {
       (preventStateUpdate && param) === 'state' ||
       isMethod(param) || isObject(registry[param]) || isVariant(param)
     ) continue
+
     if (preventStateUpdate === 'once') options.preventStateUpdate = false
 
     const isElement = applyParam(param, element, options)

package/utils/applyParam.js

@@ -7,6 +7,8 @@ export const applyParam = (param, element, options) => {
   const { node, context, __ref: ref } = element
   const prop = element[param]
 
+  const { onlyUpdate } = options
+
   const DOMQLProperty = registry[param]
   const DOMQLPropertyFromContext = context && context.registry && context.registry[param]
   const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty
@@ -16,7 +18,9 @@ export const applyParam = (param, element, options) => {
 
   if (!ref.__if) return
 
-  if (isGlobalTransformer && !hasContextDefine) {
+  const hasOnlyUpdate = onlyUpdate ? (onlyUpdate === param || element.lookup(onlyUpdate)) : true
+
+  if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
     if (isFunction(isGlobalTransformer)) {
       isGlobalTransformer(prop, element, node, options)
       return