@xuda.io/runtime-bundle 1.0.1430 → 1.0.1432

package/js/xuda-runtime-slim.js

@@ -17819,8 +17819,23 @@ func.runtime.render.handle_xu_bind = async function (options) {
 };
 func.runtime.render.apply_xu_class = async function (options) {
   try {
-    const classes_obj = typeof options.val.value === 'string' ? JSON.parse(options.val.value) : Object.assign({}, {}, options.val.value);
+    const raw_value = options?.val?.value;
     const xuData = func.runtime.ui.get_data(options.$elm)?.xuData;
+    if (typeof raw_value === 'string') {
+      const trimmed = raw_value.trim();
+      const looks_like_object = trimmed.startsWith('{') && trimmed.endsWith('}');
+
+      if (!looks_like_object) {
+        func.runtime.render.apply_expression_class(options.$elm, raw_value);
+        xuData.debug_info.attribute_stat['xu-class'] = func.runtime.ui.get_first_node(options.$elm)?.className || func.runtime.ui.get_attr(options.$elm, 'class');
+        return {};
+      }
+    }
+
+    const classes_obj = typeof raw_value === 'string' ? JSON5.parse(raw_value) : Object.assign({}, {}, raw_value);
+    if (typeof classes_obj !== 'object' || classes_obj === null || Array.isArray(classes_obj)) {
+      throw new Error('xu-class expects an object map or a class string');
+    }
     const class_names = Object.keys(classes_obj);
 
     for (let index = 0; index < class_names.length; index++) {
@@ -17849,7 +17864,18 @@ func.runtime.render.apply_xu_class = async function (options) {
     xuData.debug_info.attribute_stat['xu-class'] = func.runtime.ui.get_first_node(options.$elm)?.className || func.runtime.ui.get_attr(options.$elm, 'class');
     return {};
   } catch (e) {
-    console.warn('parse error:' + options.val.value);
+    await func.runtime.render.report_xu_runtime_error(
+      {
+        ...options,
+        xu_func: 'xu-class',
+        val: {
+          key: 'xu-class',
+          value: options?.val?.value,
+        },
+      },
+      e,
+      'xu-class has invalid syntax',
+    );
     return { abort: true };
   }
 };
@@ -18530,14 +18556,43 @@ func.runtime.widgets = func.runtime.widgets || {};
 // Browser-only common xu handler factories live here so registry composition can stay small.
 
 func.runtime.render.build_base_xu_handlers = function (options, _ds) {
+  const parse_object_value = function (attr_name, val, shape = 'object') {
+    let parsed_value = val?.value;
+    if (typeof parsed_value === 'string') {
+      try {
+        parsed_value = JSON5.parse(parsed_value);
+      } catch (error) {
+        throw func.runtime.render.build_xu_runtime_error(
+          { ...options, xu_func: attr_name, val: { key: attr_name, value: val?.value } },
+          error,
+          `${attr_name} has invalid ${shape} syntax`,
+        );
+      }
+    }
+
+    const valid =
+      shape === 'array'
+        ? Array.isArray(parsed_value)
+        : typeof parsed_value === 'object' && parsed_value !== null && !Array.isArray(parsed_value);
+
+    if (!valid) {
+      throw func.runtime.render.build_xu_runtime_error(
+        { ...options, xu_func: attr_name, val: { key: attr_name, value: val?.value } },
+        null,
+        `${attr_name} expects a ${shape} value`,
+      );
+    }
+
+    return parsed_value;
+  };
   return {
     'xu-attrs': async function ($elm, val) {
       if (!val.value) return {};
-      if (!(typeof val.value === 'object' && val.value !== null)) throw 'xu-attrs value us not an object';
-      const attr_keys = Object.keys(val.value);
+      const attrs_obj = parse_object_value('xu-attrs', val, 'object');
+      const attr_keys = Object.keys(attrs_obj);
       for (let index = 0; index < attr_keys.length; index++) {
         const attr_key = attr_keys[index];
-        options.nodeP.attributes[attr_key] = val.value[attr_key];
+        options.nodeP.attributes[attr_key] = attrs_obj[attr_key];
       }
       return {};
     },
@@ -18657,7 +18712,7 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
       return {};
     },
     'xu-cdn': async function ($elm, val) {
-      const resources_obj = val.value || {};
+      const resources_obj = parse_object_value('xu-cdn', val, 'object');
       const resource_keys = Object.keys(resources_obj);
       for (let index = 0; index < resource_keys.length; index++) {
         const resource = resources_obj[resource_keys[index]];
@@ -18666,7 +18721,7 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
       return {};
     },
     'xu-ui-plugin': async function ($elm, val) {
-      const plugins_obj = val.value || {};
+      const plugins_obj = parse_object_value('xu-ui-plugin', val, 'object');
       const plugin_names = Object.keys(plugins_obj);
       for (let index = 0; index < plugin_names.length; index++) {
         const plugin_name = plugin_names[index];
@@ -18677,14 +18732,14 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
     },
     'xu-store': async function ($elm, val) {
       try {
-        const fields_obj = JSON5.parse(val.value);
+        const fields_obj = parse_object_value('xu-store', val, 'object');
         const field_ids = Object.keys(fields_obj);
         for (let index = 0; index < field_ids.length; index++) {
           const field_id = field_ids[index];
           func.datasource.add_dynamic_field_to_ds(options.SESSION_ID, options.paramsP.dsSessionP, field_id, fields_obj[field_id]);
         }
       } catch (err) {
-        console.error(err);
+        throw err;
       }
       return {};
     },
@@ -18807,6 +18862,36 @@ func.runtime.render = func.runtime.render || {};
 func.runtime.widgets = func.runtime.widgets || {};
 
 // Browser-only xu-attribute dispatch lives here so the attribute phase engine can stay focused.
+func.runtime.render.build_xu_runtime_error = function (options, error, fallback_message) {
+  const raw_message = error?.message || error || fallback_message || 'Unknown runtime error';
+  const err = error instanceof Error ? error : new Error(raw_message);
+  err.xu_func = options?.xu_func;
+  err.node_tag = options?.nodeP?.tagName;
+  err.raw_value = options?.val?.value;
+  err.ui_id = func.runtime?.ui?.get_attr ? func.runtime.ui.get_attr(options?.$elm, 'xu-ui-id') : null;
+  return err;
+};
+func.runtime.render.report_xu_runtime_error = async function (options, error, fallback_message) {
+  const err = func.runtime.render.build_xu_runtime_error(options, error, fallback_message);
+  const attr_name = options?.val?.key || options?.xu_func || 'xu-*';
+  const tag_name = options?.nodeP?.tagName || 'unknown';
+  const raw_value = typeof err.raw_value === 'string' ? err.raw_value : JSON.stringify(err.raw_value);
+  const message = [`${attr_name} failed on <${tag_name}>`, err.message];
+
+  if (raw_value) {
+    message.push(`Value: ${raw_value}`);
+  }
+
+  if (err.ui_id) {
+    message.push(`xu-ui-id: ${err.ui_id}`);
+  }
+
+  console.error('XUDA RUNTIME', message.join(' | '), err);
+  if (func.utils?.debug_report) {
+    await func.utils.debug_report(options?.SESSION_ID, 'Slim runtime', message.join(' | '), 'E', err);
+  }
+  return {};
+};
 func.runtime.render.execute_xu_function = async function (options) {
   if (options.is_skeleton) return;
 
@@ -18838,13 +18923,13 @@ func.runtime.render.execute_xu_function = async function (options) {
 
   try {
     if (!common_fx[options.xu_func]) {
-      console.warn('invalid xu-tag', options.xu_func);
+      await func.runtime.render.report_xu_runtime_error(options, null, `Unknown xu directive: ${options.xu_func}`);
       return {};
     }
 
     return await common_fx[options.xu_func](options.$elm, options.val);
   } catch (error) {
-    debugger;
+    return await func.runtime.render.report_xu_runtime_error(options, error);
   }
 };
  func.events = {};

package/js/xuda-runtime-slim.min.es.js

@@ -17745,8 +17745,23 @@ func.runtime.render.handle_xu_bind = async function (options) {
 };
 func.runtime.render.apply_xu_class = async function (options) {
   try {
-    const classes_obj = typeof options.val.value === 'string' ? JSON.parse(options.val.value) : Object.assign({}, {}, options.val.value);
+    const raw_value = options?.val?.value;
     const xuData = func.runtime.ui.get_data(options.$elm)?.xuData;
+    if (typeof raw_value === 'string') {
+      const trimmed = raw_value.trim();
+      const looks_like_object = trimmed.startsWith('{') && trimmed.endsWith('}');
+
+      if (!looks_like_object) {
+        func.runtime.render.apply_expression_class(options.$elm, raw_value);
+        xuData.debug_info.attribute_stat['xu-class'] = func.runtime.ui.get_first_node(options.$elm)?.className || func.runtime.ui.get_attr(options.$elm, 'class');
+        return {};
+      }
+    }
+
+    const classes_obj = typeof raw_value === 'string' ? JSON5.parse(raw_value) : Object.assign({}, {}, raw_value);
+    if (typeof classes_obj !== 'object' || classes_obj === null || Array.isArray(classes_obj)) {
+      throw new Error('xu-class expects an object map or a class string');
+    }
     const class_names = Object.keys(classes_obj);
 
     for (let index = 0; index < class_names.length; index++) {
@@ -17775,7 +17790,18 @@ func.runtime.render.apply_xu_class = async function (options) {
     xuData.debug_info.attribute_stat['xu-class'] = func.runtime.ui.get_first_node(options.$elm)?.className || func.runtime.ui.get_attr(options.$elm, 'class');
     return {};
   } catch (e) {
-    console.warn('parse error:' + options.val.value);
+    await func.runtime.render.report_xu_runtime_error(
+      {
+        ...options,
+        xu_func: 'xu-class',
+        val: {
+          key: 'xu-class',
+          value: options?.val?.value,
+        },
+      },
+      e,
+      'xu-class has invalid syntax',
+    );
     return { abort: true };
   }
 };
@@ -18456,14 +18482,43 @@ func.runtime.widgets = func.runtime.widgets || {};
 // Browser-only common xu handler factories live here so registry composition can stay small.
 
 func.runtime.render.build_base_xu_handlers = function (options, _ds) {
+  const parse_object_value = function (attr_name, val, shape = 'object') {
+    let parsed_value = val?.value;
+    if (typeof parsed_value === 'string') {
+      try {
+        parsed_value = JSON5.parse(parsed_value);
+      } catch (error) {
+        throw func.runtime.render.build_xu_runtime_error(
+          { ...options, xu_func: attr_name, val: { key: attr_name, value: val?.value } },
+          error,
+          `${attr_name} has invalid ${shape} syntax`,
+        );
+      }
+    }
+
+    const valid =
+      shape === 'array'
+        ? Array.isArray(parsed_value)
+        : typeof parsed_value === 'object' && parsed_value !== null && !Array.isArray(parsed_value);
+
+    if (!valid) {
+      throw func.runtime.render.build_xu_runtime_error(
+        { ...options, xu_func: attr_name, val: { key: attr_name, value: val?.value } },
+        null,
+        `${attr_name} expects a ${shape} value`,
+      );
+    }
+
+    return parsed_value;
+  };
   return {
     'xu-attrs': async function ($elm, val) {
       if (!val.value) return {};
-      if (!(typeof val.value === 'object' && val.value !== null)) throw 'xu-attrs value us not an object';
-      const attr_keys = Object.keys(val.value);
+      const attrs_obj = parse_object_value('xu-attrs', val, 'object');
+      const attr_keys = Object.keys(attrs_obj);
       for (let index = 0; index < attr_keys.length; index++) {
         const attr_key = attr_keys[index];
-        options.nodeP.attributes[attr_key] = val.value[attr_key];
+        options.nodeP.attributes[attr_key] = attrs_obj[attr_key];
       }
       return {};
     },
@@ -18583,7 +18638,7 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
       return {};
     },
     'xu-cdn': async function ($elm, val) {
-      const resources_obj = val.value || {};
+      const resources_obj = parse_object_value('xu-cdn', val, 'object');
       const resource_keys = Object.keys(resources_obj);
       for (let index = 0; index < resource_keys.length; index++) {
         const resource = resources_obj[resource_keys[index]];
@@ -18592,7 +18647,7 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
       return {};
     },
     'xu-ui-plugin': async function ($elm, val) {
-      const plugins_obj = val.value || {};
+      const plugins_obj = parse_object_value('xu-ui-plugin', val, 'object');
       const plugin_names = Object.keys(plugins_obj);
       for (let index = 0; index < plugin_names.length; index++) {
         const plugin_name = plugin_names[index];
@@ -18603,14 +18658,14 @@ func.runtime.render.build_base_xu_handlers = function (options, _ds) {
     },
     'xu-store': async function ($elm, val) {
       try {
-        const fields_obj = JSON5.parse(val.value);
+        const fields_obj = parse_object_value('xu-store', val, 'object');
         const field_ids = Object.keys(fields_obj);
         for (let index = 0; index < field_ids.length; index++) {
           const field_id = field_ids[index];
           func.datasource.add_dynamic_field_to_ds(options.SESSION_ID, options.paramsP.dsSessionP, field_id, fields_obj[field_id]);
         }
       } catch (err) {
-        console.error(err);
+        throw err;
       }
       return {};
     },
@@ -18733,6 +18788,36 @@ func.runtime.render = func.runtime.render || {};
 func.runtime.widgets = func.runtime.widgets || {};
 
 // Browser-only xu-attribute dispatch lives here so the attribute phase engine can stay focused.
+func.runtime.render.build_xu_runtime_error = function (options, error, fallback_message) {
+  const raw_message = error?.message || error || fallback_message || 'Unknown runtime error';
+  const err = error instanceof Error ? error : new Error(raw_message);
+  err.xu_func = options?.xu_func;
+  err.node_tag = options?.nodeP?.tagName;
+  err.raw_value = options?.val?.value;
+  err.ui_id = func.runtime?.ui?.get_attr ? func.runtime.ui.get_attr(options?.$elm, 'xu-ui-id') : null;
+  return err;
+};
+func.runtime.render.report_xu_runtime_error = async function (options, error, fallback_message) {
+  const err = func.runtime.render.build_xu_runtime_error(options, error, fallback_message);
+  const attr_name = options?.val?.key || options?.xu_func || 'xu-*';
+  const tag_name = options?.nodeP?.tagName || 'unknown';
+  const raw_value = typeof err.raw_value === 'string' ? err.raw_value : JSON.stringify(err.raw_value);
+  const message = [`${attr_name} failed on <${tag_name}>`, err.message];
+
+  if (raw_value) {
+    message.push(`Value: ${raw_value}`);
+  }
+
+  if (err.ui_id) {
+    message.push(`xu-ui-id: ${err.ui_id}`);
+  }
+
+  console.error('XUDA RUNTIME', message.join(' | '), err);
+  if (func.utils?.debug_report) {
+    await func.utils.debug_report(options?.SESSION_ID, 'Slim runtime', message.join(' | '), 'E', err);
+  }
+  return {};
+};
 func.runtime.render.execute_xu_function = async function (options) {
   if (options.is_skeleton) return;
 
@@ -18764,13 +18849,13 @@ func.runtime.render.execute_xu_function = async function (options) {
 
   try {
     if (!common_fx[options.xu_func]) {
-      console.warn('invalid xu-tag', options.xu_func);
+      await func.runtime.render.report_xu_runtime_error(options, null, `Unknown xu directive: ${options.xu_func}`);
       return {};
     }
 
     return await common_fx[options.xu_func](options.$elm, options.val);
   } catch (error) {
-    debugger;
+    return await func.runtime.render.report_xu_runtime_error(options, error);
   }
 };
  func.UI.screen = {};