@xuda.io/runtime-bundle 1.0.353 → 1.0.355

package/js/xuda-runtime-slim.js

@@ -5142,6 +5142,16 @@ func.datasource.update = async function (SESSION_ID, datasource_changes, update_
               _ds.data_feed.rows[row_idx][field_id] = value;
               await set_fieldComputed_dependencies(dataSource, field_id, null);
 
+              // search the field in refs
+              let _ds_0 = _session.DS_GLB[0];
+              for ([ref_name, val] of Object.entries(_ds_0.data_system['SYS_GLOBAL_OBJ_REFS'])) {
+                if (val.dsSession == dataSource) {
+                  if (!fields_changed.includes(ref_name)) {
+                    fields_changed.push(ref_name);
+                  }
+                }
+              }
+
               if (!update_local_scope_only) {
                 let tree_ret = await func.utils.TREE_OBJ.get(SESSION_ID, _ds.prog_id);
                 if (glb.IS_WORKER) {
@@ -5213,8 +5223,8 @@ func.datasource.update = async function (SESSION_ID, datasource_changes, update_
       }
       ///// REFRESH SCREEN
       if (!avoid_refresh && fields_changed.length) {
-        // await removed from the below function cause to dead lock Mar 3 25
         await func.UI.screen.refresh_xu_attributes(SESSION_ID, fields_changed);
+        // await removed from the below function cause to dead lock Mar 3 25
         func.UI.screen.refresh_screen(
           SESSION_ID,
           fields_changed,
@@ -8959,19 +8969,12 @@ func.UI.worker.find_job_index = function (SESSION_ID, jobNoP) {
 };
 
 func.UI.ds_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0], re_check) {
-  // return;
   let _session = SESSION_OBJ[SESSION_ID];
 
   const _data_system = _session?.DS_GLB?.[0]?.data_system;
   if (_data_system?.SYS_GLOBAL_BOL_AJAX_BUSY) return;
   if (!_data_system?.SYS_GLOBAL_BOL_IDLE) return;
 
-  // for (const [key, val] of Object.entries(_data_system?.SYS_GLOBAL_OBJ_REFS || {})) {
-  //   if (!$(`[xu-ui-id='${val?.$el.attr('xu-ui-id')}'`)?.length) {
-  //     delete _data_system.SYS_GLOBAL_OBJ_REFS[key];
-  //   }
-  // }
-
   let abort;
 
   for (const [dsP, _ds] of Object.entries(_session.DS_GLB)) {
@@ -9018,7 +9021,7 @@ func.UI.ds_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0
     func.datasource.del(SESSION_ID, val);
   }
 };
-func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0], re_check) {
+func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0]) {
   let _session = SESSION_OBJ[SESSION_ID];
   const _data_system = _session?.DS_GLB?.[0]?.data_system;
 
@@ -11922,16 +11925,19 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
   const common_fx = {
     'xu-ref': async function ($elm, val) {
-      // console.log('xu-ref', $elm, val);
       const _session = SESSION_OBJ[SESSION_ID];
       let _ds_0 = _session.DS_GLB[0];
-      // if (!_ds_0.data_system['SYS_GLOBAL_OBJ_REFS']) {
-      //   _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'] = {};
-      // }
-      // if (!_ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val]) {
+
       const _ds = _session.DS_GLB[paramsP.dsSessionP];
-      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data: _ds?.data_feed?.rows || {}, props: $elm?.data()?.xuData?.properties };
-      // }
+
+      const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
+      const data = _ds?.data_feed?.rows?.[row_idx] || {};
+
+      const props = _ds.in_parameters || {};
+      const attributes = $elm?.data()?.xuData?.properties || {};
+
+      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data, attributes, props };
+
       return {};
     },
     'xu-bind': async function ($elm, val) {
@@ -12264,14 +12270,12 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
         if (!custom_iterator_key) {
           is_key_dynamic_field = true;
 
-          // iterator_key = $elm.data().xuData.node_org.id.replaceAll("-", "_") + "_FOR_KEY";
           iterator_key = '_FOR_KEY';
         }
 
         if (!custom_iterator_val) {
           is_val_dynamic_field = true;
 
-          // iterator_val = $elm.data().xuData.node_org.id.replaceAll("-", "_") + "_FOR_VAL";
           iterator_val = '_FOR_VAL';
         }
 
@@ -12318,13 +12322,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           };
           let _parent_info = _.cloneDeep(parent_infoP) || {};
           _parent_info.iterate_info = iterate_info;
