@xuda.io/runtime-bundle 1.0.404 → 1.0.406

package/js/xuda-runtime-slim.js

@@ -8896,6 +8896,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
             null,
             queue_obj.paramsP.elem_val.$elm.data().xuData.iterate_info,
           );
+          console.log(res);
         }
 
         const attr_new = attr.split('xu-exp:')[1];
@@ -11557,7 +11558,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
             }
           }
         }
-        if (found) break;
+        // if (found) break;
 
         if (item.children) {
           await iterate_progUi(item.children, item.id);
@@ -11593,8 +11594,8 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 };
 
 func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-  const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
-  // var panels_obj = {};
+  // const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
+
   const panels_obj = func.UI.utils.get_panels_from_dom(SESSION_ID, false);
 
   const find_field_in_progUi = function (progUi, field_id, prop) {
@@ -11623,9 +11624,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, panel_val._ds.prog_id);
     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-    // const progUi_str = JSON.stringify(prog_doc.progUi);
-
-    // console.log("panel_val", panel_val)
 
     var found;
     if (fields_changed_arr) {
@@ -11645,7 +11643,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         for (const [attr, value] of Object.entries(_attributes)) {
           const pattern = /xu-exp:(\w+)/;
           const match = attr.match(pattern);
-          // if (!match && value !== "@" + field_id) {
+
           if (!match) {
             // continue if attribute is not expression
             continue;
@@ -11658,9 +11656,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             found = progDataSource_str?.includes('@' + parameter_in_field_id);
             if (found) break;
 
-            // found = progUi_str?.includes("@" + parameter_in_field_id);
-            // if (found) return false;
-
             found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
             if (found) break;
           }
@@ -11671,12 +11666,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         // search field changed in the target program's progDataSource  // @code
         found = progDataSource_str?.includes('@' + field_id);
         if (found) break;
-
-        // found = progUi_str?.includes("@" + field_id);
-        // if (found) return false;
-
-        // found = find_field_in_progUi(prog_doc.progUi, field_id)
-        // if (found) break
       }
     }
 
@@ -11693,26 +11682,10 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
 
       // restore original panel
       try {
-        const $org_panel = panel_val.$div.data().xuPanelData.$panel_div; //panel_val.$div.clone(true);
-
-        // const old_ds = $($org_panel).data().xuData.paramsP.dsSessionP;
-        // func.datasource.del(SESSION_ID, old_ds);
+        // const $org_panel = panel_val.$div.data().xuPanelData.$panel_div;
 
         const new_$div = await func.UI.screen.render_ui_tree(SESSION_ID, $div_elm, _.cloneDeep(panel_val.$div.data().xuPanelData.node), {}, $div_elm.data().xuData.paramsP, null, null, $div_elm.data().xuData.key, null, $div_elm.data().xuData.parent_node, null, $div_elm.data().xuData.$root_container);
-        // const new_$div = await func.UI.screen.render_ui_tree(
-        //   SESSION_ID,
-        //   $div_elm,
-        //   _.cloneDeep(panel_val.$div.data().xuPanelData.node),
-        //   {},
-        //   $org_panel.data().xuData.paramsP,
-        //   null,
-        //   null,
-        //   $org_panel.data().xuData.key,
-        //   null,
-        //   $org_panel.data().xuData.parent_node,
-        //   null,
-        //   $org_panel.data().xuData.$root_container
-        // );
+
         // remove old panel content
         $.each(panel_val.ids, async function (key, val) {
           $("[xu-ui-id='" + val + "']").remove();
@@ -11962,14 +11935,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Callback function to execute when mutations are observed
       const callback = (mutationList, observer) => {
         func.UI.screen.refresh_xu_attributes(SESSION_ID, [val.value]);
-        return;
-        for (const mutation of mutationList) {
-          if (mutation.type === 'childList') {
-            console.log('A child node has been added or removed.');
-          } else if (mutation.type === 'attributes') {
-            console.log(`The ${mutation.attributeName} attribute was modified.`);
-          }
-        }
       };
 
       // Create an observer instance linked to the callback function
@@ -12755,7 +12720,6 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
 
   // ALL
 
-  // let svg_attributes_str = ""
   for await (const [key, val] of Object.entries(nodeP.attributes)) {
     if (_ret.abort) break;
     if (glb.html5_events_handler.includes(key) || execute_attributes.includes(key)) {
@@ -12769,12 +12733,7 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     ) {
       // handle common html attributes
       try {
-        // $elm.attr(key, val);
-        // if (nodeP.tagName === "svg") {
-        //   svg_attributes_str += `${key}="${val}" `
-        // } else {
         $elm.get(0).setAttribute(key, val);
-        // }
       } catch (err) {
         console.error(err.message);
       }
@@ -12783,7 +12742,6 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     }
     // handle xu attributes
     try {
-      // console.log(">>>> attributes", key, val);
       $elm.data().xuAttributes[key] = val;
     } catch (error) {
       debugger;

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

@@ -8897,6 +8897,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
             null,
             queue_obj.paramsP.elem_val.$elm.data().xuData.iterate_info,
           );
+          console.log(res);
         }
 
         const attr_new = attr.split('xu-exp:')[1];
@@ -9630,7 +9631,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
             }
           }
         }
