@domql/element 3.8.1 → 3.8.7

package/create.js

@@ -205,7 +205,8 @@ const renderElement = (element, parent, options, attachOptions) => {
         isDemoComponent ? isDemoComponent + ' ' : '' + path.join('.')
       )
       element.verbose()
-      console.error('[DOMQL] Render error:', e)
+      if (e instanceof ReferenceError) console.warn('[DOMQL] Render warning:', e.message)
+      else console.error('[DOMQL] Render error:', e)
       if (element.on?.error) {
         element.on.error(e, element, element.state, element.context, options)
       }

package/dist/cjs/create.js

@@ -157,7 +157,8 @@ const renderElement = (element, parent, options, attachOptions) => {
         isDemoComponent ? isDemoComponent + " " : "" + path.join(".")
       );
       element.verbose();
-      console.error("[DOMQL] Render error:", e);
+      if (e instanceof ReferenceError) console.warn("[DOMQL] Render warning:", e.message);
+      else console.error("[DOMQL] Render error:", e);
       if (element.on?.error) {
         element.on.error(e, element, element.state, element.context, options);
       }

package/dist/cjs/update.js

@@ -251,12 +251,18 @@ const checkIfOnUpdate = (element, parent, options) => {
     return;
   }
   const ref = element.__ref;