-          // if (parent_infoP) {
-          //   _parent_info = iterate_info;
-          // } else {
-          //   _parent_info = {
-          //     iterate_info,
-          //   };
-          // }
+
           const $divP = await func.UI.screen.render_ui_tree(
             SESSION_ID,
             $container,
@@ -12390,13 +12388,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
     },
     'xu-exp': async function ($elm, val) {
       let exp = val.value === null ? true : val.value;
-      // if (val.value.includes("@_FOR_KEY")) {
-      //   exp = exp.replaceAll("@_FOR_KEY", "@" + $elm.data().xuData.iterate_info.iterator_key);
-      // }
-
-      // if (val.value.includes("@_FOR_VAL")) {
-      //   exp = exp.replaceAll("@_FOR_VAL", "@" + $elm.data().xuData.iterate_info.iterator_val);
-      // }
 
       let exp_ret = await func.expression.get(SESSION_ID, exp, paramsP.dsSessionP, 'UI Attr EXP', SESSION_OBJ[SESSION_ID].DS_GLB[paramsP.dsSessionP].currentRecordId);
 
@@ -12805,10 +12796,6 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     _ret = _.assignIn(_ret, ret);
   }
 
-  // if (nodeP.tagName === "svg") {
-  //   console.log(svg_attributes_str);
-  // }
-
   // EXP for
 
   for await (const [key, val] of Object.entries(nodeP.attributes)) {
@@ -12917,20 +12904,6 @@ func.UI.screen.panel_post_render_handler = async function (
   if ($old_panel_div?.length) {
     $($old_panel_div[0]).after($wrapper.children());
   } else {
-    // $container.append($wrapper.children());
-
-    // find existing xurender
-    // $.each($wrapper.children(), function (key, val) {
-    //   console.log(">", `[xu-ui-id=${$(val).attr("xu-ui-id")}]`);
-    //   const $elm = $container.find(`[xu-ui-id=${$(val).attr("xu-ui-id")}]`);
-    //   if (
-    //     // $(val).data().xuData.key_path === cloned_$div.data().xuData.key_path
-    //     $elm.length
-    //   ) {
-    //     $elm.remove();
-    //   }
-    //   $container.append($(val));
-    // });
     $.each($wrapper.children(), function (key, child) {
       $.each($container.children(), function (key, elm) {
         if ($(elm).data().xuData.elem_key === $(child).data().xuData.elem_key) {
@@ -13058,59 +13031,7 @@ func.UI.screen.create_container = function (SESSION_ID, $root_container, nodeP,
       },
       xuAttributes: {},
     });
-    // }
-
-    // $div.appendTo($appendTo);
-
-    ////////////////////////
-
-    // let svg_attributes_str = ""
-    // if (div_typeP === "svg") {
-    //   for (const [key, val] of Object.entries(nodeP.attributes)) {
-    //     svg_attributes_str += `${key}="${val}" `
-    //   }
-    // }
 
-    // var $div =
-    //   // $(`<${div} ${attr_str ? attr_str : ""} ${svg_attributes_str}>`)
-    //   $(`<${div} ${attr_str ? attr_str : ""}>`)
-    //     .attr("xu-ui-id", ui_id)
-    //     .data({
-    //       xuData: {
-    //         prog_id: _paramsP.prog_id,
-    //         nodeid: nodeP.id,
-    //         ui_type: nodeP.tagName,
-    //         xu_id: xu_id,
-    //         recordid: currentRecordId,
-    //         paramsP: _paramsP,
-    //         key: keyP,
-    //         key_path, //:($container?.data()?.xuData?.key || "0") + "-" + (keyP || "0"),
-    //         screenId: _paramsP.screenId,
-    //         parent_container: $container?.attr("id"),
-    //         elem_key,
-    //         ui_id,
-    //         properties: prop,
-    //         node: nodeP,
-    //         node_org: _.cloneDeep(nodeP),
-    //         is_panelP: _paramsP.is_panelP,
-
-    //         elem_prop: elem_propP,
-    //         debug_info: {
-    //           id: nodeP.id,
-    //           parent_id: $container?.data()?.xuData?.ui_id,
-    //           items: items,
-    //         },
-    //         parent_node: parent_nodeP,
-    //         currentRecordId: currentRecordId,
-    //         $root_container: $root_container,
-    //         parent_element_ui_id: $container?.data()?.xuData?.ui_id,
-    //       },
-    //       xuAttributes: {},
-    //     })
-
-    // if (div_typeP === "svg") {
-    //   $div.removeAttr("xu-ui-id")
-    // }
     if (div_typeP !== 'svg') {
       $div.appendTo($appendTo);
     }
@@ -13673,20 +13594,8 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
           await func.UI.component.create_app_page_component(SESSION_ID, paramsP.dsSessionP);
           const page = new UI_FRAMEWORK_PLUGIN.page();
           await set_call_screen_properties_values(page);
-          await page.create(
-            params,
-            // SESSION_ID,
-            // paramsP.dsSessionP,
-            // nav,
-            // $nav.data().xuData.nav_params[paramsP.dsSessionP]
-          );
-          await page.init(
-            params,
-            // SESSION_ID,
-            // paramsP.dsSessionP,
-            // nav,
-            // $nav.data().xuData.nav_params[paramsP.dsSessionP]
-          );
+          await page.create(params);
+          await page.init(params);
           nav.push(component_name, { params });
         } else {
           debugger;
@@ -13922,20 +13831,6 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         } catch (err) {
           func.utils.debug_report(SESSION_ID, `${plugin_name} widget`, err.message, 'E');
         }
-
-        // glb.lifecycle.plugins[plugin_name] = {
-        //   plugin_script: fx,
-        //   setup_data: plugin_setup_ret.data,
-        //   fields,
-        //   params,
-        // };
-
-        // await glb.lifecycle.execute(SESSION_ID, "initialized");
-        // await glb.lifecycle.execute(SESSION_ID, method);
-
-        // } catch (err) {
-        //   report_error(err);
-        // }
       }
       return $div;
     },
@@ -13979,107 +13874,7 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         $container.data().xuAttributes[key] = _.cloneDeep(val);
       });
 
-      // var $div_content = $div.children();
-
-      // $.each($div_content, function (key, val) {
-      //   $(val).data().xuData.parent_container =
-      //     $div.data().xuData.parent_container;
-      // });
-
       return await render_screen_type($div);
-
-      // if (paramsP.is_mobile_modal) {
-      //   return await open_modal($div);
-      // }
-      // if (paramsP.is_mobile_popover) {
-      //   open_popover($div);
-      //   func.UI.utils.screen_blocker(
-      //     false,
-      //     paramsP.prog_id + "_" + paramsP.sourceScreenP
-      //   );
-      //   return;
-      // }
-
-      // if (paramsP.is_mobile_page) {
-      //   const $nav = $(SESSION_OBJ[SESSION_ID].root_element).find("xu-nav");
-      //   const nav = $nav[0];
-
-      //   var params = {
-      //     div: $div_content,
-      //     name: paramsP.screenInfo.properties?.menuTitle,
-      //     screenId: paramsP.screenId,
-      //     $container: $container,
-      //     // icon: $div.data().xuData.paramsP.screenInfo.rICN,
-      //     dsSession: paramsP.dsSessionP,
-      //   };
-      //   var component_name = "xu-page-component-" + paramsP.dsSessionP;
-      //   if (!$(nav).data().xuData.nav_params) {
-      //     $(nav).data().xuData.nav_params = {};
-      //   }
-
-      //   //restore validate
-      //   if ($(nav)?.data()?.xuData?.params?.[paramsP.dsSessionP]) {
-      //     params.$container.data().xuData.validate_screen_ready = $(nav)
-      //       .data()
-      //       .xuData.params[
-      //         paramsP.dsSessionP
-      //       ].$container.data().xuData.validate_screen_ready;
-      //   }
-
-      //   if (!$(nav)?.data()?.xuData) return;
-      //   $(nav).data().xuData.nav_params[paramsP.dsSessionP] = params;
-      //   if (!$(component_name).length) {
-      //     await func.UI.component.create_app_page_component(
-      //       SESSION_ID,
-      //       paramsP.dsSessionP
-      //     );
-      //     const page = new UI_FRAMEWORK_PLUGIN.page();
-      //     await page.create(
-      //       SESSION_ID,
-      //       paramsP.dsSessionP,
-      //       nav,
-      //       $nav.data().xuData.nav_params[paramsP.dsSessionP]
-      //     );
-      //     await page.init(
-      //       SESSION_ID,
-      //       paramsP.dsSessionP,
-      //       nav,
-      //       $nav.data().xuData.nav_params[paramsP.dsSessionP]
-      //     );
-      //     nav.push(component_name, { params });
-      //   } else {
-      //     debugger;
-      //     $(component_name).empty();
-
-      //     await UI_FRAMEWORK_PLUGIN.page(SESSION_ID, paramsP.dsSessionP);
-      //   }
-      //   $div.data().xuData.paramsP = $container.data().xuData.paramsP;
-
-      //   return $div;
-      // }
-
-      // if (
-      //   !paramsP.is_mobile_page &&
-      //   !paramsP.is_mobile_modal &&
-      //   !paramsP.is_mobile_popover &&
-      //   !paramsP.is_panelP
-      // ) {
-      //   var $nav = $(SESSION_OBJ[SESSION_ID].root_element).find("xu-nav");
-      //   if ($nav && $nav.length) {
-      //     // refresh made
-      //   } else {
-      //     $nav = $("<xu-nav>");
-      //     $container.append($nav);
-      //     func.UI.component.init_xu_nav($container, $nav);
-      //   }
-
-      //   $nav.data().xuData.$div = $div_content; // set data to nav to use in the component
-
-      //   await $nav[0].setRoot("xu-root-component-" + SESSION_ID);
-      // } else {
-      //   $container.append($div_content);
-      // }
-      // return $container;
     },
     [`xu-multi-view`]: async function () {
       var $div = $container;
@@ -14115,41 +13910,7 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
           return $div;
         };
         await func.UI.screen.set_attributes_new(SESSION_ID, is_skeleton, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, $container, true);
