domql 3.4.11 → 3.5.1

package/dist/iife/index.js

@@ -1543,18 +1543,26 @@ var Domql = (() => {
   };
   var applyEvent = (param, element, state2, context, options) => {
     if (!isFunction(param)) return;
-    const result = param.call(
-      element,
-      element,
-      state2 || element.state,
-      context || element.context,
-      options
-    );
-    if (result && typeof result.then === "function") {
-      result.catch(() => {
-      });
+    try {
+      const result = param.call(
+        element,
+        element,
+        state2 || 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;
   };
   var triggerEventOn = (param, element, options) => {
     if (!element) {
@@ -1568,19 +1576,27 @@ var Domql = (() => {
   };
   var applyEventUpdate = (param, updatedObj, element, state2, context, options) => {
     if (!isFunction(param)) return;
-    const result = param.call(
-      element,
-      updatedObj,
-      element,
-      state2 || element.state,
-      context || element.context,
-      options
-    );
-    if (result && typeof result.then === "function") {
-      result.catch(() => {
-      });
+    try {
+      const result = param.call(
+        element,
+        updatedObj,
+        element,
+        state2 || 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;
   };
   var triggerEventOnUpdate = (param, updatedObj, element, options) => {
     const appliedFunction = getOnOrPropsEvent(param, element);
@@ -1887,7 +1903,20 @@ var Domql = (() => {
   }
   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]);
@@ -2008,17 +2037,25 @@ ${element}` : "";
       }
       const handler = (event) => {
         const { state: state2, context } = element;
-        const result = appliedFunction.call(
-          element,
-          event,
-          element,
-          state2,
-          context,
-          options
-        );
-        if (result && typeof result.then === "function") {
-          result.catch(() => {
-          });
+        try {
+          const result = appliedFunction.call(
+            element,
+            event,
+            element,
+            state2,
+            context,
+            options
+          );
+          if (result && typeof result.then === "function") {
+            result.catch((err) => {
+              element.error = err;
+              console.error("[DomQL] Async DOM event error:", err);
+            });
+          }
+        } catch (err) {
+          element.error = err;
+          console.error("[DomQL] DOM event error:", err);
+          if (context?.strictMode) throw err;
         }
       };
       ref.__eventListeners[param] = handler;
@@ -4602,12 +4639,13 @@ ${element}` : "";
       createNode(element, options);
       ref.__uniqId = _uniqIdCounter++;
     };
-    if (ENV6 === "test" || ENV6 === "development") {
+    if (ENV6 === "test" || ENV6 === "development" || element.context?.strictMode) {
       createNestedChild();
     } else {
       try {
         createNestedChild();
       } catch (e) {
+        element.error = e;
         const path = ref.path;
         if (path.includes("ComponentsGrid")) {
           path.splice(0, path.indexOf("ComponentsGrid") + 2);
@@ -4621,7 +4659,7 @@ ${element}` : "";
           isDemoComponent ? isDemoComponent + " " : "" + path.join(".")
         );
         element.verbose();
-        element.error(e, options);
+        console.error("[DomQL] Render error:", e);
         if (element.on?.error) {
           element.on.error(e, element, element.state, element.context, options);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domql",
-  "version": "3.4.11",
+  "version": "3.5.1",
   "license": "MIT",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -27,9 +27,9 @@
     "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=Domql --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV"
   },
   "dependencies": {
-    "@domql/element": "^3.4.11",
-    "@domql/state": "^3.4.11",
-    "@domql/utils": "^3.4.11"
+    "@domql/element": "^3.5.1",
+    "@domql/state": "^3.5.1",
+    "@domql/utils": "^3.5.1"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "browser": "./dist/esm/index.js",