@xuda.io/runtime-bundle 1.0.1338 → 1.0.1340

package/js/xuda-runtime-slim.js

@@ -9069,6 +9069,7 @@ func.UI.find_field_in_progUi_attributes = function (progUi, field_id, prop, tag_
 };
 
 func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
+  return;
   let ret;
   const _session = SESSION_OBJ[SESSION_ID];
   let _ds_0 = _session.DS_GLB[0];
@@ -9196,13 +9197,144 @@ func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
       }
       return a;
     }
-    // deepUpdateObject(SYS_GLOBAL_OBJ_REFS[ref_field_id], obj);
-    SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
+    deepUpdateObject(SYS_GLOBAL_OBJ_REFS[ref_field_id], obj);
+    // SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
     ret = true;
   }
 
   return ret;
 };
+
+func.UI.create_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
+  let ret;
+  const _session = SESSION_OBJ[SESSION_ID];
+  let _ds_0 = _session.DS_GLB[0];
+
+  function createWatchedObject(obj, onChange) {
+    const watchers = new WeakMap();
+
+    function createProxy(target, path = []) {
+      if (watchers.has(target)) {
+        return watchers.get(target);
+      }
+
+      const proxy = new Proxy(target, {
+        set(obj, prop, value) {
+          const oldValue = obj[prop];
+          let currentPath = [...path, prop];
+
+          // Set the new value
+          obj[prop] = value;
+
+          // If the new value is an object, make it observable too
+          if (typeof value === 'object' && value !== null) {
+            obj[prop] = createProxy(value, currentPath);
+          }
+
+          // Notify of change
+          // if (oldValue !== value) {
+          if (!_.isEqual(value, oldValue)) {
+            currentPath.shift();
+            onChange({
+              path: currentPath.join('.'),
+              oldValue,
+              newValue: value,
+              type: 'set',
+              timestamp: Date.now(),
+            });
+          }
+
+          return true;
+        },
+
+        deleteProperty(obj, prop) {
+          const oldValue = obj[prop];
+          const currentPath = [...path, prop];
+
+          delete obj[prop];
+
+          onChange({
+            path: currentPath.join('.'),
+            oldValue,
+            newValue: undefined,
+            type: 'delete',
+            timestamp: Date.now(),
+          });
+
+          return true;
+        },
+      });
+
+      // Make nested objects observable
+      for (const [key, value] of Object.entries(target)) {
+        if (typeof value === 'object' && value !== null) {
+          target[key] = createProxy(value, [...path, key]);
+        }
+      }
+
+      watchers.set(target, proxy);
+      return proxy;
+    }
+
+    return createProxy(obj);
+  }
+
+  let _ds = _session.DS_GLB[dsSessionP];
+
+  // const watchedDs = createWatchedObject({ _ref: _ds }, async (change) => {
+  //   // console.log('Change detected:', change);
+  //   const { path, newValue, oldValue } = change;
+
+  // });
+
+  const createBasicProxy = (target) => {
+    return new Proxy(target, {
+      // Intercept property access
+      get(obj, prop) {
+        console.log(`Getting property: ${String(prop)}`);
+        return prop in obj ? obj[prop] : `Property ${String(prop)} not found`;
+      },
+
+      // Intercept property assignment
+      set(obj, prop, value) {
+        console.log(`Setting property: ${String(prop)} to ${value}`);
+        obj[prop] = value;
+        return true; // indicates success
+      },
+
+      // Intercept property deletion
+      deleteProperty(obj, prop) {
+        console.log(`Deleting property: ${String(prop)}`);
+        if (prop in obj) {
+          delete obj[prop];
+          return true;
+        }
+        return false;
+      },
+    });
+  };
+
+  // let obj = { ds: watchedDs._ref, data: {}, props: _ds.in_parameters || {} };
+  let obj = { ds: createBasicProxy(_ds), data: {}, props: _ds.in_parameters || {} };
+  try {
+    const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
+    obj.data = _ds?.data_feed?.rows?.[row_idx];
+  } catch (error) {
+    // error normal if find_ROWID_idx fail
+  }
+
+  let SYS_GLOBAL_OBJ_REFS = _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'];
+
+  if ($elm) {
+    const attributes = $elm?.data()?.xuData?.xuPanelProps || $elm?.data()?.xuData?.debug_info?.attribute_stat || {};
+    obj.attributes = attributes;
+    obj.xu_ui_id = $elm.attr('xu-ui-id');
+  }
+
+  SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
+
+  return ret;
+};
  func.events = {};
 func.events.validate = async function (SESSION_ID, triggerP, dsSessionP, eventIdP, sourceP, argumentsP, return_validation_onlyP) {
   var _session = SESSION_OBJ[SESSION_ID];

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

@@ -9070,6 +9070,7 @@ func.UI.find_field_in_progUi_attributes = function (progUi, field_id, prop, tag_
 };
 
 func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
+  return;
   let ret;
   const _session = SESSION_OBJ[SESSION_ID];
   let _ds_0 = _session.DS_GLB[0];
@@ -9197,13 +9198,144 @@ func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
       }
       return a;
     }
