@domql/utils 3.5.0 → 3.6.1

package/dist/cjs/extends.js

@@ -52,6 +52,7 @@ var import_component = require("./component.js");
 var import_object = require("./object.js");
 var import_types = require("./types.js");
 const ENV = process.env.NODE_ENV;
+const isSourcemapEnabled = (options) => options.sourcemap !== false && ENV !== "production";
 const createExtendsFromKeys = (key) => {
   if (key.includes("+")) {
     return key.split("+").filter(import_component.matchesComponentNaming);
@@ -126,17 +127,17 @@ const getExtendsStackRegistry = (extend, stack) => {
   }
   return setHashedExtend(extend, stack);
 };
-const extractArrayExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const extractArrayExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, componentNameMap) => {
   for (const each of extend) {
     if ((0, import_types.isArray)(each)) {
-      extractArrayExtend(each, stack, context, processed);
+      extractArrayExtend(each, stack, context, processed, nameStack, componentNameMap);
     } else {
-      flattenExtend(each, stack, context, processed);
+      flattenExtend(each, stack, context, processed, nameStack, void 0, componentNameMap);
     }
   }
   return stack;
 };
-const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, currentName, componentNameMap) => {
   const extendOflattenExtend = extend.extends || extend.extend;
   const cleanExtend = { ...extend };
   delete cleanExtend.extends;
@@ -148,26 +149,32 @@ const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(
   }
   if (hasKeys) {
     stack.push(cleanExtend);
+    if (nameStack) nameStack.push(currentName);
   }
   if (extendOflattenExtend) {
-    flattenExtend(extendOflattenExtend, stack, context, processed);
+    flattenExtend(extendOflattenExtend, stack, context, processed, nameStack, currentName, componentNameMap);
   }
   return stack;
 };
-const flattenExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const flattenExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, parentName, componentNameMap) => {
   if (!extend) return stack;
   if (processed.has(extend)) return stack;
   if ((0, import_types.isArray)(extend)) {
-    return extractArrayExtend(extend, stack, context, processed);
+    return extractArrayExtend(extend, stack, context, processed, nameStack, componentNameMap);
   }
+  let currentName = parentName;
   if ((0, import_types.isString)(extend)) {
+    currentName = extend;
     extend = mapStringsWithContextComponents(extend, context);
+  } else if (componentNameMap && (0, import_types.isObject)(extend) && componentNameMap.has(extend)) {
+    currentName = componentNameMap.get(extend);
   }
   processed.add(extend);
   if (extend?.extends || extend?.extend) {
-    deepExtend(extend, stack, context, processed);
+    deepExtend(extend, stack, context, processed, nameStack, currentName, componentNameMap);
   } else if (extend) {
     stack.push(extend);
+    if (nameStack) nameStack.push(currentName);
   }
   return stack;
 };
@@ -180,7 +187,7 @@ const MERGE_EXTENDS_SKIP = /* @__PURE__ */ new Set([
   "childExtend",
   "childExtendRecursive"
 ]);
