native-document 1.0.292 → 1.0.294

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-document",
-  "version": "1.0.292",
+  "version": "1.0.294",
   "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

@@ -239,6 +239,13 @@ Observable.value = function(data) {
     if(data?.__$Observable) {
         return data.val();
     }
+    if(Validator.isJson(data)) {
+        const output = {};
+        for(const key in data) {
+            output[key] = Observable.value(data[key]);
+        }
+        return output;
+    }
     return data;
 };
 

package/src/router/Router.js

@@ -289,16 +289,24 @@ Router.get = function(name) {
 
 Router.currentRoute = function(name = null) {
     return Router.get(name).currentState().route;
-}
+};
 
 Router.push = function(target, name = null) {
     return Router.get(name).push(target);
 };
 
+Router.pushTo = function(routeName, params = {}, routerName = null) {
+    return Router.get(routerName).push({ name: routeName, params });
+};
+
 Router.replace = function(target, name = null) {
     return Router.get(name).replace(target);
 };
 
+Router.replaceTo = function(routeName, params = {}, routerName = null) {
+    return Router.get(routerName).replace({ name: routeName, params });
+};
+
 Router.forward = function(name = null) {
     return Router.get(name).forward();
 };

package/src/router/RouterComponent.js

@@ -104,7 +104,7 @@ export function RouterComponent(router, container) {
         if (matchDepth === 0) {
             container.appendChild(newLayers[0].element);
         } else {
-            $mountedChainKeep[matchDepth - 1].anchor.replaceContent(newLayers[0].element);
+            $mountedChainKeep[matchDepth - 1].anchor.replaceContent(newLayers[0]?.element || slot);
         }
 
     };

package/src/router/modes/HistoryRouter.js

@@ -1,4 +1,5 @@
 import DebugManager from '../../core/utils/debug-manager.js';
+import {Observable} from '../../core/data/Observable';
 
 export default function HistoryRouter() {
 
@@ -12,8 +13,9 @@ export default function HistoryRouter() {
             if(window.history.state && window.history.state.path === path) {
                 return;
             }
-            window.history.pushState({ name: route.name(), params, path}, route.name() || path , path);
-            this.handleRouteChange(route, params, query, path);
+            const resolvedParams = Observable.value(params);
+            window.history.pushState({ name: route.name(), params: resolvedParams, path}, route.name() || path , path);
+            this.handleRouteChange(route, resolvedParams, query, path);
         } catch (e) {
             DebugManager.error('HistoryRouter', 'Error in pushState', e);
         }

package/types/router.d.ts

@@ -69,13 +69,15 @@ export interface Router {
     mount(container: string | HTMLElement): HTMLElement;
 }
 
-export interface RouterStatic {
-    create(options: { mode: 'memory' | 'history' | 'hash'; name?: string; entry?: string }, callback: (router: Router) => void): Router;
-    get(name?: string): Router;
-    push(target: string | { name: string; params?: RouteParams; query?: QueryParams }, name?: string): void;
-    replace(target: string | { name: string; params?: RouteParams; query?: QueryParams }, name?: string): void;
-    forward(name?: string): void;
-    back(name?: string): void;
+export declare namespace Router {
+    function create(options: { mode: 'memory' | 'history' | 'hash'; name?: string; entry?: string }, callback: (router: Router) => void): Router;
+    function get(name?: string): Router;
+    function push(target: string | { name: string; params?: RouteParams; query?: QueryParams }, name?: string): void;
+    function pushTo(routeName: string, params?: RouteParams, routerName?: string): void;
+    function replace(target: string | { name: string; params?: RouteParams; query?: QueryParams }, name?: string): void;
+    function replaceTo(routeName: string, params?: RouteParams, routerName?: string): void;
+    function forward(name?: string): void;
+    function back(name?: string): void;
 }
 
 // Link component for router