-        // var $div_content = $div.children();
-
-        // if (continuous_idx !== null || !prop.app_items_per_page) {
-        //   $.each($div.data().xuData, function (key, val) {
-        //     $container.data().xuData[key] = val;
-        //   });
-        //   $.each($div.data().xuAttributes, function (key, val) {
-        //     $container.data().xuAttributes[key] = val;
-        //   });
-
-        //   if (!$container.data().xuData.node) {
-        //     $container.data().xuData.node = {};
-        //   }
-
-        //   $container.data().xuData.node.children = [];
-
-        //   $.each($div_content, function (key, val) {
-        //     if (!$(val)?.data()?.xuData) return;
-        //     if (
-        //       continuous_idx === null ||
-        //       (continuous_idx && key > continuous_idx)
-        //     ) {
-        //       $(val).data().xuData.parent_container =
-        //         $div.data().xuData.parent_container;
-        //       $container
-        //         .data()
-        //         .xuData.node.children.push($(val).data().xuData.node);
-        //     }
-        //   });
-        // }
 
-        // if (continuous_idx !== null) {
-        //   if (glb.CURRENT_APP_LOADING === 1) glb.CURRENT_APP_LOADING = 0; // re-activate loader
-        //   return;
-        // }
         return await render_screen_type($div);
       };
 
