native-document 1.0.188 → 1.0.190

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.188",
+  "version": "1.0.190",
   "description": "A reactive JavaScript framework that preserves native DOM simplicity without sacrificing modern features",
   "author": "AfroCodeur <https://github.com/afrocodeur>",
   "license": "MIT",

package/src/core/data/Observable.js

@@ -176,6 +176,19 @@ Observable.computed = function(callback, dependencies = []) {
 };
 ObservableItem.computed = Observable.computed;
 
+Observable.auto = (value) => {
+    if(value == null) {
+        return new ObservableItem(value);
+    }
+    if(Validator.isArray(value)) {
+        return new ObservableArray(value);
+    } else if(typeof value === 'object') {
+        return new ObservableObject(value);
+    }
+    return new ObservableItem(value);
+};
+ObservableItem.auto = Observable.auto;
+
 
 Observable.init = function(initialValue, configs = null) {
     return new ObservableObject(initialValue, configs);

package/src/core/data/ObservableArray.js

@@ -290,7 +290,7 @@ ObservableArray.prototype.populateAndRender = function(iteration, callback) {
  */
 ObservableArray.prototype.where = function(predicates, dependencies = null) {
     if(typeof predicates === 'function') {
-        predicates = { _: predicates, dependencies };
+        predicates = { _: { callback: predicates, dependencies} };
     }
     const sourceArray = this;
     const observableDependencies = [sourceArray];

package/src/core/data/ObservableItem.js

@@ -59,6 +59,7 @@ Object.defineProperty(ObservableItem.prototype, '$value', {
 ObservableItem.prototype.__$Observable = true;
 ObservableItem.prototype.__$isObservable = true;
 ObservableItem.computed = () => {};
+ObservableItem.auto = () => {};
 
 const DEFAULT_OPERATIONS = {};
 const noneTrigger = function() {};

package/src/core/data/ObservableObject.js

@@ -22,16 +22,7 @@ export const ObservableObject = function(target, configs) {
     this.configs = configs;
 
     for(const key in target) {
-        if(!Object.hasOwn(this, key)) {
-            Object.defineProperty(this, key, {
-                get: () => this.$observables[key],
-                set: (value) => {
-                    this.$observables[key].set(value);
-                },
-                configurable: true,
-                enumerable: true,
-            });
-        }
+        this.$addKey(key);
     }
 
     this.$load(target);
@@ -60,6 +51,19 @@ Object.defineProperty(ObservableObject, '$value', {
 ObservableObject.prototype.__$isObservableObject = true;
 ObservableObject.prototype.__isProxy__ = true;
 
+ObservableObject.prototype.$addKey = function(key) {
+    if(!Object.hasOwn(this, key)) {
+        Object.defineProperty(this, key, {
+            get: () => this.$observables[key],
+            set: (value) => {
+                this.$observables[key].set(value);
+            },
+            configurable: true,
+            enumerable: true,
+        });
+    }
+};
+
 /**
  * Initialises (or reinitialize) the internal observables map from a plain object.
  * Called automatically in the constructor.
@@ -182,7 +186,7 @@ ObservableObject.prototype.set = function(newData) {
                     if(firstElementFromOriginalValue.__$isObservableObject) {
                         return new ObservableObject(item, configs);
                     }
-                    return ObservableItem(item, configs);
+                    return new ObservableItem(item, configs);
                 });
                 targetItem.set(newValues);
                 continue;
@@ -190,7 +194,9 @@ ObservableObject.prototype.set = function(newData) {
             targetItem.set([...newValue]);
             continue;
         }
-        this[key] = newValue;
+        const value = ObservableItem.auto(newValue);
+        this.$observables[key] = value;
+        this.$addKey(key);
     }
 };
 ObservableObject.prototype.$set = ObservableObject.prototype.set;

package/types/observable.d.ts

@@ -232,6 +232,7 @@ export type ObservableObject<T extends Record<string, any>> = ObservableItem<T>
     $val(): T;
     val(): T;
     get(key: string): any;
+    only<K extends keyof T>(...properties: K[]): Pick<T, K>;
     $get(key: string): any;
     set(values: Partial<T>): void;
     $set(values: Partial<T>): void;
@@ -319,6 +320,8 @@ export interface ObservableStatic {
     object<T extends Record<string, any>>(value: T, configs?: ObservableConfig | null): ObservableObject<T>;
     json<T extends Record<string, any>>(value: T, configs?: ObservableConfig | null): ObservableObject<T>;
 
+    auto<T>(value: T): ObservableArray<T>|ObservableObject<T>|ObservableItem<T>;
+
     resource<T = any>(
         fn: (...args: any[]) => Promise<T>,
         dependencies?: ValidComputedDependencies,