@xuda.io/runtime-bundle 1.0.1422 → 1.0.1423

package/js/xuda-runtime-slim.js

@@ -1988,6 +1988,13 @@ func.runtime.session.create_state = function (SESSION_ID, options) {
   func.runtime.workers.ensure_registry(SESSION_ID);
   return SESSION_OBJ[SESSION_ID];
 };
+func.runtime.session.is_slim = function (SESSION_ID) {
+  const session = typeof SESSION_ID === 'undefined' || SESSION_ID === null ? null : SESSION_OBJ?.[SESSION_ID];
+  if (session && typeof session.SLIM_BUNDLE !== 'undefined') {
+    return !!session.SLIM_BUNDLE;
+  }
+  return !!glb.SLIM_BUNDLE;
+};
 func.runtime.session.set_default_value = function (_session, key, value) {
   _session[key] = value || func.runtime.env.get_default_session_value(key);
   return _session[key];
@@ -2239,6 +2246,135 @@ func.runtime.bind.build_datasource_changes = function (dsSessionP, currentRecord
     },
   };
 };
+func.runtime.bind.get_native_adapter = function () {
+  const has_explicit_value = function (elm) {
+    return !!elm?.hasAttribute?.('value');
+  };
+  const get_listener_event = function (elm) {
+    const tag_name = elm?.tagName?.toLowerCase?.();
+    const type = (elm?.type || '').toLowerCase();
+
+    if (tag_name === 'select' || ['checkbox', 'radio'].includes(type)) {
+      return 'change';
+    }
+    return 'input';
+  };
+
+  return {
+    getter: function (elm) {
+      if (!elm) {
+        return undefined;
+      }
+
+      const tag_name = elm?.tagName?.toLowerCase?.();
+      const type = (elm?.type || '').toLowerCase();
+
+      if (tag_name === 'select' && elm.multiple) {
+        return Array.from(elm.options || [])
+          .filter(function (option) {
+            return option.selected;
+          })
+          .map(function (option) {
+            return option.value;
+          });
+      }
+
+      if (type === 'checkbox') {
+        return has_explicit_value(elm) ? elm.value : !!elm.checked;
+      }
+
+      if (type === 'radio') {
+        return elm.value;
+      }
+
+      return typeof elm.value !== 'undefined' ? elm.value : undefined;
+    },
+    setter: function (elm, value) {
+      if (!elm) {
+        return false;
+      }
+
+      const tag_name = elm?.tagName?.toLowerCase?.();
+      const type = (elm?.type || '').toLowerCase();
+
+      if (tag_name === 'select' && elm.multiple) {
+        const selected_values = Array.isArray(value)
+          ? value.map(function (item) {
+            return String(item);
+          })
+          : [String(value)];
+        Array.from(elm.options || []).forEach(function (option) {
+          option.selected = selected_values.includes(String(option.value));
+        });
+        return true;
+      }
+
+      if (type === 'checkbox' || type === 'radio') {
+        return true;
+      }
+
+      if (typeof elm.value !== 'undefined') {
+        elm.value = value === null || typeof value === 'undefined' ? '' : String(value);
+      }
+      return true;
+    },
+    listener: function (elm, handler) {
+      if (!elm?.addEventListener || typeof handler !== 'function') {
+        return false;
+      }
+
+      const event_name = get_listener_event(elm);
+      const listener_key = '__xuda_native_bind_listener_' + event_name;
+      if (elm[listener_key]) {
+        elm.removeEventListener(event_name, elm[listener_key]);
+      }
+      elm.addEventListener(event_name, handler);
+      elm[listener_key] = handler;
+      return true;
+    },
+  };
+};
+func.runtime.bind.is_valid_adapter = function (adapter) {
+  return !!(
+    adapter &&
+    typeof adapter.getter === 'function' &&
+    typeof adapter.setter === 'function' &&
+    typeof adapter.listener === 'function'
+  );
+};
+func.runtime.bind.get_adapter = function (SESSION_ID) {
+  const native_adapter = func.runtime.bind.get_native_adapter();
+  if (func.runtime.session.is_slim(SESSION_ID)) {
+    return native_adapter;
+  }
+
+  const plugin_bind = UI_FRAMEWORK_PLUGIN?.bind;
+  if (!plugin_bind) {
+    return native_adapter;
+  }
+
+  if (func.runtime.bind.is_valid_adapter(plugin_bind)) {
+    return plugin_bind;
+  }
+
+  if (typeof plugin_bind === 'function') {
+    try {
+      const bind_instance = new plugin_bind();
+      if (func.runtime.bind.is_valid_adapter(bind_instance)) {
+        return bind_instance;
+      }
+    } catch (error) {}
+
+    try {
+      const bind_factory = plugin_bind();
+      if (func.runtime.bind.is_valid_adapter(bind_factory)) {
+        return bind_factory;
+      }
+    } catch (error) {}
+  }
+
+  return native_adapter;
+};
 func.runtime.bind.resolve_field = async function (SESSION_ID, prog_id, dsSessionP, field_id, iterate_info) {
   let _prog_id = prog_id;
   let _dsP = dsSessionP;
@@ -8908,7 +9044,10 @@ func.runtime.ui.find_in_root = function (SESSION_ID, selector) {
 };
 func.runtime.ui.get_root_tag_name = function () {
   let root_tag_name = 'div';
-  if (typeof glb.SLIM_BUNDLE === 'undefined' && !glb.SLIM_BUNDLE) {
+  if (!func.runtime.session.is_slim()) {
+    if (typeof UI_FRAMEWORK_PLUGIN?.core !== 'function') {
+      return root_tag_name;
+    }
     const ui_plugin_core = new UI_FRAMEWORK_PLUGIN.core();
     root_tag_name = ui_plugin_core?.rootTagName() || root_tag_name;
   }
@@ -12735,6 +12874,12 @@ func.runtime.ui.close_modal_session = async function (SESSION_ID, modal_id) {
 func.runtime.ui.render_screen_type = async function (options) {
   const $div_content = func.runtime.ui.get_children(options.$div);
   func.runtime.ui.sync_child_parent_container(options.$div);
+  const assert_framework_screen_supported = function (screen_type) {
+    if (!func.runtime.session.is_slim(options.SESSION_ID)) {
+      return;
+    }
+    throw new Error('Slim mode does not support "' + screen_type + '" screens without a UI framework plugin');
+  };
 
   let $ret = options.$div;
   let $nav = func.runtime.ui.get_nav(options.SESSION_ID);
@@ -12742,6 +12887,7 @@ func.runtime.ui.render_screen_type = async function (options) {
 
   switch (options.paramsP.screen_type) {
     case 'modal': {
+      assert_framework_screen_supported('modal');
       params = func.runtime.ui.build_modal_params(options.paramsP, options.$div, options.$container, options.close_modal);
       const modal_id = params.modal_id;
       func.runtime.ui.set_modal_params(options.SESSION_ID, modal_id, params);
@@ -12758,6 +12904,7 @@ func.runtime.ui.render_screen_type = async function (options) {
     }
 
     case 'popover': {
+      assert_framework_screen_supported('popover');
       const xu_popover_controller = func.UI.component.create_app_popover_component(options.SESSION_ID);
       params = func.runtime.ui.build_popover_params(options.paramsP, options.$div, options.$container);
 
@@ -12772,6 +12919,7 @@ func.runtime.ui.render_screen_type = async function (options) {
     }
 
     case 'page': {
+      assert_framework_screen_supported('page');
       const nav = func.runtime.ui.get_first_node($nav);
 
       params = func.runtime.ui.build_page_params(options.SESSION_ID, options.paramsP, $div_content, options.$container, nav);
@@ -17375,7 +17523,7 @@ func.runtime.render.handle_xu_bind = async function (options) {
     return {};
   }
 
-  const bind = new UI_FRAMEWORK_PLUGIN.bind();
+  const bind = func.runtime.bind.get_adapter(options.SESSION_ID);
   const field_changed = async function () {
     const _ds = SESSION_OBJ[options.SESSION_ID].DS_GLB[_dsP];
     const field_type = func.runtime.bind.get_field_type(field_prop);
@@ -22433,13 +22581,22 @@ func.index.call_worker = async function (SESSION_ID, obj, params, promiseP) {
 };
 
 func.index.init_SCREEN_BLOCKER = async function (SESSION_ID) {
+  const get_loader = async function () {
+    if (func.runtime.session.is_slim(SESSION_ID) || typeof UI_FRAMEWORK_PLUGIN?.loader !== 'function') {
+      return {
+        dismiss: function () {},
+      };
+    }
+    return await UI_FRAMEWORK_PLUGIN.loader(LOADER_TEXT);
+  };
+
   setInterval(async function () {
     if (glb.CURRENT_APP_LOADING || (!LOADER_ACTIVE && xu_isEmpty(SCREEN_BLOCKER_OBJ))) {
       return;
     }
     glb.CURRENT_APP_LOADING = 1;
 
-    const loader = await UI_FRAMEWORK_PLUGIN.loader(LOADER_TEXT);
+    const loader = await get_loader();
 
     glb.CURRENT_APP_LOADING = loader;
 

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

@@ -1914,6 +1914,13 @@ func.runtime.session.create_state = function (SESSION_ID, options) {
   func.runtime.workers.ensure_registry(SESSION_ID);
   return SESSION_OBJ[SESSION_ID];
 };
+func.runtime.session.is_slim = function (SESSION_ID) {
+  const session = typeof SESSION_ID === 'undefined' || SESSION_ID === null ? null : SESSION_OBJ?.[SESSION_ID];
+  if (session && typeof session.SLIM_BUNDLE !== 'undefined') {
+    return !!session.SLIM_BUNDLE;
+  }
+  return !!glb.SLIM_BUNDLE;
+};
 func.runtime.session.set_default_value = function (_session, key, value) {
   _session[key] = value || func.runtime.env.get_default_session_value(key);
   return _session[key];
@@ -2165,6 +2172,135 @@ func.runtime.bind.build_datasource_changes = function (dsSessionP, currentRecord
     },
   };
 };
+func.runtime.bind.get_native_adapter = function () {
+  const has_explicit_value = function (elm) {
+    return !!elm?.hasAttribute?.('value');
+  };
+  const get_listener_event = function (elm) {
+    const tag_name = elm?.tagName?.toLowerCase?.();
+    const type = (elm?.type || '').toLowerCase();
+
+    if (tag_name === 'select' || ['checkbox', 'radio'].includes(type)) {
+      return 'change';
+    }
+    return 'input';
+  };
+
+  return {
+    getter: function (elm) {
+      if (!elm) {
+        return undefined;
+      }
+
+      const tag_name = elm?.tagName?.toLowerCase?.();
+      const type = (elm?.type || '').toLowerCase();
+
+      if (tag_name === 'select' && elm.multiple) {
+        return Array.from(elm.options || [])
+          .filter(function (option) {
+            return option.selected;
+          })
+          .map(function (option) {
+            return option.value;
+          });
+      }
+
+      if (type === 'checkbox') {
+        return has_explicit_value(elm) ? elm.value : !!elm.checked;
+      }
+
+      if (type === 'radio') {
+        return elm.value;
+      }
+
+      return typeof elm.value !== 'undefined' ? elm.value : undefined;
+    },
+    setter: function (elm, value) {
+      if (!elm) {
+        return false;
+      }
+
+      const tag_name = elm?.tagName?.toLowerCase?.();
+      const type = (elm?.type || '').toLowerCase();
+
+      if (tag_name === 'select' && elm.multiple) {
+        const selected_values = Array.isArray(value)
+          ? value.map(function (item) {
+            return String(item);
+          })
+          : [String(value)];
+        Array.from(elm.options || []).forEach(function (option) {
+          option.selected = selected_values.includes(String(option.value));
+        });
+        return true;
+      }
+
+      if (type === 'checkbox' || type === 'radio') {
+        return true;
+      }
+
+      if (typeof elm.value !== 'undefined') {
+        elm.value = value === null || typeof value === 'undefined' ? '' : String(value);
+      }
+      return true;
+    },
+    listener: function (elm, handler) {
+      if (!elm?.addEventListener || typeof handler !== 'function') {
+        return false;
+      }
+
+      const event_name = get_listener_event(elm);
+      const listener_key = '__xuda_native_bind_listener_' + event_name;
+      if (elm[listener_key]) {
+        elm.removeEventListener(event_name, elm[listener_key]);
+      }
+      elm.addEventListener(event_name, handler);
+      elm[listener_key] = handler;
+      return true;
+    },
+  };
+};
+func.runtime.bind.is_valid_adapter = function (adapter) {
+  return !!(
+    adapter &&
+    typeof adapter.getter === 'function' &&
+    typeof adapter.setter === 'function' &&
+    typeof adapter.listener === 'function'
+  );
+};
+func.runtime.bind.get_adapter = function (SESSION_ID) {
+  const native_adapter = func.runtime.bind.get_native_adapter();
+  if (func.runtime.session.is_slim(SESSION_ID)) {
+    return native_adapter;
+  }
+
+  const plugin_bind = UI_FRAMEWORK_PLUGIN?.bind;
+  if (!plugin_bind) {
+    return native_adapter;
+  }
+
+  if (func.runtime.bind.is_valid_adapter(plugin_bind)) {
+    return plugin_bind;
+  }
+
+  if (typeof plugin_bind === 'function') {
+    try {
+      const bind_instance = new plugin_bind();
+      if (func.runtime.bind.is_valid_adapter(bind_instance)) {
+        return bind_instance;
+      }
+    } catch (error) {}
+
+    try {
+      const bind_factory = plugin_bind();
+      if (func.runtime.bind.is_valid_adapter(bind_factory)) {
+        return bind_factory;
+      }
+    } catch (error) {}
+  }
+
+  return native_adapter;
+};
 func.runtime.bind.resolve_field = async function (SESSION_ID, prog_id, dsSessionP, field_id, iterate_info) {
   let _prog_id = prog_id;
   let _dsP = dsSessionP;
@@ -8834,7 +8970,10 @@ func.runtime.ui.find_in_root = function (SESSION_ID, selector) {
 };
 func.runtime.ui.get_root_tag_name = function () {
   let root_tag_name = 'div';
-  if (typeof glb.SLIM_BUNDLE === 'undefined' && !glb.SLIM_BUNDLE) {
+  if (!func.runtime.session.is_slim()) {
+    if (typeof UI_FRAMEWORK_PLUGIN?.core !== 'function') {
+      return root_tag_name;
+    }
     const ui_plugin_core = new UI_FRAMEWORK_PLUGIN.core();
     root_tag_name = ui_plugin_core?.rootTagName() || root_tag_name;
   }
@@ -12661,6 +12800,12 @@ func.runtime.ui.close_modal_session = async function (SESSION_ID, modal_id) {
 func.runtime.ui.render_screen_type = async function (options) {
   const $div_content = func.runtime.ui.get_children(options.$div);
   func.runtime.ui.sync_child_parent_container(options.$div);
+  const assert_framework_screen_supported = function (screen_type) {
+    if (!func.runtime.session.is_slim(options.SESSION_ID)) {
+      return;
+    }
+    throw new Error('Slim mode does not support "' + screen_type + '" screens without a UI framework plugin');
+  };
 
   let $ret = options.$div;
   let $nav = func.runtime.ui.get_nav(options.SESSION_ID);
@@ -12668,6 +12813,7 @@ func.runtime.ui.render_screen_type = async function (options) {
 
   switch (options.paramsP.screen_type) {
     case 'modal': {
+      assert_framework_screen_supported('modal');
       params = func.runtime.ui.build_modal_params(options.paramsP, options.$div, options.$container, options.close_modal);
       const modal_id = params.modal_id;
       func.runtime.ui.set_modal_params(options.SESSION_ID, modal_id, params);
@@ -12684,6 +12830,7 @@ func.runtime.ui.render_screen_type = async function (options) {
     }
 
     case 'popover': {
+      assert_framework_screen_supported('popover');
       const xu_popover_controller = func.UI.component.create_app_popover_component(options.SESSION_ID);
       params = func.runtime.ui.build_popover_params(options.paramsP, options.$div, options.$container);
 
@@ -12698,6 +12845,7 @@ func.runtime.ui.render_screen_type = async function (options) {
     }
 
     case 'page': {
+      assert_framework_screen_supported('page');
       const nav = func.runtime.ui.get_first_node($nav);
 
       params = func.runtime.ui.build_page_params(options.SESSION_ID, options.paramsP, $div_content, options.$container, nav);
@@ -17301,7 +17449,7 @@ func.runtime.render.handle_xu_bind = async function (options) {
     return {};
   }
 
-  const bind = new UI_FRAMEWORK_PLUGIN.bind();
+  const bind = func.runtime.bind.get_adapter(options.SESSION_ID);
   const field_changed = async function () {
     const _ds = SESSION_OBJ[options.SESSION_ID].DS_GLB[_dsP];
     const field_type = func.runtime.bind.get_field_type(field_prop);
@@ -22359,13 +22507,22 @@ func.index.call_worker = async function (SESSION_ID, obj, params, promiseP) {
 };
 
 func.index.init_SCREEN_BLOCKER = async function (SESSION_ID) {
+  const get_loader = async function () {
+    if (func.runtime.session.is_slim(SESSION_ID) || typeof UI_FRAMEWORK_PLUGIN?.loader !== 'function') {
+      return {
+        dismiss: function () {},
+      };
+    }
+    return await UI_FRAMEWORK_PLUGIN.loader(LOADER_TEXT);
+  };
+
   setInterval(async function () {
     if (glb.CURRENT_APP_LOADING || (!LOADER_ACTIVE && xu_isEmpty(SCREEN_BLOCKER_OBJ))) {
       return;
     }
     glb.CURRENT_APP_LOADING = 1;
 
-    const loader = await UI_FRAMEWORK_PLUGIN.loader(LOADER_TEXT);
+    const loader = await get_loader();
 
     glb.CURRENT_APP_LOADING = loader;