native-document 1.0.181 → 1.0.182

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.181",
+  "version": "1.0.182",
   "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/ObservableItem.js

@@ -592,6 +592,7 @@ ObservableItem.prototype.valueOf = function() {
  */
 ObservableItem.prototype.persist = function(key, options = {}) {
     let value = $getFromStorage(key, this.$currentValue);
+    this.$persistKey = key;
     if(options.get) {
         value = options.get(value);
     }
@@ -608,6 +609,10 @@ ObservableItem.prototype.persist = function(key, options = {}) {
     return this;
 };
 
+ObservableItem.prototype.persistKey = function() {
+    return this.$persistKey;
+};
+
 /**
  * Creates a new ObservableItem with a deep clone of the current value.
  * For objects implementing a .clone() method, delegates to that method.

package/src/fetch/NativeFetch.js

@@ -32,6 +32,7 @@ export default function NativeFetch($baseUrl) {
                 ...(options.headers || {}),
             },
         };
+        let parseToString = false;
         if(params) {
             if(params instanceof FormData) {
                 configs.body = params;
@@ -39,7 +40,8 @@ export default function NativeFetch($baseUrl) {
             else {
                 if(method !== 'GET') {
                     configs.headers['Content-Type'] = 'application/json';
-                    configs.body = JSON.stringify(params);
+                    configs.body = params;
+                    parseToString = true;
                 } else {
                     const queryString = new URLSearchParams(params).toString();
                     if (queryString) {
@@ -52,6 +54,9 @@ export default function NativeFetch($baseUrl) {
         for(const interceptor of $interceptors.request) {
             configs = (await interceptor(configs, endpoint)) || configs;
         }
+        if(parseToString) {
+            configs.body = JSON.stringify(configs.body);
+        }
 
         let response = await fetch(endpoint, configs);
 
@@ -87,4 +92,28 @@ export default function NativeFetch($baseUrl) {
     this.get = function (endpoint, params = {}, options = {}) {
         return this.fetch('GET', endpoint, params, options);
     };
+};
+
+export const resolveData = (data) => {
+    if(data.__$Observable) {
+        return data.resolve();
+    }
+    for(const key in data) {
+        const value = data[key];
+        if(value.__$Observable) {
+            data[key] = value.resolve();
+            continue;
+        }
+        if(typeof data[key] === 'object') {
+            data[key] = resolveData(data[key]);
+        }
+    }
+    return data;
+};
+
+export const resolveObservableInterceptor = (configs) => {
+    if(configs.body && !(configs.body instanceof FormData)) {
+        configs.body = resolveData(configs.body);
+    }
+    return configs;
 };

package/src/ui/components/avatar/avatar/AvatarRender.js

@@ -57,7 +57,14 @@ function buildContent($desc) {
     }
 
     if($desc.initials || $desc.name) {
-        return Span({class: 'avatar-initials'}, $desc.initials || $desc.name.split(' ').map(n => n[0]).join(''));
+        let initials = $desc.initials;
+        if(!initials) {
+            initials = $desc.name;
+            if($desc.anme.__$Observable) {
+                initials = $desc.name.format((name) => name.split(' ').map(n => n[0]).join(''));
+            }
+        }
+        return Span({class: 'avatar-initials'}, initials);
     }
 
     if($desc.icon) {

package/utils.d.ts

@@ -1,4 +1,5 @@
 
 export * from './types/native-fetch';
 export * from './types/service';
-export * as filters from './types/filters/index';
+export * as filters from './types/filters/index';
+export * from './types/localStorage'

package/utils.js

@@ -1,7 +1,8 @@
-import NativeFetch from './src/fetch/NativeFetch';
+import NativeFetch, { resolveObservableInterceptor } from './src/fetch/NativeFetch';
 import * as Cache from './src/core/utils/cache';
 import * as filters from './src/core/utils/filters/index';
 import {classPropertyAccumulator, cssPropertyAccumulator} from './src/core/utils/property-accumulator';
+import {LocalStorage} from './src/core/utils/localstorage';
 
 const Service = Cache;
 
@@ -11,5 +12,7 @@ export {
     Service,
     filters,
     classPropertyAccumulator,
-    cssPropertyAccumulator
+    cssPropertyAccumulator,
+    LocalStorage,
+    resolveObservableInterceptor,
 };