native-document 1.0.207 → 1.0.209

package/package.json

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

package/src/components/form/FormControl.js

@@ -118,8 +118,6 @@ FormControl.prototype.fields = function(fieldBuilder) {
             dirties.push(field.$description.isDirty);
         }
 
-        console.log(dirties);
-
         $.computed(() => {
             const isDirty = dirties.some((item) => item.val());
             this.$description.isDirty.set(isDirty);

package/src/core/data/Observable.js

@@ -131,8 +131,8 @@ Observable.batch = function(callback) {
  * Creates a computed observable that automatically updates when its dependencies change.
  * The callback is re-executed whenever any dependency observable changes.
  *
- * @param {Function} callback - Function that returns the computed value
- * @param {Array<ObservableItem|ObservableChecker|ObservableProxy>|Function} [dependencies=[]] - Array of observables to watch, or batch function
+ * @param {Array<ObservableItem|ObservableChecker|ObservableProxy>|Function} _callback - Function that returns the computed value
+ * @param {Array<ObservableItem|ObservableChecker|ObservableProxy>|Function} [_dependencies=[]] - Array of observables to watch, or batch function
  * @returns {ObservableItem} A new observable that updates automatically
  * @example
  * const firstName = Observable('John');
@@ -146,7 +146,14 @@ Observable.batch = function(callback) {
  * const batch = Observable.batch(() => { ...  });
  * const computed = Observable.computed(() => { ... }, batch);
  */
-Observable.computed = function(callback, dependencies = []) {
+Observable.computed = function(_callback, _dependencies = []) {
+    let callback = _callback, dependencies = _dependencies;
+    if(Array.isArray(_callback)) {
+        dependencies = _callback;
+        callback = _dependencies;
+    }
+
+
     const getValues = () => dependencies.map((item) => item.val());
     const initialValue = callback(...getValues());
     const observable = new ObservableItem(initialValue);

package/src/core/data/ObservableResource.js

@@ -55,6 +55,9 @@ export default function ObservableResource(fn, deps, config) {
         }
         this.fetch();
     }
+
+    this.fetch = this.fetch.bind(this);
+    this.refresh = this.refresh.bind(this);
 }
 
 ObservableResource.prototype.$applyResult = function(result) {

package/src/core/wrappers/AttributesWrapper.js

@@ -104,8 +104,9 @@ export const bindBooleanAttribute = (element, attributeName, value) => {
     const defaultValue = isObservable? value.val() : value;
 
     const attributeRealName = BOOL_ATTRIBUTES_NAME[attributeName] || attributeName;
+    const isBooleanHandling = typeof defaultValue === 'boolean' || defaultValue == null;
 
-    if(typeof defaultValue === 'boolean') {
+    if(isBooleanHandling) {
         element[attributeRealName] = defaultValue;
     }
     else {
@@ -113,7 +114,7 @@ export const bindBooleanAttribute = (element, attributeName, value) => {
     }
     if(isObservable) {
         if(attributeName === 'checked') {
-            if(typeof defaultValue === 'boolean') {
+            if(isBooleanHandling) {
                 element.addEventListener('input', () => value.set(element[attributeRealName]));
             }
             else {

package/src/core/wrappers/NDElement.js

@@ -384,6 +384,7 @@ NDElement.prototype.with = function(methods) {
 
     return this;
 };
+NDElement.prototype.expose = NDElement.prototype.with;
 
 /**
  * Sets a single attribute on the element.

package/src/fetch/NativeFetch.js

@@ -16,16 +16,6 @@ export default function NativeFetch($baseUrl) {
 
     this.fetch = async function(method, endpoint, params = {}, options = {}) {
         endpoint = endpoint || '';
-        if(options.formData) {
-            const formData = new FormData();
-            for(const key in params) {
-                if(params[key] == null) {
-                    continue;
-                }
-                formData.append(key, params[key]);
-            }
-            params = formData;
-        }
         if(!endpoint.startsWith('http')) {
             endpoint = ($baseUrl.endsWith('/') ? $baseUrl : $baseUrl+'/') + endpoint;
         }
@@ -60,6 +50,17 @@ export default function NativeFetch($baseUrl) {
         if(parseToString) {
             configs.body = JSON.stringify(configs.body);
         }
+        else if(options.formData) {
+            const data = configs.body;
+            const formData = new FormData();
+            for(const key in data) {
+                if(data[key] == null) {
+                    continue;
+                }
+                formData.append(key, data[key]);
+            }
+            configs.body = formData;
+        }
 
         let response = await fetch(endpoint, configs);
 
@@ -99,7 +100,7 @@ export default function NativeFetch($baseUrl) {
 
 export const resolveData = (data) => {
     if(data?.__$Observable) {
-        return data.resolve();
+        return data.val();
     }
     for(const key in data) {
         const value = data[key];
@@ -107,7 +108,7 @@ export const resolveData = (data) => {
             continue;
         }
         if(value.__$Observable) {
-            data[key] = value.resolve();
+            data[key] = value.val();
             continue;
         }
         if(typeof value === 'object') {

package/types/nd-element.d.ts

@@ -22,6 +22,7 @@ export interface NDElement {
     ref(target: RefItem | Record<string, unknown>, name: string): this;
     refSelf(target: RefItem | Record<string, unknown>, name: string): this;
     with<T extends MethodsObject>(methods: T): this & ExtractMethods<T>;
+    expose<T extends MethodsObject>(methods: T): this & ExtractMethods<T>;
     extend(methods: MethodsObject): NDElement;
     extend<T extends MethodsObject>(
         methods: T

package/types/observable.d.ts

@@ -329,8 +329,10 @@ export interface ObservableStatic {
         config?: ObservableResourceConfig<T> | boolean,
     ): ObservableResource<T>;
 
+    computed<T>(dependencies: ValidComputedDependencies | BatchFunction, callback: (...values: any[]) => T): ObservableItem<T>;
     computed<T>(callback: (...values: any[]) => T, dependencies?: ValidComputedDependencies | BatchFunction): ObservableItem<T>;
     computed<T>(callback: (...values: any[]) => T, batchFunction?: BatchFunction): ObservableItem<T>;
+    computed<T>(batchFunction: BatchFunction, callback: (...values: any[]) => T): ObservableItem<T>;
 
     batch<TArgs extends any[], TReturn>(
         callback: (...args: TArgs) => TReturn