@xuda.io/runtime-bundle 1.0.719 → 1.0.721

package/js/xuda-runtime-bundle.js

@@ -28009,7 +28009,7 @@ func.datasource.create = async function (
   rowIdP,
   jobNoP,
   calling_trigger_prop,
-  screen_param,
+  parameters_raw_obj,
   NA_isInitP,
   NA_callingSourceP,
   calling_jobP,
@@ -28042,6 +28042,7 @@ func.datasource.create = async function (
       parameters_obj_inP,
       static_refreshP,
       worker_id,
+      parameters_raw_obj,
     };
 
     var IS_DATASOURCE_REFRESH = null;
@@ -28177,7 +28178,7 @@ func.datasource.create = async function (
         args.rowIdP,
         args.jobNoP,
         args.calling_trigger_prop,
-        null,
+        args.parameters_raw_obj,
         null,
         null,
         args.calling_jobP,
@@ -28218,7 +28219,7 @@ func.datasource.create = async function (
     return done(SESSION_ID, jsonP.dsSession, true);
   });
 };
-func.datasource.prepare = async function (SESSION_ID, prog_id, dataSourceNoP, parentDataSourceNoP, containerIdP, rowIdP, jobNoP, calling_trigger_prop, NA_screen_param, NA_isInitP, callingSourceP, calling_jobP, NA_screen_dsP, is_panelP, parameters_obj_inP, static_refreshP, run_atP, worker_id) {
+func.datasource.prepare = async function (SESSION_ID, prog_id, dataSourceNoP, parentDataSourceNoP, containerIdP, rowIdP, jobNoP, calling_trigger_prop, parameters_raw_obj, NA_isInitP, callingSourceP, calling_jobP, NA_screen_dsP, is_panelP, parameters_obj_inP, static_refreshP, run_atP, worker_id) {
   const set_parameters = async function () {
     var _session = SESSION_OBJ[SESSION_ID];
     const get_Out_parameters = async function (fieldIdP, located_field_param_idxP, param_row_idP) {
@@ -28347,6 +28348,7 @@ func.datasource.prepare = async function (SESSION_ID, prog_id, dataSourceNoP, pa
     static_refreshP,
     run_atP,
     worker_id,
+    parameters_raw_obj,
   };
 
   var dataSourceSession = null;
@@ -29265,7 +29267,7 @@ func.datasource.run_events_functions = async function (SESSION_ID, dataSourceSes
                   clearInterval(interval);
                   resolve(job_num);
                 }
-                if (i > 20) {
+                if (i > 50) {
                   console.error('deadlock detected');
                   clearInterval(interval);
                   resolve(job_num);
@@ -30003,6 +30005,18 @@ func.datasource.update = async function (SESSION_ID, datasource_changes, update_
 
                 if (!fields_changed.includes(field_id)) {
                   fields_changed.push(field_id);
+
+                  ///// REFRESH PARAMETERS IN
+                  // for (const [_dsSession, _ds] of Object.entries(_session.DS_GLB)) {
+                  //   if (_ds.args.parameters_raw_obj) {
+                  //     for (const [key, exp] of Object.entries(_ds.args.parameters_raw_obj)) {
+                  //       if (exp.includes(field_id)) {
+                  //         let ret = await func.expression.get(SESSION_ID, exp, _dsSession, 'parameters');
+                  //         _ds.in_parameters[key].value = ret.result;
+                  //       }
+                  //     }
+                  //   }
+                  // }
                 }
                 if (!datasource_changed.includes(dataSource)) {
                   datasource_changed.push(dataSource);
@@ -30049,6 +30063,19 @@ func.datasource.update = async function (SESSION_ID, datasource_changes, update_
           datasource_changed[0], // refresh the current datasource only
         );
       }
+      // ///// REFRESH PARAMETERS IN
+      // if (fields_changed.length) {
+      //   for (const [_dsSession, _ds] of Object.entries(_session.DS_GLB)) {
+      //     if (_ds.args.parameters_raw_obj) {
+      //       for (const [key, val] of Object.entries(_ds.args.parameters_raw_obj)) {
+      //         if (fields_changed.includes(val)) {
+      //           let ret = await func.expression.get(SESSION_ID, '@' + val, _dsSession, 'parameters');
+      //           _ds.in_parameters[val].value = ret.result;
+      //         }
+      //       }
+      //     }
+      //   }
+      // }
     }
     resolve();
   });
@@ -30843,7 +30870,7 @@ func.datasource.get_args_property_value = async function (SESSION_ID, dsSession,
   return _value;
 };
  func.UI.screen = {};
-func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callingDataSource_objP, $callingContainerP, triggerIdP, rowIdP, jobNoP, is_panelP, parameters_obj_inP, source_functionP, call_screen_propertiesP, refreshed_ds) {
+func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callingDataSource_objP, $callingContainerP, triggerIdP, rowIdP, jobNoP, is_panelP, parameters_obj_inP, source_functionP, call_screen_propertiesP, refreshed_ds, parameters_raw_obj) {
   if (!prog_id) return console.error('program is empty');
   let screen_ret = await func.utils.get_screen_obj(SESSION_ID, prog_id);
   if (!screen_ret) return console.error('program is not a screen object');
@@ -30896,6 +30923,7 @@ func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callin
     screenInfo,
     call_screen_propertiesP,
     parentDataSourceNoP: _session.DS_GLB?.[callingDataSource_objP?.dsSession]?.dsSession || callingDataSource_objP?.parentDataSourceNo || 0,
+    parameters_raw_obj,
   };
 
   switch (screen_type) {
@@ -31062,7 +31090,7 @@ func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callin
     rowIdP,
     jobNoP,
     null,
-    null,
+    parameters_raw_obj,
     null,
     null,
     null,
@@ -31669,212 +31697,200 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
   }
 };
 
-// func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-//   // check the main program
-//   if (fields_changed_datasource) {
-//     const _session = SESSION_OBJ[SESSION_ID];
-//     const _ds = _session.DS_GLB[fields_changed_datasource];
-//     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, _ds.prog_id);
-//     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-//     for (const field_id of fields_changed_arr || []) {
+func.UI.screen.refresh_screen_old = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
+  // check the main program
+  if (fields_changed_datasource) {
+    const _session = SESSION_OBJ[SESSION_ID];
+    const _ds = _session.DS_GLB[fields_changed_datasource];
+    const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, _ds.prog_id);
+    const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
+    for (const field_id of fields_changed_arr || []) {
+    }
+  }
 
-//     }
-//   }
+  const panels_obj = await func.UI.utils.get_panels_wrapper_from_dom(SESSION_ID, $(SESSION_OBJ[SESSION_ID].root_element), false);
 
-//   const panels_obj = await func.UI.utils.get_panels_wrapper_from_dom(SESSION_ID, $(SESSION_OBJ[SESSION_ID].root_element), false);
+  for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
+    const progDataSource_str = JSON.stringify(panel_val.prog_doc.progDataSource);
 
-//   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
-//     const progDataSource_str = JSON.stringify(panel_val.prog_doc.progDataSource);
+    var found, refresh_reason, refresh_details;
+    if (fields_changed_arr) {
+      if (fields_changed_datasource && panel_val._ds.dsSession <= Number(fields_changed_datasource)) {
+        continue;
+      }
+      for (const field_id of fields_changed_arr) {
+        // get panel attributes
+        const _attributes = panel_val?.panelXuAttributes || {};
 
-//     var found, refresh_reason, refresh_details;
-//     if (fields_changed_arr) {
-//       if (fields_changed_datasource && panel_val._ds.dsSession <= Number(fields_changed_datasource)) {
-//         continue;
-//       }
-//       for (const field_id of fields_changed_arr) {
-//         // get panel attributes
-//         const _attributes = panel_val?.panelXuAttributes || {};
+        // detect if program changed
+        found = _attributes['xu-exp:program']?.includes('@' + field_id);
 
-//         // detect if program changed
-//         found = _attributes['xu-exp:program']?.includes('@' + field_id);
+        if (found) {
+          refresh_reason = `program ${_attributes['xu-exp:program']} ${field_id} changed `;
+          refresh_details = _attributes;
+          break;
+        }
 
-//         if (found) {
-//           refresh_reason = `program ${_attributes['xu-exp:program']} ${field_id} changed `;
-//           refresh_details = _attributes;
-//           break;
-//         }
+        // _attributes holds also info of parameters in code_in: @code
+        // search field changed in panel call send parameters exp
+        for (const [attr, value] of Object.entries(_attributes)) {
+          const pattern = /xu-exp:(\w+)/;
+          const match = attr.match(pattern);
 
-//         // _attributes holds also info of parameters in code_in: @code
-//         // search field changed in panel call send parameters exp
-//         for (const [attr, value] of Object.entries(_attributes)) {
-//           const pattern = /xu-exp:(\w+)/;
-//           const match = attr.match(pattern);
+          if (!match) {
+            // continue if attribute is not expression
+            continue;
+          }
+          // code_in
+          const parameter_in_field_id = match?.[1];
+          // @code
+          if (value.includes(field_id)) {
+            // search parameter in field in the target program's progDataSource
+            found = progDataSource_str?.includes('@' + parameter_in_field_id);
 
-//           if (!match) {
-//             // continue if attribute is not expression
-//             continue;
-//           }
-//           // code_in
-//           const parameter_in_field_id = match?.[1];
-//           // @code
-//           if (value.includes(field_id)) {
-//             // search parameter in field in the target program's progDataSource
-//             found = progDataSource_str?.includes('@' + parameter_in_field_id);
-
-//             if (found) {
-//               refresh_reason = `field ${field_id} in progDataSource parameter_in changed`;
-//               refresh_details = panel_val?.prog_doc?.progDataSource;
-
-//               break;
-//             }
+            if (found) {
+              refresh_reason = `field ${field_id} in progDataSource parameter_in changed`;
+              refresh_details = panel_val?.prog_doc?.progDataSource;
 
-//             // found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
-//             found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, parameter_in_field_id, 'xu-for').length;
+              break;
+            }
 
-//             if (found) {
-//               refresh_reason = `field ${field_id} in progUi xu-for parameter_in changed`;
-//               refresh_details = found;
+            // found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
+            found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, parameter_in_field_id, 'xu-for').length;
 
-//               break;
-//             }
-//           }
-//         }
+            if (found) {
+              refresh_reason = `field ${field_id} in progUi xu-for parameter_in changed`;
+              refresh_details = found;
 
-//         if (found) break;
+              break;
+            }
+          }
+        }
 
-//         // search field changed in the target program's progDataSource  // @code
-//         found = progDataSource_str?.includes('@' + field_id);
-//         if (found) {
-//           refresh_reason = `field ${field_id} in progDataSource changed`;
-//           refresh_details = panel_val?.prog_doc?.progDataSource;
+        if (found) break;
 
-//           break;
-//         }
+        // search field changed in the target program's progDataSource  // @code
+        found = progDataSource_str?.includes('@' + field_id);
+        if (found) {
+          refresh_reason = `field ${field_id} in progDataSource changed`;
+          refresh_details = panel_val?.prog_doc?.progDataSource;
 
-//         found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, field_id, 'xu-for').length;
-//         if (found) {
-//           refresh_reason = `field ${field_id} in progUi xu-for changed`;
-//           refresh_details = found;
+          break;
+        }
 
-//           break;
-//         }
+        found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, field_id, 'xu-for').length;
+        if (found) {
+          refresh_reason = `field ${field_id} in progUi xu-for changed`;
+          refresh_details = found;
 
-//         if (found) {
-//           break;
-//         }
-//       }
-//     }
+          break;
+        }
 
-//     if (datasource_changed) {
-//       if (panel_val._ds.dsSession == datasource_changed) {
-//         refresh_reason = `panel datasource ${datasource_changed} changed`;
-//         refresh_details = '';
+        if (found) {
+          break;
+        }
+      }
+    }
 