-const deepMergeExtends = (element, extend) => {
+const deepMergeExtends = (element, extend, sourcemap, sourceName, preBuiltSourcemap) => {
   extend = (0, import_object.deepClone)(extend);
   for (const e in extend) {
     if (MERGE_EXTENDS_SKIP.has(e)) continue;
@@ -190,11 +197,23 @@ const deepMergeExtends = (element, extend) => {
     if (Object.prototype.hasOwnProperty.call(extend, e) && e !== "__proto__" && e !== "constructor" && e !== "prototype") {
       if (elementProp === void 0) {
         element[e] = extendProp;
+        if (sourcemap && sourceName) {
+          if ((0, import_types.isObject)(extendProp) && !(0, import_types.isArray)(extendProp)) {
+            sourcemap[e] = sourcemap[e] || {};
+            trackSourcemapDeep(sourcemap[e], extendProp, sourceName);
+          } else {
+            sourcemap[e] = sourceName;
+          }
+        } else if (sourcemap && preBuiltSourcemap?.[e]) {
+          sourcemap[e] = preBuiltSourcemap[e];
+        }
       } else if ((0, import_types.isObject)(elementProp) && (0, import_types.isObject)(extendProp)) {
+        const nestedSourcemap = sourcemap ? sourcemap[e] = sourcemap[e] || {} : void 0;
+        const nestedPreBuilt = preBuiltSourcemap?.[e];
         if ((0, import_component.matchesComponentNaming)(e)) {
-          element[e] = deepMergeExtends(elementProp, extendProp);
+          element[e] = deepMergeExtends(elementProp, extendProp, nestedSourcemap, sourceName, nestedPreBuilt);
         } else {
-          deepMergeExtends(elementProp, extendProp);
+          deepMergeExtends(elementProp, extendProp, nestedSourcemap, sourceName, nestedPreBuilt);
         }
       }
       if (e === "extends" || e === "childExtends" || e === "childExtendsRecursive") {
@@ -209,10 +228,24 @@ const deepMergeExtends = (element, extend) => {
   }
   return element;
 };
-const cloneAndMergeArrayExtend = (stack) => {
-  return stack.reduce((acc, current) => {
+const trackSourcemapDeep = (sourcemap, obj, sourceName) => {
+  for (const key in obj) {
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (key === "__proto__" || key === "constructor" || key === "prototype") continue;
+    const val = obj[key];
+    if ((0, import_types.isObject)(val) && !(0, import_types.isArray)(val)) {
+      sourcemap[key] = sourcemap[key] || {};
+      trackSourcemapDeep(sourcemap[key], val, sourceName);
+    } else {
+      sourcemap[key] = sourceName;
+    }
+  }
+};
+const cloneAndMergeArrayExtend = (stack, sourcemap, extendNames) => {
+  return stack.reduce((acc, current, i) => {
     const cloned = (0, import_object.deepClone)(current);
-    return deepMergeExtends(acc, cloned);
+    const sourceName = extendNames ? extendNames[i] : void 0;
+    return deepMergeExtends(acc, cloned, sourcemap, sourceName);
   }, {});
 };
 const mapStringsWithContextComponents = (extend, context, options = {}, variant) => {
@@ -235,11 +268,12 @@ const mapStringsWithContextComponents = (extend, context, options = {}, variant)
 const jointStacks = (extendStack, childExtendsStack) => {
   return [].concat(extendStack.slice(0, 1)).concat(childExtendsStack.slice(0, 1)).concat(extendStack.slice(1)).concat(childExtendsStack.slice(1));
 };
-const getExtendsStack = (extend, context) => {
+const getExtendsStack = (extend, context, nameStack, componentNameMap) => {
   if (!extend) return [];
   if (extend.__hash) return getHashedExtend(extend) || [];
   const processed = /* @__PURE__ */ new Set();
-  const stack = flattenExtend(extend, [], context, processed);
+  const stack = flattenExtend(extend, [], context, processed, nameStack, void 0, componentNameMap);
+  if (nameStack) return stack;
   return getExtendsStackRegistry(extend, stack);
 };
 const addExtend = (newExtends, elementExtends) => {
@@ -346,6 +380,8 @@ const createExtendsStack = (element, parent, options = {}) => {
   const { props, __ref: ref } = element;
   const context = element.context || parent.context;
   const variant = element.variant || props?.variant;
+  const sourcemap = isSourcemapEnabled(options);
+  const originalExtendNames = sourcemap ? [...ref.__extends] : null;
   const __extends = (0, import_array.removeDuplicatesInArray)(
     ref.__extends.map((val, i) => {
       return mapStringsWithContextComponents(
@@ -356,15 +392,40 @@ const createExtendsStack = (element, parent, options = {}) => {
       );
     })
   );
-  const stack = getExtendsStack(__extends, context);
-  ref.__extendsStack = stack;
+  if (sourcemap) {
+    const componentNameMap = /* @__PURE__ */ new WeakMap();
+    for (let i = 0; i < __extends.length; i++) {
+      const resolved = __extends[i];
+      const originalName = originalExtendNames[i];
+      if (resolved && (0, import_types.isObject)(resolved) && (0, import_types.isString)(originalName)) {
+        componentNameMap.set(resolved, originalName);
+      }
+    }
+    const nameStack = [];
+    const stack = getExtendsStack(__extends, context, nameStack, componentNameMap);
+    ref.__extendsStack = stack;
+    ref.__extendsNames = nameStack;
+  } else {
+    const stack = getExtendsStack(__extends, context);
+    ref.__extendsStack = stack;
+  }
   return ref.__extendsStack;
 };
 const finalizeExtends = (element, parent, options = {}) => {
   const { __ref: ref } = element;
   const { __extendsStack } = ref;
-  const flattenExtends = cloneAndMergeArrayExtend(__extendsStack);
-  return deepMergeExtends(element, flattenExtends);
+  if (isSourcemapEnabled(options)) {
+    const sourcemapAcc = {};
+    const extendNames = ref.__extendsNames || [];
+    const flattenExtends = cloneAndMergeArrayExtend(__extendsStack, sourcemapAcc, extendNames);
+    const appliedSourcemap = {};
+    deepMergeExtends(element, flattenExtends, appliedSourcemap, void 0, sourcemapAcc);
+    ref.__sourcemap = appliedSourcemap;
+  } else {
+    const flattenExtends = cloneAndMergeArrayExtend(__extendsStack);
+    deepMergeExtends(element, flattenExtends);
+  }
+  return element;
 };
 const applyExtends = (element, parent, options = {}) => {
   createElementExtends(element, parent, options);

package/dist/cjs/methods.js

@@ -353,7 +353,20 @@ function variables(obj = {}) {
 }
 function call(fnKey, ...args) {
   const context = this.context;
-  return (context.utils?.[fnKey] || context.functions?.[fnKey] || context.methods?.[fnKey] || context.snippets?.[fnKey])?.call(this, ...args);
+  const fn = context.utils?.[fnKey] || context.functions?.[fnKey] || context.methods?.[fnKey] || context.snippets?.[fnKey];
+  if (!fn) return;
+  try {
+    const result = fn.call(this, ...args);
+    if (result && typeof result.then === "function") {
+      result.catch((err) => {
+        this.error = err;
+      });
+    }
+    return result;
+  } catch (err) {
+    this.error = err;
+    if (context?.strictMode) throw err;
+  }
 }
 function isMethod(param, element) {
   return Boolean(import_keys.METHODS.has(param) || element?.context?.methods?.[param]);

package/dist/cjs/node.js

@@ -31,5 +31,5 @@ const isHtmlElement = (obj) => {
   return (typeof HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
 };
 const isDOMNode = (obj) => {
-  return typeof import_globals.window !== "undefined" && (obj instanceof import_globals.window.Node || obj instanceof import_globals.window.Window || obj === import_globals.window || obj === document);
+  return typeof import_globals.window !== "undefined" && (import_globals.window.Node && obj instanceof import_globals.window.Node || import_globals.window.Window && obj instanceof import_globals.window.Window || obj === import_globals.window || obj === document);
 };

package/dist/cjs/props.js

@@ -43,6 +43,30 @@ var import_types = require("./types.js");
 var import_string = require("./string.js");
 const RE_UPPER = /^[A-Z]/;
 const RE_DIGITS = /^\d+$/;
+const ELEMENT_INDICATOR_KEYS = /* @__PURE__ */ new Set([
+  "extend",
+  "props",
+  "text",
+  "tag",
+  "on",
+  "if",
+  "childExtend",
+  "children",
+  "childrenAs",
+  "state",
+  "html",
+  "attr",
+  "define",
+  "content"
+]);
+const looksLikeElement = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  for (const k in value) {
+    if (ELEMENT_INDICATOR_KEYS.has(k)) return true;
+    if (RE_UPPER.test(k)) return true;
+  }
+  return false;
+};
 const createProps = (element, parent, key) => {
   const { props, __ref: ref } = element;
   ref.__propsStack = [];
@@ -67,7 +91,7 @@ function pickupPropsFromElement(obj, opts = {}) {
     }
     const hasDefine = (0, import_types.isObject)(this.define?.[key]);
     const hasGlobalDefine = (0, import_types.isObject)(this.context?.define?.[key]);
-    const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key);
+    const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key) || looksLikeElement(value);
     const isBuiltin = import_keys.DOMQ_PROPERTIES.has(key);
     if (!isElement && !isBuiltin && !hasDefine && !hasGlobalDefine) {
       obj.props[key] = value;

package/dist/cjs/triggerEvent.js

@@ -35,18 +35,26 @@ const getOnOrPropsEvent = (param, element) => {
 };
 const applyEvent = (param, element, state, context, options) => {
   if (!(0, import_types.isFunction)(param)) return;
-  const result = param.call(
-    element,
-    element,
-    state || element.state,
-    context || element.context,
-    options
-  );
-  if (result && typeof result.then === "function") {
-    result.catch(() => {
-    });
+  try {
+    const result = param.call(
+      element,
+      element,
+      state || element.state,
+      context || element.context,
+      options
+    );
+    if (result && typeof result.then === "function") {
+      result.catch((err) => {
+        element.error = err;
+        console.error("[DomQL] Async event error:", err);
+      });
+    }
+    return result;
+  } catch (err) {
+    element.error = err;
+    console.error("[DomQL] Event handler error:", err);
+    if (element.context?.strictMode) throw err;
   }
-  return result;
 };
 const triggerEventOn = (param, element, options) => {
   if (!element) {
@@ -60,19 +68,27 @@ const triggerEventOn = (param, element, options) => {
 };
 const applyEventUpdate = (param, updatedObj, element, state, context, options) => {
   if (!(0, import_types.isFunction)(param)) return;
-  const result = param.call(
-    element,
-    updatedObj,
-    element,
-    state || element.state,
-    context || element.context,
-    options
-  );
-  if (result && typeof result.then === "function") {
-    result.catch(() => {
-    });
+  try {
+    const result = param.call(
+      element,
+      updatedObj,
+      element,
+      state || element.state,
+      context || element.context,
+      options
+    );
+    if (result && typeof result.then === "function") {
+      result.catch((err) => {
+        element.error = err;
+        console.error("[DomQL] Async event update error:", err);
+      });
+    }
+    return result;
+  } catch (err) {
+    element.error = err;
+    console.error("[DomQL] Event update error:", err);
+    if (element.context?.strictMode) throw err;
   }
-  return result;
 };
 const triggerEventOnUpdate = (param, updatedObj, element, options) => {
   const appliedFunction = getOnOrPropsEvent(param, element);

package/dist/esm/extends.js

@@ -3,6 +3,7 @@ import { matchesComponentNaming } from "./component.js";
 import { deepClone, exec } from "./object.js";
 import { isArray, isObject, isString } from "./types.js";
 const ENV = process.env.NODE_ENV;
+const isSourcemapEnabled = (options) => options.sourcemap !== false && ENV !== "production";
 const createExtendsFromKeys = (key) => {
   if (key.includes("+")) {
     return key.split("+").filter(matchesComponentNaming);
@@ -77,17 +78,17 @@ const getExtendsStackRegistry = (extend, stack) => {
   }
   return setHashedExtend(extend, stack);
 };
-const extractArrayExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const extractArrayExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, componentNameMap) => {
   for (const each of extend) {
     if (isArray(each)) {
-      extractArrayExtend(each, stack, context, processed);
+      extractArrayExtend(each, stack, context, processed, nameStack, componentNameMap);
     } else {
-      flattenExtend(each, stack, context, processed);
+      flattenExtend(each, stack, context, processed, nameStack, void 0, componentNameMap);
     }
   }
   return stack;
 };
-const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, currentName, componentNameMap) => {
   const extendOflattenExtend = extend.extends || extend.extend;
   const cleanExtend = { ...extend };
   delete cleanExtend.extends;
@@ -99,26 +100,32 @@ const deepExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(
   }
   if (hasKeys) {
     stack.push(cleanExtend);
+    if (nameStack) nameStack.push(currentName);
   }
   if (extendOflattenExtend) {
-    flattenExtend(extendOflattenExtend, stack, context, processed);
+    flattenExtend(extendOflattenExtend, stack, context, processed, nameStack, currentName, componentNameMap);
   }
   return stack;
 };
-const flattenExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set()) => {
+const flattenExtend = (extend, stack, context, processed = /* @__PURE__ */ new Set(), nameStack, parentName, componentNameMap) => {
   if (!extend) return stack;
   if (processed.has(extend)) return stack;
   if (isArray(extend)) {
-    return extractArrayExtend(extend, stack, context, processed);
+    return extractArrayExtend(extend, stack, context, processed, nameStack, componentNameMap);
   }
+  let currentName = parentName;
   if (isString(extend)) {
+    currentName = extend;
     extend = mapStringsWithContextComponents(extend, context);
+  } else if (componentNameMap && isObject(extend) && componentNameMap.has(extend)) {
+    currentName = componentNameMap.get(extend);
   }
   processed.add(extend);
   if (extend?.extends || extend?.extend) {
-    deepExtend(extend, stack, context, processed);
+    deepExtend(extend, stack, context, processed, nameStack, currentName, componentNameMap);
   } else if (extend) {
     stack.push(extend);
+    if (nameStack) nameStack.push(currentName);
   }
   return stack;
 };
@@ -131,7 +138,7 @@ const MERGE_EXTENDS_SKIP = /* @__PURE__ */ new Set([
   "childExtend",
   "childExtendRecursive"
 ]);
-const deepMergeExtends = (element, extend) => {
+const deepMergeExtends = (element, extend, sourcemap, sourceName, preBuiltSourcemap) => {
   extend = deepClone(extend);
   for (const e in extend) {
     if (MERGE_EXTENDS_SKIP.has(e)) continue;
@@ -141,11 +148,23 @@ const deepMergeExtends = (element, extend) => {
     if (Object.prototype.hasOwnProperty.call(extend, e) && e !== "__proto__" && e !== "constructor" && e !== "prototype") {
       if (elementProp === void 0) {
         element[e] = extendProp;
+        if (sourcemap && sourceName) {
+          if (isObject(extendProp) && !isArray(extendProp)) {
+            sourcemap[e] = sourcemap[e] || {};
+            trackSourcemapDeep(sourcemap[e], extendProp, sourceName);
+          } else {
+            sourcemap[e] = sourceName;
+          }
+        } else if (sourcemap && preBuiltSourcemap?.[e]) {
+          sourcemap[e] = preBuiltSourcemap[e];
+        }
       } else if (isObject(elementProp) && isObject(extendProp)) {
+        const nestedSourcemap = sourcemap ? sourcemap[e] = sourcemap[e] || {} : void 0;
+        const nestedPreBuilt = preBuiltSourcemap?.[e];
         if (matchesComponentNaming(e)) {
-          element[e] = deepMergeExtends(elementProp, extendProp);
+          element[e] = deepMergeExtends(elementProp, extendProp, nestedSourcemap, sourceName, nestedPreBuilt);
         } else {
-          deepMergeExtends(elementProp, extendProp);
+          deepMergeExtends(elementProp, extendProp, nestedSourcemap, sourceName, nestedPreBuilt);
         }
       }
       if (e === "extends" || e === "childExtends" || e === "childExtendsRecursive") {
@@ -160,10 +179,24 @@ const deepMergeExtends = (element, extend) => {
   }
   return element;
 };
-const cloneAndMergeArrayExtend = (stack) => {
-  return stack.reduce((acc, current) => {
+const trackSourcemapDeep = (sourcemap, obj, sourceName) => {
+  for (const key in obj) {
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (key === "__proto__" || key === "constructor" || key === "prototype") continue;
+    const val = obj[key];
+    if (isObject(val) && !isArray(val)) {
+      sourcemap[key] = sourcemap[key] || {};
+      trackSourcemapDeep(sourcemap[key], val, sourceName);
+    } else {
+      sourcemap[key] = sourceName;
+    }
+  }
+};
+const cloneAndMergeArrayExtend = (stack, sourcemap, extendNames) => {
+  return stack.reduce((acc, current, i) => {
     const cloned = deepClone(current);
-    return deepMergeExtends(acc, cloned);
+    const sourceName = extendNames ? extendNames[i] : void 0;
+    return deepMergeExtends(acc, cloned, sourcemap, sourceName);
   }, {});
 };
 const mapStringsWithContextComponents = (extend, context, options = {}, variant) => {
@@ -186,11 +219,12 @@ const mapStringsWithContextComponents = (extend, context, options = {}, variant)
 const jointStacks = (extendStack, childExtendsStack) => {
   return [].concat(extendStack.slice(0, 1)).concat(childExtendsStack.slice(0, 1)).concat(extendStack.slice(1)).concat(childExtendsStack.slice(1));
 };
-const getExtendsStack = (extend, context) => {
+const getExtendsStack = (extend, context, nameStack, componentNameMap) => {
   if (!extend) return [];
   if (extend.__hash) return getHashedExtend(extend) || [];
   const processed = /* @__PURE__ */ new Set();
-  const stack = flattenExtend(extend, [], context, processed);
+  const stack = flattenExtend(extend, [], context, processed, nameStack, void 0, componentNameMap);
+  if (nameStack) return stack;
   return getExtendsStackRegistry(extend, stack);
 };
 const addExtend = (newExtends, elementExtends) => {
@@ -297,6 +331,8 @@ const createExtendsStack = (element, parent, options = {}) => {
   const { props, __ref: ref } = element;
   const context = element.context || parent.context;
   const variant = element.variant || props?.variant;
+  const sourcemap = isSourcemapEnabled(options);
+  const originalExtendNames = sourcemap ? [...ref.__extends] : null;
   const __extends = removeDuplicatesInArray(
     ref.__extends.map((val, i) => {
       return mapStringsWithContextComponents(
@@ -307,15 +343,40 @@ const createExtendsStack = (element, parent, options = {}) => {
       );
     })
   );
-  const stack = getExtendsStack(__extends, context);
-  ref.__extendsStack = stack;
+  if (sourcemap) {
+    const componentNameMap = /* @__PURE__ */ new WeakMap();
+    for (let i = 0; i < __extends.length; i++) {
+      const resolved = __extends[i];
+      const originalName = originalExtendNames[i];
+      if (resolved && isObject(resolved) && isString(originalName)) {
+        componentNameMap.set(resolved, originalName);
+      }
+    }
+    const nameStack = [];
+    const stack = getExtendsStack(__extends, context, nameStack, componentNameMap);
+    ref.__extendsStack = stack;
+    ref.__extendsNames = nameStack;
+  } else {
+    const stack = getExtendsStack(__extends, context);
+    ref.__extendsStack = stack;
+  }
   return ref.__extendsStack;
 };
 const finalizeExtends = (element, parent, options = {}) => {
   const { __ref: ref } = element;
   const { __extendsStack } = ref;
-  const flattenExtends = cloneAndMergeArrayExtend(__extendsStack);
-  return deepMergeExtends(element, flattenExtends);
+  if (isSourcemapEnabled(options)) {
+    const sourcemapAcc = {};
+    const extendNames = ref.__extendsNames || [];
+    const flattenExtends = cloneAndMergeArrayExtend(__extendsStack, sourcemapAcc, extendNames);
+    const appliedSourcemap = {};
+    deepMergeExtends(element, flattenExtends, appliedSourcemap, void 0, sourcemapAcc);
+    ref.__sourcemap = appliedSourcemap;
+  } else {
+    const flattenExtends = cloneAndMergeArrayExtend(__extendsStack);
+    deepMergeExtends(element, flattenExtends);
+  }
+  return element;
 };
 const applyExtends = (element, parent, options = {}) => {
   createElementExtends(element, parent, options);

package/dist/esm/methods.js

@@ -302,7 +302,20 @@ function variables(obj = {}) {
 }
 function call(fnKey, ...args) {
   const context = this.context;
-  return (context.utils?.[fnKey] || context.functions?.[fnKey] || context.methods?.[fnKey] || context.snippets?.[fnKey])?.call(this, ...args);
+  const fn = context.utils?.[fnKey] || context.functions?.[fnKey] || context.methods?.[fnKey] || context.snippets?.[fnKey];
+  if (!fn) return;
+  try {
+    const result = fn.call(this, ...args);
+    if (result && typeof result.then === "function") {
+      result.catch((err) => {
+        this.error = err;
+      });
+    }
+    return result;
+  } catch (err) {
+    this.error = err;
+    if (context?.strictMode) throw err;
+  }
 }
 function isMethod(param, element) {
   return Boolean(METHODS.has(param) || element?.context?.methods?.[param]);

package/dist/esm/node.js

@@ -6,7 +6,7 @@ const isHtmlElement = (obj) => {
   return (typeof HTMLElement === "object" ? obj instanceof window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
 };
 const isDOMNode = (obj) => {
-  return typeof window !== "undefined" && (obj instanceof window.Node || obj instanceof window.Window || obj === window || obj === document);
+  return typeof window !== "undefined" && (window.Node && obj instanceof window.Node || window.Window && obj instanceof window.Window || obj === window || obj === document);
 };
 export {
   isDOMNode,

package/dist/esm/props.js

@@ -5,6 +5,30 @@ import { is, isArray, isFunction, isObject, isObjectLike } from "./types.js";
 import { lowercaseFirstLetter } from "./string.js";
 const RE_UPPER = /^[A-Z]/;
 const RE_DIGITS = /^\d+$/;
+const ELEMENT_INDICATOR_KEYS = /* @__PURE__ */ new Set([
+  "extend",
+  "props",
+  "text",
+  "tag",
+  "on",
+  "if",
+  "childExtend",
+  "children",
+  "childrenAs",
+  "state",
+  "html",
+  "attr",
+  "define",
+  "content"
+]);
+const looksLikeElement = (value) => {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  for (const k in value) {
+    if (ELEMENT_INDICATOR_KEYS.has(k)) return true;
+    if (RE_UPPER.test(k)) return true;
+  }
+  return false;
+};
 const createProps = (element, parent, key) => {
   const { props, __ref: ref } = element;
   ref.__propsStack = [];
@@ -29,7 +53,7 @@ function pickupPropsFromElement(obj, opts = {}) {
     }
     const hasDefine = isObject(this.define?.[key]);
     const hasGlobalDefine = isObject(this.context?.define?.[key]);
-    const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key);
+    const isElement = RE_UPPER.test(key) || RE_DIGITS.test(key) || looksLikeElement(value);
     const isBuiltin = DOMQ_PROPERTIES.has(key);
     if (!isElement && !isBuiltin && !hasDefine && !hasGlobalDefine) {
       obj.props[key] = value;