@xuda.io/runtime-bundle 1.0.389 → 1.0.391

package/js/xuda-runtime-bundle.js

@@ -28221,6 +28221,32 @@ func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)
     }
   }
 };
+
+func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, $elm) {
+  const _session = SESSION_OBJ[SESSION_ID];
+  let _ds_0 = _session.DS_GLB[0];
+
+  const _ds = func.utils.clean_returned_datasource(SESSION_ID, dsSessionP);
+
+  const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
+  const data = _ds?.data_feed?.rows?.[row_idx] || {};
+
+  let SYS_GLOBAL_OBJ_REFS = _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value];
+
+  if (!SYS_GLOBAL_OBJ_REFS) {
+    SYS_GLOBAL_OBJ_REFS = { ds: _ds, data };
+  } else {
+    SYS_GLOBAL_OBJ_REFS.ds = _ds;
+    SYS_GLOBAL_OBJ_REFS.data = data;
+
+    if ($elm) {
+      // const props = _ds.in_parameters || {};
+      // const attributes = $elm?.data()?.xuData?.properties || {};
+
+      SYS_GLOBAL_OBJ_REFS.xu_ui_id = $elm.attr('xu-ui-id');
+    }
+  }
+};
  func.datasource = {};
 func.datasource.create = async function (
   SESSION_ID,
@@ -30119,15 +30145,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.ds.dsSession == dataSource) {
-              //     if (!fields_changed.includes(ref_name)) {
-              //       fields_changed.push(ref_name);
-              //     }
-              //   }
-              // }
+              // 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.ds.dsSession == dataSource) {
+                  func.UI.update_xu_ref(SESSION_ID, 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);
@@ -31961,20 +31988,21 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
   const common_fx = {
     'xu-ref': async function ($elm, val) {
-      const _session = SESSION_OBJ[SESSION_ID];
-      let _ds_0 = _session.DS_GLB[0];
+      func.UI.update_xu_ref(SESSION_ID, paramsP.dsSessionP, $elm);
+      // const _session = SESSION_OBJ[SESSION_ID];
+      // let _ds_0 = _session.DS_GLB[0];
 
-      const _ds = func.utils.clean_returned_datasource(SESSION_ID, paramsP.dsSessionP);
+      // const _ds = func.utils.clean_returned_datasource(SESSION_ID, paramsP.dsSessionP);
 
-      const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
-      const data = _ds?.data_feed?.rows?.[row_idx] || {};
+      // 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 || {};
-      const xu_ui_id = $elm.attr('xu-ui-id');
+      // const props = _ds.in_parameters || {};
+      // const attributes = $elm?.data()?.xuData?.properties || {};
+      // const xu_ui_id = $elm.attr('xu-ui-id');
 
-      // _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data, attributes, props };
-      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { ds: _ds, data, attributes, props, xu_ui_id };
+      // // _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data, attributes, props };
+      // _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { ds: _ds, data, attributes, props, xu_ui_id };
 
       // const proxy1 = new Proxy(_session.DS_GLB[paramsP.dsSessionP], {
       //   get(target, prop, receiver) {
@@ -31999,64 +32027,64 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       //   childList: true,
       // });
       //==================
-      class ObjectObserver {
-        constructor(targetObject, callback) {
-          this.callback = callback;
-          this.target = targetObject;
-
-          // Create a proxy to intercept property access and modifications
-          this.proxy = new Proxy(targetObject, {
-            set: (target, property, value) => {
-              const oldValue = target[property];
-              target[property] = value;
-
-              // Call the callback with mutation information
-              this.callback({
-                type: 'update',
-                object: target,
-                property,
-                oldValue,
-                newValue: value,
-              });
-
-              return true;
-            },
-
-            deleteProperty: (target, property) => {
-              const oldValue = target[property];
-              const deleted = delete target[property];
-
-              if (deleted) {
-                this.callback({
-                  type: 'delete',
-                  object: target,
-                  property,
-                  oldValue,
-                });
-              }
-
-              return deleted;
-            },
-          });
-
-          return this.proxy;
-        }
+      // class ObjectObserver {
+      //   constructor(targetObject, callback) {
+      //     this.callback = callback;
+      //     this.target = targetObject;
+
+      //     // Create a proxy to intercept property access and modifications
+      //     this.proxy = new Proxy(targetObject, {
+      //       set: (target, property, value) => {
+      //         const oldValue = target[property];
+      //         target[property] = value;
+
+      //         // Call the callback with mutation information
+      //         this.callback({
+      //           type: 'update',
+      //           object: target,
+      //           property,
+      //           oldValue,
+      //           newValue: value,
+      //         });
+
+      //         return true;
+      //       },
+
+      //       deleteProperty: (target, property) => {
+      //         const oldValue = target[property];
+      //         const deleted = delete target[property];
+
+      //         if (deleted) {
+      //           this.callback({
+      //             type: 'delete',
+      //             object: target,
+      //             property,
+      //             oldValue,
+      //           });
+      //         }
+
+      //         return deleted;
+      //       },
+      //     });
+
+      //     return this.proxy;
+      //   }
 
-        // Method to stop observing (for cleanup)
-        disconnect() {
-          this.callback = null;
-          this.target = null;
-          this.proxy = null;
-        }
-      }
+      //   // Method to stop observing (for cleanup)
+      //   disconnect() {
+      //     this.callback = null;
+      //     this.target = null;
+      //     this.proxy = null;
+      //   }
+      // }
 
-      // Usage example:
-      const originalObject = _session.DS_GLB[paramsP.dsSessionP];
+      // // Usage example:
+      // const originalObject = _session.DS_GLB[paramsP.dsSessionP];
 
-      // Create observer with callback
-      const observedObject = new ObjectObserver(originalObject, (mutation) => {
-        console.log('Change detected:', mutation);
-      });
+      // // Create observer with callback
+      // const observedObject = new ObjectObserver(originalObject, (mutation) => {
+      //   console.log('Change detected:', mutation);
+      // });
 
       // // These operations will trigger the callback
       // observedObject.name = "Jane";       // Property update