-  const ifPassed = (element.if || element.props?.if)(
-    element,
-    element.state,
-    element.context,
-    options
-  );
+  let ifPassed;
+  try {
+    ifPassed = (element.if || element.props?.if)(
+      element,
+      element.state,
+      element.context,
+      options
+    );
+  } catch (e) {
+    console.warn("[DOMQL] if condition error:", e);
+    return;
+  }
   const itWasFalse = ref.__if !== true;
   if (ifPassed) {
     ref.__if = true;

package/dist/esm/create.js

@@ -148,7 +148,8 @@ const renderElement = (element, parent, options, attachOptions) => {
         isDemoComponent ? isDemoComponent + " " : "" + path.join(".")
       );
       element.verbose();
-      console.error("[DOMQL] Render error:", e);
+      if (e instanceof ReferenceError) console.warn("[DOMQL] Render warning:", e.message);
+      else console.error("[DOMQL] Render error:", e);
       if (element.on?.error) {
         element.on.error(e, element, element.state, element.context, options);
       }

package/dist/esm/update.js

@@ -237,12 +237,18 @@ const checkIfOnUpdate = (element, parent, options) => {
     return;
   }
   const ref = element.__ref;
-  const ifPassed = (element.if || element.props?.if)(
-    element,
-    element.state,
-    element.context,
-    options
-  );
+  let ifPassed;
+  try {
+    ifPassed = (element.if || element.props?.if)(
+      element,
+      element.state,
+      element.context,
+      options
+    );
+  } catch (e) {
+    console.warn("[DOMQL] if condition error:", e);
+    return;
+  }
   const itWasFalse = ref.__if !== true;
   if (ifPassed) {
     ref.__if = true;

package/dist/iife/index.js

@@ -337,6 +337,7 @@ var DomqlElement = (() => {
       exec = (param, element, state2, context) => {
         if (isFunction(param)) {
           if (!element) return;
+          if (typeof param.call !== "function") return param;
           const result = param.call(
             element,
             element,
@@ -352,6 +353,17 @@ var DomqlElement = (() => {
           }
           return result;
         }
+        if (param != null && element?.context?.plugins && (isArray(param) || isObject(param) && !isDOMNode(param))) {
+          const plugins = element.context.plugins;
+          for (const plugin of plugins) {
+            if (plugin.resolveHandler) {
+              const resolved = plugin.resolveHandler(param, element);
+              if (typeof resolved === "function") {
+                return exec(resolved, element, state2, context);
+              }
+            }
+          }
+        }
         return param;
       };
       merge = (element, obj, excludeFrom = []) => {
@@ -671,11 +683,29 @@ var DomqlElement = (() => {
   var init_if = __esm({
     "../utils/dist/esm/if.js"() {
       init_types();
+      init_object();
       createIfConditionFlag = (element, parent) => {
         const { __ref: ref } = element;
-        if (isFunction(element.if) && !element.if(element, element.state, element.context)) {
-          delete ref.__if;
-        } else ref.__if = true;
+        const ifVal = element.if;
+        if (isFunction(ifVal)) {
+          let result;
+          try {
+            result = ifVal(element, element.state, element.context);
+          } catch (e) {
+            if (typeof console !== "undefined") console.warn("[DOMQL] if condition error:", e);
+            delete ref.__if;
+            return;
+          }
+          if (!result) {
+            delete ref.__if;
+          } else ref.__if = true;
+        } else if (ifVal != null && typeof ifVal === "object") {
+          const result = exec(ifVal, element);
+          if (!result) delete ref.__if;
+          else ref.__if = true;
+        } else {
+          ref.__if = true;
+        }
       };
     }
   });
@@ -1863,13 +1893,18 @@ var DomqlElement = (() => {
           if (result && typeof result.then === "function") {
             result.catch((err) => {
               element.error = err;
-              console.error("[DOMQL] Async event error:", err);
+              if (err instanceof ReferenceError) console.warn("[DOMQL] Async event warning:", err.message);
+              else console.error("[DOMQL] Async event error:", err);
             });
           }
           return result;
         } catch (err) {
           element.error = err;
-          console.error("[DOMQL] Event handler error:", err);
+          if (err instanceof ReferenceError) {
+            console.warn("[DOMQL] Event handler warning:", err.message);
+          } else {
+            console.error("[DOMQL] Event handler error:", err);
+          }
           if (element.context?.strictMode) throw err;
         }
       };
@@ -5440,12 +5475,18 @@ ${element}` : "";
       return;
     }
     const ref = element.__ref;
-    const ifPassed = (element.if || element.props?.if)(
-      element,
-      element.state,
-      element.context,
-      options
-    );
+    let ifPassed;
+    try {
+      ifPassed = (element.if || element.props?.if)(
+        element,
+        element.state,
+        element.context,
+        options
+      );
+    } catch (e) {
+      console.warn("[DOMQL] if condition error:", e);
+      return;
+    }
     const itWasFalse = ref.__if !== true;
     if (ifPassed) {
       ref.__if = true;
@@ -6736,7 +6777,8 @@ ${element}` : "";
           isDemoComponent ? isDemoComponent + " " : "" + path.join(".")
         );
         element.verbose();
-        console.error("[DOMQL] Render error:", e);
+        if (e instanceof ReferenceError) console.warn("[DOMQL] Render warning:", e.message);
+        else 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/element",
-  "version": "3.8.1",
+  "version": "3.8.7",
   "license": "CC-BY-NC-4.0",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -46,10 +46,10 @@
     "build:iife": "cross-env NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=DomqlElement --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV"
   },
   "dependencies": {
-    "@domql/report": "^3.8.1",
-    "@domql/state": "^3.8.1",
-    "@domql/utils": "^3.8.1",
-    "attrs-in-props": "^3.8.1"
+    "@domql/report": "^3.8.7",
+    "@domql/state": "^3.8.7",
+    "@domql/utils": "^3.8.7",
+    "attrs-in-props": "^3.8.7"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "devDependencies": {

package/update.js

@@ -335,12 +335,18 @@ const checkIfOnUpdate = (element, parent, options) => {
   }
 
   const ref = element.__ref
-  const ifPassed = (element.if || element.props?.if)(
-    element,
-    element.state,
-    element.context,
-    options
-  )
+  let ifPassed
+  try {
+    ifPassed = (element.if || element.props?.if)(
+      element,
+      element.state,
+      element.context,
+      options
+    )
+  } catch (e) {
+    console.warn('[DOMQL] if condition error:', e)
+    return
+  }
   const itWasFalse = ref.__if !== true
 
   if (ifPassed) {