@xuda.io/runtime-bundle 1.0.1278 → 1.0.1279

package/js/xuda-runtime-bundle.js

@@ -28150,50 +28150,122 @@ func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
   const _ds = func.utils.clean_returned_datasource(SESSION_ID, dsSessionP);
 
   //////////////
+  // function createWatchedObject(obj, onChange) {
+  //   return new Proxy(obj, {
+  //     set(target, property, value) {
+  //       const oldValue = target[property];
+  //       target[property] = value;
+
+  //       if (oldValue !== value) {
+  //         onChange({
+  //           property,
+  //           oldValue,
+  //           newValue: value,
+  //           timestamp: new Date(),
+  //         });
+  //       }
+
+  //       return true;
+  //     },
+
+  //     deleteProperty(target, property) {
+  //       const oldValue = target[property];
+  //       delete target[property];
+
+  //       onChange({
+  //         property,
+  //         oldValue,
+  //         newValue: undefined,
+  //         deleted: true,
+  //         timestamp: new Date(),
+  //       });
+
+  //       return true;
+  //     },
+  //   });
+  // }
+
+  // // Usage
+  // const watchedUser = createWatchedObject(
+  //   { name: "John", age: 25 },
+  //   (change) => console.log("Change detected:", change)
+  // );
+
+  // watchedUser.age = 26; // Logs: Change detected: { property: "age", oldValue: 25, newValue: 26, ... }
+
   function createWatchedObject(obj, onChange) {
-    return new Proxy(obj, {
-      set(target, property, value) {
-        const oldValue = target[property];
-        target[property] = value;
+    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];
+          const 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) {
+            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];
 
-        if (oldValue !== value) {
           onChange({
-            property,
+            path: currentPath.join('.'),
             oldValue,
-            newValue: value,
-            timestamp: new Date(),
+            newValue: undefined,
+            type: 'delete',
+            timestamp: Date.now(),
           });
-        }
 
-        return true;
-      },
+          return true;
+        },
+      });
 
-      deleteProperty(target, property) {
-        const oldValue = target[property];
-        delete target[property];
+      // Make nested objects observable
+      for (const [key, value] of Object.entries(target)) {
+        if (typeof value === 'object' && value !== null) {
+          target[key] = createProxy(value, [...path, key]);
+        }
+      }
 
-        onChange({
-          property,
-          oldValue,
-          newValue: undefined,
-          deleted: true,
-          timestamp: new Date(),
-        });
+      watchers.set(target, proxy);
+      return proxy;
+    }
 
-        return true;
-      },
-    });
+    return createProxy(obj);
   }
 
-  // // Usage
-  // const watchedUser = createWatchedObject(
-  //   { name: "John", age: 25 },
-  //   (change) => console.log("Change detected:", change)
-  // );
-
-  // watchedUser.age = 26; // Logs: Change detected: { property: "age", oldValue: 25, newValue: 26, ... }
-
-  const watchedUser = createWatchedObject(_ds, (change) => console.log('Change detected:', change));
+  const watchedUser = createWatchedObject(_ds, (change) => {
+    console.log('Change detected:', change);
+    try {
+      // _session.DS_GLB[dsSessionP][property] = newValue;
+    } catch (error) {}
+  });
 
   //////////////