-        if (found) break;
+        // if (found) break;
 
         if (item.children) {
           await iterate_progUi(item.children, item.id);
@@ -9666,8 +9667,8 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 };
 
 func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-  const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
-  // var panels_obj = {};
+  // const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
+
   const panels_obj = func.UI.utils.get_panels_from_dom(SESSION_ID, false);
 
   const find_field_in_progUi = function (progUi, field_id, prop) {
@@ -9696,9 +9697,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, panel_val._ds.prog_id);
     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-    // const progUi_str = JSON.stringify(prog_doc.progUi);
-
-    // console.log("panel_val", panel_val)
 
     var found;
     if (fields_changed_arr) {
@@ -9718,7 +9716,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         for (const [attr, value] of Object.entries(_attributes)) {
           const pattern = /xu-exp:(\w+)/;
           const match = attr.match(pattern);
-          // if (!match && value !== "@" + field_id) {
+
           if (!match) {
             // continue if attribute is not expression
             continue;
@@ -9731,9 +9729,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             found = progDataSource_str?.includes('@' + parameter_in_field_id);
             if (found) break;
 
-            // found = progUi_str?.includes("@" + parameter_in_field_id);
-            // if (found) return false;
-
             found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
             if (found) break;
           }
@@ -9744,12 +9739,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         // search field changed in the target program's progDataSource  // @code
         found = progDataSource_str?.includes('@' + field_id);
         if (found) break;
-
-        // found = progUi_str?.includes("@" + field_id);
-        // if (found) return false;
-
-        // found = find_field_in_progUi(prog_doc.progUi, field_id)
-        // if (found) break
       }
     }
 
@@ -9766,26 +9755,10 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
 
       // restore original panel
       try {
-        const $org_panel = panel_val.$div.data().xuPanelData.$panel_div; //panel_val.$div.clone(true);
-
-        // const old_ds = $($org_panel).data().xuData.paramsP.dsSessionP;
-        // func.datasource.del(SESSION_ID, old_ds);
+        // const $org_panel = panel_val.$div.data().xuPanelData.$panel_div;
 
         const new_$div = await func.UI.screen.render_ui_tree(SESSION_ID, $div_elm, _.cloneDeep(panel_val.$div.data().xuPanelData.node), {}, $div_elm.data().xuData.paramsP, null, null, $div_elm.data().xuData.key, null, $div_elm.data().xuData.parent_node, null, $div_elm.data().xuData.$root_container);
-        // const new_$div = await func.UI.screen.render_ui_tree(
-        //   SESSION_ID,
-        //   $div_elm,
-        //   _.cloneDeep(panel_val.$div.data().xuPanelData.node),
-        //   {},
-        //   $org_panel.data().xuData.paramsP,
-        //   null,
-        //   null,
-        //   $org_panel.data().xuData.key,
-        //   null,
-        //   $org_panel.data().xuData.parent_node,
-        //   null,
-        //   $org_panel.data().xuData.$root_container
-        // );
+
         // remove old panel content
         $.each(panel_val.ids, async function (key, val) {
           $("[xu-ui-id='" + val + "']").remove();
@@ -10035,14 +10008,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Callback function to execute when mutations are observed
       const callback = (mutationList, observer) => {
         func.UI.screen.refresh_xu_attributes(SESSION_ID, [val.value]);
-        return;
-        for (const mutation of mutationList) {
-          if (mutation.type === 'childList') {
-            console.log('A child node has been added or removed.');
-          } else if (mutation.type === 'attributes') {
-            console.log(`The ${mutation.attributeName} attribute was modified.`);
-          }
-        }
       };
 
       // Create an observer instance linked to the callback function
@@ -10828,7 +10793,6 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
 
   // ALL
 
-  // let svg_attributes_str = ""
   for await (const [key, val] of Object.entries(nodeP.attributes)) {
     if (_ret.abort) break;
     if (glb.html5_events_handler.includes(key) || execute_attributes.includes(key)) {
@@ -10842,12 +10806,7 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     ) {
       // handle common html attributes
       try {
-        // $elm.attr(key, val);
-        // if (nodeP.tagName === "svg") {
-        //   svg_attributes_str += `${key}="${val}" `
-        // } else {
         $elm.get(0).setAttribute(key, val);
-        // }
       } catch (err) {
         console.error(err.message);
       }
@@ -10856,7 +10815,6 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     }
     // handle xu attributes
     try {
-      // console.log(">>>> attributes", key, val);
       $elm.data().xuAttributes[key] = val;
     } catch (error) {
       debugger;