-//         found = true;
-//       }
-//     }
-//     if (found) {
-//       const _session = SESSION_OBJ[SESSION_ID];
-//       if (_session.engine_mode === 'live_preview') {
-//         console.info('========= refresh info ==============');
-//         console.info('reason:', refresh_reason);
-//         console.info('details:', refresh_details);
-//         console.info('panel:', panel_val);
-//         console.info('=====================================');
-//       }
-//       const $div_elm = panel_val.$panel_div;
-//       const wrapper_data = $div_elm.data();
-
-//       if (_.isEmpty(wrapper_data)) continue;
-
-//       try {
-//         const ts = Date.now();
-//         // remove old panel content
-//         $.each(panel_val.ids, async function (key, val) {
-//           $("[xu-ui-id='" + val + "']")
-//             .attr('xu-ui-id', val + ts)
-//             .removeData();
-//         });
+    if (datasource_changed) {
+      if (panel_val._ds.dsSession == datasource_changed) {
+        refresh_reason = `panel datasource ${datasource_changed} changed`;
+        refresh_details = '';
 
-//         let refreshed_ds;
-//         // check if ds exist and deleted by garbage collector
+        found = true;
+      }
+    }
+    if (found) {
+      const _session = SESSION_OBJ[SESSION_ID];
+      if (_session.engine_mode === 'live_preview') {
+        console.info('========= refresh info ==============');
+        console.info('reason:', refresh_reason);
+        console.info('details:', refresh_details);
+        console.info('panel:', panel_val);
+        console.info('=====================================');
+      }
+      const $div_elm = panel_val.$panel_div;
+      const wrapper_data = $div_elm.data();
 
-//         if (_session.DS_GLB[panel_val._ds.dsSession]) {
-//           refreshed_ds = panel_val._ds.dsSession;
-//         }
-//         for await (const item of wrapper_data.xuData.node_org.children) {
-//           if (item.tagName !== 'xu-panel') continue;
+      if (_.isEmpty(wrapper_data)) continue;
 
-//           const new_$div = await func.UI.screen.render_ui_tree(
-//             SESSION_ID,
-//             $div_elm, // the wrapper
-//             _.cloneDeep(item), // _.cloneDeep(wrapper_data.xuData.node_org.children[0]), // the xu-panel node
-//             {},
-//             wrapper_data.xuData.paramsP, // the wrapper params
-//             null,
-//             null,
-//             wrapper_data.xuData.key, // the wrapper key
-//             refreshed_ds, // the refreshed_ds
-//             wrapper_data.xuData.parent_node, // the wrapper parent node
-//             null,
-//             wrapper_data.xuData.$root_container, // the wrapper root container
-//           );
-//         }
+      try {
+        const ts = Date.now();
+        // remove old panel content
+        $.each(panel_val.ids, async function (key, val) {
+          $("[xu-ui-id='" + val + "']")
+            .attr('xu-ui-id', val + ts)
+            .removeData();
+        });
 
-//         // remove old panel content
-//         $.each(panel_val.ids, async function (key, val) {
-//           $("[xu-ui-id='" + val + ts + "']").remove();
-//         });
-//       } catch (error) {
-//         debugger;
-//       }
-//       // continue;
-//     }
-//   }
-// };
+        let refreshed_ds;
+        // check if ds exist and deleted by garbage collector
+
+        if (_session.DS_GLB[panel_val._ds.dsSession]) {
+          refreshed_ds = panel_val._ds.dsSession;
+        }
+        for await (const item of wrapper_data.xuData.node_org.children) {
+          if (item.tagName !== 'xu-panel') continue;
+
+          const new_$div = await func.UI.screen.render_ui_tree(
+            SESSION_ID,
+            $div_elm, // the wrapper
+            _.cloneDeep(item), // _.cloneDeep(wrapper_data.xuData.node_org.children[0]), // the xu-panel node
+            {},
+            wrapper_data.xuData.paramsP, // the wrapper params
+            null,
+            null,
+            wrapper_data.xuData.key, // the wrapper key
+            refreshed_ds, // the refreshed_ds
+            wrapper_data.xuData.parent_node, // the wrapper parent node
+            null,
+            wrapper_data.xuData.$root_container, // the wrapper root container
+          );
+        }
+
+        // remove old panel content
+        $.each(panel_val.ids, async function (key, val) {
+          $("[xu-ui-id='" + val + ts + "']").remove();
+        });
+      } catch (error) {
+        debugger;
+      }
+      // continue;
+    }
+  }
+};
 
 const get_params_obj_new = async function (SESSION_ID, prog_id, nodeP, dsSession) {
   const _prog = await func.utils.VIEWS_OBJ.get(SESSION_ID, prog_id);
   if (!_prog) return;
 
   // get in parameters
-  var params_obj = {};
+  let params_res = {},
+    params_raw = {};
   if (_prog?.properties?.progParams) {
     for await (const [key, val] of Object.entries(_prog.properties.progParams)) {
       if (!['in', 'out'].includes(val.data.dir)) continue;
 
       if (nodeP.attributes) {
         if (nodeP.attributes[val.data.parameter]) {
-          params_obj[val.data.parameter] = nodeP.attributes[val.data.parameter];
+          params_res[val.data.parameter] = nodeP.attributes[val.data.parameter];
         } else if (nodeP.attributes[`xu-exp:${val.data.parameter}`]) {
           if (val.data.dir == 'out') {
             // only reference
-            params_obj[val.data.parameter] = nodeP.attributes[`xu-exp:${val.data.parameter}`].replaceAll('@', '');
+            params_res[val.data.parameter] = nodeP.attributes[`xu-exp:${val.data.parameter}`].replaceAll('@', '');
           } else {
             // in parameter
             let ret = await func.expression.get(SESSION_ID, nodeP.attributes[`xu-exp:${val.data.parameter}`], dsSession, 'parameters');
-            params_obj[val.data.parameter] = ret.result;
+            params_res[val.data.parameter] = ret.result;
+            params_raw[val.data.parameter] = nodeP.attributes[`xu-exp:${val.data.parameter}`];
           }
         }
-
-        // if (parameters_obj_inP?.[val.data.parameter].fx) {
-        //   let ret = await func.expression.get(
-        //     SESSION_ID,
-        //     parameters_obj_inP?.[val.data.parameter].fx,
-        //     dsSession,
-        //     "parameters"
-        //   );
-        //   params_obj[val.data.parameter] = ret.result;
-        // } else {
-        //   params_obj[val.data.parameter] =
-        //     parameters_obj_inP?.[val.data.parameter].value;
-        // }
         continue;
       }
       console.warn(`Warning: Program ${_prog.properties.menuName} expected In parameter: ${val.data.parameter} but received null instead`);
     }
   }
-  return params_obj;
+  return { params_res, params_raw };
 };
 
 func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, xu_func, $elm, val, is_init, refreshed_ds) {
@@ -31891,8 +31907,8 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
         const init_program = async function () {
           async function render_panel() {
             const prog_id = val.value?.prog || val.value;
-            const param_obj = await get_params_obj_new(SESSION_ID, prog_id, nodeP, paramsP.dsSessionP);
-            let ret_panel = await func.UI.screen.init(SESSION_ID, prog_id, paramsP.screenId, _ds, $elm, null, _ds.currentRecordId, null, true, param_obj, 'initXu_panel', undefined, prog_id !== _ds.prog_id ? null : refreshed_ds);
+            const params_obj = await get_params_obj_new(SESSION_ID, prog_id, nodeP, paramsP.dsSessionP);
+            let ret_panel = await func.UI.screen.init(SESSION_ID, prog_id, paramsP.screenId, _ds, $elm, null, _ds.currentRecordId, null, true, params_obj.params_res, 'initXu_panel', undefined, prog_id !== _ds.prog_id ? null : refreshed_ds, params_obj.params_raw);
             ret = { $new_div: ret_panel };
             $container.data().xuData.xuPanelProps = $elm.data().xuAttributes;
             $container.data().xuData.xuPanelData = ret_panel.data();
@@ -31941,8 +31957,8 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
             const program = val.value?.prog || val.value;
             var $wrapper = $('<div>');
             var $div = func.UI.screen.create_container(SESSION_ID, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, nodeP.attributes, null, null, null, $wrapper, '');
-            const param_obj = await get_params_obj_new(SESSION_ID, program, nodeP, paramsP.dsSessionP);
-            let ret_init = await func.UI.screen.init(SESSION_ID, program, paramsP.screenId, _ds, $div, null, _ds.currentRecordId, jobNoP, true, param_obj, 'alterXu_panel');
+            const params_obj = await get_params_obj_new(SESSION_ID, program, nodeP, paramsP.dsSessionP);
+            let ret_init = await func.UI.screen.init(SESSION_ID, program, paramsP.screenId, _ds, $div, null, _ds.currentRecordId, jobNoP, true, params_obj.params_res, 'alterXu_panel', undefined, undefined, params_obj.params_raw);
             ret = {
               $new_div: ret_init,
               abort: true,
@@ -36387,7 +36403,7 @@ func.events.execute = async function (
     var params_obj = {};
     if (_prog?.properties?.progParams) {
       for await (const [key, val] of Object.entries(_prog.properties.progParams)) {
-        if (val.data.dir !== 'in') continue;
+        if (!val.data.dir === 'in') continue;
         if (typeof args.parameters_obj_inP?.[val.data.parameter] !== 'undefined') {
           if (args.parameters_obj_inP?.[val.data.parameter].fx) {
             let ret = await func.expression.get(SESSION_ID, args.parameters_obj_inP?.[val.data.parameter].fx, dsSession, 'parameters');
@@ -37729,7 +37745,7 @@ func.action.execute = async function (
  func.UI.main = {};
 
 func.UI.main.clear_SYNC_INTERVAL = function () {
-  $("body").unbind("mousemove keypress mousedown");
+  $('body').unbind('mousemove keypress mousedown');
 };
 func.UI.main.embed_prog_execute = async function (SESSION_ID, prog) {
   var _session = SESSION_OBJ[SESSION_ID];
@@ -37741,16 +37757,13 @@ func.UI.main.embed_prog_execute = async function (SESSION_ID, prog) {
     var params_obj = {};
     if (_prog?.properties?.progParams) {
       for (const [key, val] of Object.entries(_prog.properties.progParams)) {
-        if (!val.data.dir === "in") continue;
-        if (typeof _session.url_params?.[val.data.parameter] !== "undefined") {
-          params_obj[val.data.parameter] =
-            _session.url_params?.[val.data.parameter];
+        if (val.data.dir !== 'in') continue;
+        if (typeof _session.url_params?.[val.data.parameter] !== 'undefined') {
+          params_obj[val.data.parameter] = _session.url_params?.[val.data.parameter];
 
           continue;
         }
-        console.warn(
-          `Warning: Program ${_prog.properties.menuName} expected In parameter: ${val.data.parameter} but received null instead`
-        );
+        console.warn(`Warning: Program ${_prog.properties.menuName} expected In parameter: ${val.data.parameter} but received null instead`);
       }
     }
     return params_obj;
@@ -37758,50 +37771,33 @@ func.UI.main.embed_prog_execute = async function (SESSION_ID, prog) {
 
   let screen_ret = await func.utils.get_screen_obj(SESSION_ID, prog);
   if (screen_ret) {
-    let ret_init = await func.UI.screen.init(
-      SESSION_ID,
-      prog,
-      null,
-      null,
-      $("#embed_" + SESSION_ID),
-      null,
-      null,
-      null,
-      null,
-      get_params_obj(),
-      "call_embed"
-    );
+    let ret_init = await func.UI.screen.init(SESSION_ID, prog, null, null, $('#embed_' + SESSION_ID), null, null, null, null, get_params_obj(), 'call_embed');
     document.title = screen_ret.properties.menuTitle;
 
     return;
   }
 
-  console.error("Program not exist", prog);
-  func.UI.utils.progressScreen.show(
-    SESSION_ID,
-    "Program not exist",
-    null,
-    true
-  );
+  console.error('Program not exist', prog);
+  func.UI.utils.progressScreen.show(SESSION_ID, 'Program not exist', null, true);
   // }
 };
 
 func.UI.main.embed_loader = async function (SESSION_ID) {
   var _session = SESSION_OBJ[SESSION_ID];
-  var hash = "";
+  var hash = '';
   if (window.location.hash) hash = window.location.hash.substr(1);
   _session.SYS_GLOBAL_STR_BROWSER_HASH_ID = hash;
   _session.SYS_GLOBAL_STR_BROWSER_TITLE = document.title;
 
   const init_system_ds = async function () {
-    if (!["main"].includes(_session.opt.app_computing_mode)) {
-      await func.index.new_webworker(SESSION_ID, { menuName: "Main" });
+    if (!['main'].includes(_session.opt.app_computing_mode)) {
+      await func.index.new_webworker(SESSION_ID, { menuName: 'Main' });
       // await func.index.call_worker(SESSION_ID, {
       //   service: "create_webworker_globals",
       //   data: { ds_data: _session.DS_GLB[0], session_id: SESSION_ID },
       // });
     }
-    const ret = await func.datasource.create(SESSION_ID, "system");
+    const ret = await func.datasource.create(SESSION_ID, 'system');
 
     /////////// moved to the datasource callback to allow sync on_load events to run at worker
 
@@ -37817,12 +37813,7 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
   };
   const set_SYS_GLOBAL_KEYS_STATE = async function (SESSION_ID, e, state) {
     if (!_session?.DS_GLB?.[0]) return;
-    if (
-      e.keyCode !== 16 &&
-      e.keyCode !== 17 &&
-      e.keyCode !== 18 &&
-      e.keyCode !== 91
-    ) {
+    if (e.keyCode !== 16 && e.keyCode !== 17 && e.keyCode !== 18 && e.keyCode !== 91) {
       return;
     }
 
@@ -37843,7 +37834,7 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
 
     var datasource_changes = {
       [0]: {
-        ["data_system"]: data,
+        ['data_system']: data,
       },
     };
     await func.datasource.update(SESSION_ID, datasource_changes);
@@ -37854,38 +37845,32 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
     _session.WORKER_OBJ.fx.init();
   };
   const create_embed_container = async function () {
-    $("<div>")
-      .attr("id", "embed_" + SESSION_ID)
+    $('<div>')
+      .attr('id', 'embed_' + SESSION_ID)
 
-      .addClass("xu_embed_div")
+      .addClass('xu_embed_div')
       .data({ xuData: {} })
       .appendTo($(_session.root_element));
   };
   const execute_PENDING_OPEN_URL_EVENTS = async function () {
-    if (
-      typeof func.events.execute_PENDING_OPEN_URL_EVENTS !== "undefined" &&
-      glb.is_cordova
-    ) {
+    if (typeof func.events.execute_PENDING_OPEN_URL_EVENTS !== 'undefined' && glb.is_cordova) {
       func.events.execute_PENDING_OPEN_URL_EVENTS();
     }
   };
 
   const remove_loader = async function () {
-    $(".loader").remove();
-    $(_session.root_element).removeClass("loader_background_color");
+    $('.loader').remove();
+    $(_session.root_element).removeClass('loader_background_color');
   };
   const perform_callback = async function () {
     if (_session.api_callback) {
-      _session.api_callback("xuda_ready", SESSION_ID, SESSION_OBJ);
+      _session.api_callback('xuda_ready', SESSION_ID, SESSION_OBJ);
     }
   };
 
   const call_program = async function () {
     if (_session.route_id) {
-      const route_obj = await func.utils.DOCS_OBJ.get(
-        SESSION_ID,
-        _session.route_id
-      );
+      const route_obj = await func.utils.DOCS_OBJ.get(SESSION_ID, _session.route_id);
 
       function flattenMenuItems(menu) {
         let flatMenu = {};
@@ -37928,50 +37913,25 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
     if (!_session.prog_id) return;
 
     await func.utils.TREE_OBJ.get(SESSION_ID, _session.prog_id);
-    let screen_ret = await func.utils.get_screen_obj(
-      SESSION_ID,
-      _session.prog_id
-    );
+    let screen_ret = await func.utils.get_screen_obj(SESSION_ID, _session.prog_id);
     if (screen_ret) {
       func.UI.main.embed_prog_execute(SESSION_ID, _session.prog_id);
     } else {
-      console.error("Program not exist", _session.prog_id);
-      func.UI.utils.progressScreen.show(
-        SESSION_ID,
-        "Program not exist",
-        null,
-        true
-      );
+      console.error('Program not exist', _session.prog_id);
+      func.UI.utils.progressScreen.show(SESSION_ID, 'Program not exist', null, true);
     }
   };
 
   const register_run_background_plugins = async function () {
-    if (typeof glb.SLIM_BUNDLE !== "undefined" || glb.SLIM_BUNDLE) return;
+    if (typeof glb.SLIM_BUNDLE !== 'undefined' || glb.SLIM_BUNDLE) return;
 
-    for await (const [plugin_name, val] of Object.entries(
-      APP_OBJ[_session.app_id].app_plugins_purchased
-    )) {
-      if (
-        val.installed &&
-        val.run_in_background &&
-        val.manifest?.["runtime.mjs"]?.exist
-      ) {
+    for await (const [plugin_name, val] of Object.entries(APP_OBJ[_session.app_id].app_plugins_purchased)) {
+      if (val.installed && val.run_in_background && val.manifest?.['runtime.mjs']?.exist) {
         try {
-          const plugin_runtime_src = await func.utils.get_plugin_npm_cdn(
-            SESSION_ID,
-            plugin_name,
-            `${val.manifest["runtime.mjs"].dist ? "dist/" : ""}runtime.mjs`
-          );
+          const plugin_runtime_src = await func.utils.get_plugin_npm_cdn(SESSION_ID, plugin_name, `${val.manifest['runtime.mjs'].dist ? 'dist/' : ''}runtime.mjs`);
 
-          if (
-            val.manifest["runtime.mjs"].dist &&
-            val.manifest?.["runtime.mjs"]?.css
-          ) {
-            const plugin_runtime_css_url = await func.utils.get_plugin_npm_cdn(
-              SESSION_ID,
-              plugin_name,
-              "dist/runtime.css"
-            );
+          if (val.manifest['runtime.mjs'].dist && val.manifest?.['runtime.mjs']?.css) {
+            const plugin_runtime_css_url = await func.utils.get_plugin_npm_cdn(SESSION_ID, plugin_name, 'dist/runtime.css');
             func.utils.load_css_on_demand(plugin_runtime_css_url);
           }
 
@@ -37979,20 +37939,13 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
           eval(plugin_script);
 
           let plugin_setup_script_ret = null;
-          if (val.manifest?.["index.mjs"]?.exist) {
-            const plugin_setup_src = await func.utils.get_plugin_npm_cdn(
-              SESSION_ID,
-              plugin_name,
-              `${val.manifest["index.mjs"].dist ? "dist/" : ""}index.mjs`
-            );
+          if (val.manifest?.['index.mjs']?.exist) {
+            const plugin_setup_src = await func.utils.get_plugin_npm_cdn(SESSION_ID, plugin_name, `${val.manifest['index.mjs'].dist ? 'dist/' : ''}index.mjs`);
 
             let plugin_setup_script = await import(plugin_setup_src);
 
             if (plugin_setup_script) {
-              plugin_setup_script_ret = await func.utils.get_plugin_setup(
-                SESSION_ID,
-                plugin_name
-              );
+              plugin_setup_script_ret = await func.utils.get_plugin_setup(SESSION_ID, plugin_name);
               if (plugin_setup_script_ret.code < 0) {
                 throw plugin_setup_script_ret;
               }
@@ -38019,7 +37972,7 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
 
     var datasource_changes = {
       [0]: {
-        ["data_system"]: data,
+        ['data_system']: data,
       },
     };
     await func.datasource.update(SESSION_ID, datasource_changes);
@@ -38029,20 +37982,20 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
 
   $(_session.root_element).show();
   func.UI.component.create_app_root_component(SESSION_ID);
-  await glb.lifecycle.execute(SESSION_ID, "beforeInit");
+  await glb.lifecycle.execute(SESSION_ID, 'beforeInit');
   await start_workers();
   await init_system_ds();
-  await glb.lifecycle.execute(SESSION_ID, "initialized");
+  await glb.lifecycle.execute(SESSION_ID, 'initialized');
   await create_embed_container();
   await execute_PENDING_OPEN_URL_EVENTS();
   await remove_loader();
   await func.UI.worker.init(SESSION_ID);
-  await glb.lifecycle.execute(SESSION_ID, "beforeMounted");
+  await glb.lifecycle.execute(SESSION_ID, 'beforeMounted');
   await call_program();
-  await glb.lifecycle.execute(SESSION_ID, "mounted");
+  await glb.lifecycle.execute(SESSION_ID, 'mounted');
   await perform_callback();
-  func.utils.debug.write(SESSION_ID, "Xuda.io started.");
-  await glb.lifecycle.execute(SESSION_ID, "systemReady");
+  func.utils.debug.write(SESSION_ID, 'Xuda.io started.');
+  await glb.lifecycle.execute(SESSION_ID, 'systemReady');
   /////////////////////////////
   $(document).keydown(function (e) {
     set_SYS_GLOBAL_KEYS_STATE(SESSION_ID, e, 1);
@@ -38052,23 +38005,14 @@ func.UI.main.embed_loader = async function (SESSION_ID) {
   });
 
   await updateOnlineStatus();
-  window.addEventListener("online", updateOnlineStatus);
-  window.addEventListener("offline", updateOnlineStatus);
+  window.addEventListener('online', updateOnlineStatus);
+  window.addEventListener('offline', updateOnlineStatus);
 
-  console.log("xuda.io system ready.");
-  $("body")[0].dispatchEvent(glb.system_ready_event);
+  console.log('xuda.io system ready.');
+  $('body')[0].dispatchEvent(glb.system_ready_event);
 };
 func.UI.main.set_custom_css = function (SESSION_ID, callbackP) {
-  if (
-    SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system?.["SYS_GLOBAL_STR_SITE_CSS"]
-  )
-    $(
-      "<style type='text/css'> " +
-      SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system[
-      "SYS_GLOBAL_STR_SITE_CSS"
-      ] +
-      " </style>"
-    ).appendTo("head");
+  if (SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system?.['SYS_GLOBAL_STR_SITE_CSS']) $("<style type='text/css'> " + SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system['SYS_GLOBAL_STR_SITE_CSS'] + ' </style>').appendTo('head');
   callbackP();
 };
  func.index = {};