-    // deepUpdateObject(SYS_GLOBAL_OBJ_REFS[ref_field_id], obj);
-    SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
+    deepUpdateObject(SYS_GLOBAL_OBJ_REFS[ref_field_id], obj);
+    // SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
     ret = true;
   }
 
   return ret;
 };
+
+func.UI.create_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
+  let ret;
+  const _session = SESSION_OBJ[SESSION_ID];
+  let _ds_0 = _session.DS_GLB[0];
+
+  function createWatchedObject(obj, onChange) {
+    const watchers = new WeakMap();
+
+    function createProxy(target, path = []) {
+      if (watchers.has(target)) {
+        return watchers.get(target);
+      }
+
+      const proxy = new Proxy(target, {
+        set(obj, prop, value) {
+          const oldValue = obj[prop];
+          let currentPath = [...path, prop];
+
+          // Set the new value
+          obj[prop] = value;
+
+          // If the new value is an object, make it observable too
+          if (typeof value === 'object' && value !== null) {
+            obj[prop] = createProxy(value, currentPath);
+          }
+
+          // Notify of change
+          // if (oldValue !== value) {
+          if (!_.isEqual(value, oldValue)) {
+            currentPath.shift();
+            onChange({
+              path: currentPath.join('.'),
+              oldValue,
+              newValue: value,
+              type: 'set',
+              timestamp: Date.now(),
+            });
+          }
+
+          return true;
+        },
+
+        deleteProperty(obj, prop) {
+          const oldValue = obj[prop];
+          const currentPath = [...path, prop];
+
+          delete obj[prop];
+
+          onChange({
+            path: currentPath.join('.'),
+            oldValue,
+            newValue: undefined,
+            type: 'delete',
+            timestamp: Date.now(),
+          });
+
+          return true;
+        },
+      });
+
+      // Make nested objects observable
+      for (const [key, value] of Object.entries(target)) {
+        if (typeof value === 'object' && value !== null) {
+          target[key] = createProxy(value, [...path, key]);
+        }
+      }
+
+      watchers.set(target, proxy);
+      return proxy;
+    }
+
+    return createProxy(obj);
+  }
+
+  let _ds = _session.DS_GLB[dsSessionP];
+
+  // const watchedDs = createWatchedObject({ _ref: _ds }, async (change) => {
+  //   // console.log('Change detected:', change);
+  //   const { path, newValue, oldValue } = change;
+
+  // });
+
+  const createBasicProxy = (target) => {
+    return new Proxy(target, {
+      // Intercept property access
+      get(obj, prop) {
+        console.log(`Getting property: ${String(prop)}`);
+        return prop in obj ? obj[prop] : `Property ${String(prop)} not found`;
+      },
+
+      // Intercept property assignment
+      set(obj, prop, value) {
+        console.log(`Setting property: ${String(prop)} to ${value}`);
+        obj[prop] = value;
+        return true; // indicates success
+      },
+
+      // Intercept property deletion
+      deleteProperty(obj, prop) {
+        console.log(`Deleting property: ${String(prop)}`);
+        if (prop in obj) {
+          delete obj[prop];
+          return true;
+        }
+        return false;
+      },
+    });
+  };
+
+  // let obj = { ds: watchedDs._ref, data: {}, props: _ds.in_parameters || {} };
+  let obj = { ds: createBasicProxy(_ds), data: {}, props: _ds.in_parameters || {} };
+  try {
+    const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
+    obj.data = _ds?.data_feed?.rows?.[row_idx];
+  } catch (error) {
+    // error normal if find_ROWID_idx fail
+  }
+
+  let SYS_GLOBAL_OBJ_REFS = _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'];
+
+  if ($elm) {
+    const attributes = $elm?.data()?.xuData?.xuPanelProps || $elm?.data()?.xuData?.debug_info?.attribute_stat || {};
+    obj.attributes = attributes;
+    obj.xu_ui_id = $elm.attr('xu-ui-id');
+  }
+
+  SYS_GLOBAL_OBJ_REFS[ref_field_id] = obj;
+
+  return ret;
+};
  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, parameters_raw_obj) {
   if (!prog_id) return console.error('program is empty');