@@ -14183,38 +13944,6 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         const ret = await func.UI.screen.render_ui_tree(SESSION_ID, $container, empty_result_node, parent_infoP, paramsP, jobNoP, null, 0, null, nodeP, null, $root_container);
         await func.events.validate(SESSION_ID, 'record_not_found', paramsP.dsSessionP);
         return await done(null);
-
-        // var text = "";
-        // if (prop?.app_empty_result_text !== "undefined") {
-        //   text = prop.app_empty_result_text;
-        // }
-        // if (
-        //   prop.app_empty_result_text_EXP &&
-        //   prop.app_empty_result_text_EXP !== "undefined"
-        // ) {
-        //   let exp = prop.app_empty_result_text_EXP;
-        //   if (exp && exp !== "undefined") {
-        //     var res = func.expression.get(
-        //       SESSION_ID,
-        //       exp,
-        //       paramsP.dsSessionP,
-        //       "app_empty_result_text_EXP",
-        //       _ds.currentRecordId
-        //     );
-        //     text = res.result;
-        //   }
-        // }
-        // if (icon || text) {
-        //   $container.append(
-        //     `<div style="width: 100%;" >${img}<h6 style="text-align: center;">${text}</h6></div>`
-        //   );
-        // }
-        // await func.events.validate(
-        //   SESSION_ID,
-        //   "record_not_found",
-        //   paramsP.dsSessionP
-        // );
-        // return await done(null);
       };
       var _ds = SESSION_OBJ[SESSION_ID].DS_GLB[paramsP.dsSessionP];
 
