native-document 1.0.208 → 1.0.209

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.208",
+  "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/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/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);
 

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