@xuda.io/runtime-bundle 1.0.388 → 1.0.390

package/js/xuda-runtime-bundle.js

@@ -28221,6 +28221,22 @@ func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)
     }
   }
 };
+
+func.UI.update_xu_ref = function (SESSION_ID, dsSessionP) {
+  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] || {};
+
+  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] = { ds: _ds, data, attributes, props, xu_ui_id };
+};
  func.datasource = {};
 func.datasource.create = async function (
   SESSION_ID,
@@ -30119,15 +30135,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 +31978,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);
+      // 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) {
@@ -31989,15 +32007,80 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
       // create a new instance of `MutationObserver` named `observer`,
       // passing it a callback function
-      const observer = new MutationObserver(() => {
-        console.log('callback that runs when observer is triggered');
-      });
+      // const observer = new MutationObserver(() => {
+      //   console.log('callback that runs when observer is triggered');
+      // });
 
-      // call `observe()`, passing it the element to observe, and the options object
-      observer.observe(_session.DS_GLB[paramsP.dsSessionP], {
-        subtree: true,
-        childList: true,
-      });
+      // // call `observe()`, passing it the element to observe, and the options object
+      // observer.observe(_session.DS_GLB[paramsP.dsSessionP], {
+      //   subtree: true,
+      //   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;
+      //   }
+
+      //   // 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];
+
+      // // 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
+      // observedObject.job = "Developer";   // Property addition
+      // delete observedObject.age;          // Property deletion
+      //==================
 
       return {};
     },