@@ -14227,25 +13956,7 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
       var i = 0;
       for await (const [key, val] of Object.entries(_ds.data_feed.rows)) {
         var node = JSON.parse(JSON.stringify(nodeP));
-        // TO FIX
-        // if (
-        //   continuous_idx === null &&
-        //   prop.app_items_per_page &&
-        //   i >= Number(prop.app_items_per_page)
-        // ) {
-        //   continuous_idx = i;
-        //   await done(null);
-
-        //   setTimeout(async function () {
-        //     await run_item(continuous_idx);
-        //     if (!glb.CURRENT_APP_LOADING) {
-        //       glb.CURRENT_APP_LOADING = 1;
-        //     } // deactivate loader
-        //   }, 1000);
-
-        //   continue;
-        // }
-        ////////
+
         _ds.currentRecordId = val._ROWID;
         const ret = await iterate_child($div, node, { continuous_idx }, null, $root_container);
 
@@ -14297,46 +14008,6 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
     };
     if (!element || element === 'script') return await done();
     let str = '';
-    // var $div
-    // const draw_svg = function () {
-    //   const get_tag_str = function (element, prop, val) {
-    //     let class_str = "";
-    //     let attr_str = "";
-    //     for (const [key, val] of Object.entries(prop)) {
-    //       if (key.substr(0, 2) !== "xu") {
-    //         attr_str += ` ${key}="${val}" `;
-    //       }
-    //     }
-    //     if (element === "svg") {
-    //       return `<${element}  ${attr_str} > `;
-    //     }
-    //     let ret = "";
-    //     if (val?.children?.length) {
-    //       ret = iterate_svg(val);
-    //     }
-
-    //     return `<${element} ${class_str} ${attr_str} > ${ret} </${element}>`;
-    //   };
-    //   let svg_str = get_tag_str(element, prop);
-    //   let inner_str = "";
-    //   const iterate_svg = function (node) {
-    //     let ret = "";
-    //     if (node.children) {
-    //       for (let val of node.children) {
-    //         let prop = val.attributes;
-    //         ret += get_tag_str(val.tagName, prop, val);
-    //       }
-    //     }
-    //     return ret;
-    //   };
-    //   inner_str = iterate_svg(nodeP);
-
-    //   $div = $(svg_str + inner_str + "</svg>").appendTo($container);
-    // };
-    // if (element === "svg") {
-    //   draw_svg();
-    //   // return await done();
-    // }
 
     var $div = func.UI.screen.create_container(SESSION_ID, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, prop, null, null, element, null, str);