reactive-route 0.0.1-alpha.30 → 0.0.1-alpha.32

package/core/createRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createRouter.d.ts","sourceRoot":"","sources":["../../packages/core/createRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAYhD,wBAAgB,YAAY,CAC1B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,EACxE,MAAM,EAAE;IACR,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAC9B,GAAG,UAAU,CAAC,OAAO,CAAC,CAuPtB"}
+{"version":3,"file":"createRouter.d.ts","sourceRoot":"","sources":["../../packages/core/createRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWhD,wBAAgB,YAAY,CAC1B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,EACxE,MAAM,EAAE;IACR,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAC9B,GAAG,UAAU,CAAC,OAAO,CAAC,CAqQtB"}

package/core/index.d.ts

@@ -6,8 +6,8 @@ export type { TypePropsRouter } from './types/TypePropsRouter';
 export type { TypeRedirectParams } from './types/TypeRedirectParams';
 export type { TypeRoute } from './types/TypeRoute';
 export type { TypeRouter } from './types/TypeRouter';
-export { history } from './utils/history';
 export { loadComponentToConfig } from './utils/loadComponentToConfig';
 export { RedirectError } from './utils/RedirectError';
 export { replaceDynamicValues } from './utils/replaceDynamicValues';
+export { routerSetLoadedComponent } from './utils/routerSetLoadedComponent';
 //# sourceMappingURL=index.d.ts.map

package/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC"}

package/core/types/TypeRouter.d.ts

@@ -18,5 +18,6 @@ export type TypeRouter<TRoutes extends Record<string | 'notFound' | 'internalErr
         currentRoute: TypeCurrentRoute<TRoutes[keyof TRoutes]>;
     }): Promise<void>;
     lifecycleParams?: Array<any>;
+    destroy(): void;
 };
 //# sourceMappingURL=TypeRouter.d.ts.map

package/core/types/TypeRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypeRouter.d.ts","sourceRoot":"","sources":["../../../packages/core/types/TypeRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IAAI;IACjG,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,UAAU,SAAS,MAAM,OAAO,EACvC,MAAM,EAAE,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,GAC9C,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,cAAc,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,iBAAiB,CAAC,GAAG,EAAE;QACrB,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7B,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;KACxD,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"TypeRouter.d.ts","sourceRoot":"","sources":["../../../packages/core/types/TypeRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,IAAI;IACjG,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,UAAU,SAAS,MAAM,OAAO,EACvC,MAAM,EAAE,kBAAkB,CAAC,OAAO,EAAE,UAAU,CAAC,GAC9C,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,cAAc,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,iBAAiB,CAAC,GAAG,EAAE;QACrB,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7B,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC;KACxD,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,OAAO,IAAI,IAAI,CAAC;CACjB,CAAC"}

package/core/utils/routerSetLoadedComponent.d.ts

@@ -0,0 +1,7 @@
+import { TypePropsRouter } from '../types/TypePropsRouter';
+export declare function routerSetLoadedComponent(props: TypePropsRouter<any>, config: {
+    loadedComponentName?: any;
+    loadedComponentPage?: string;
+    currentProps: Record<string, any>;
+}): void;
+//# sourceMappingURL=routerSetLoadedComponent.d.ts.map

package/core/utils/routerSetLoadedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"routerSetLoadedComponent.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/routerSetLoadedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,EAC3B,MAAM,EAAE;IACN,mBAAmB,CAAC,EAAE,GAAG,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC,QA8BF"}

package/index.cjs

@@ -23,9 +23,9 @@ __export(core_exports, {
   RedirectError: () => RedirectError,
   createRouter: () => createRouter,
   createRoutes: () => createRoutes,
-  history: () => history,
   loadComponentToConfig: () => loadComponentToConfig,
-  replaceDynamicValues: () => replaceDynamicValues
+  replaceDynamicValues: () => replaceDynamicValues,
+  routerSetLoadedComponent: () => routerSetLoadedComponent
 });
 module.exports = __toCommonJS(core_exports);
 
@@ -135,10 +135,6 @@ function getInitialRoute(params) {
   };
 }
 
-// packages/core/utils/history.ts
-var import_history = require("history");
-var history = constants.isClient ? (0, import_history.createBrowserHistory)() : null;
-
 // packages/core/utils/loadComponentToConfig.ts
 function loadComponentToConfig(params) {
   const { route } = params;
@@ -195,6 +191,7 @@ function createRouter(config) {
     redirect: void 0,
     restoreFromURL: void 0,
     restoreFromServer: void 0,
+    destroy: void 0,
     get adapters() {
       return config.adapters;
     },
@@ -264,12 +261,8 @@ function createRouter(config) {
           });
           router.routesHistory.push(nextUrl);
         });
-        if (history && !replace) {
-          history.push({
-            hash: history.location.hash,
-            search: nextSearch,
-            pathname: nextPathname
-          });
+        if (constants.isClient) {
+          window.history[replace ? "replaceState" : "pushState"](null, "", nextUrl);
         }
       }
       return Promise.resolve();
@@ -350,18 +343,30 @@ function createRouter(config) {
       const lastUrl = router.routesHistory[router.routesHistory.length - 1];
       if (lastUrl !== nextUrl) {
         router.routesHistory.push(nextUrl);
-      }
-      if (history && !replace) {
-        history.push({
-          hash: history.location.hash,
-          search: "query" in config2 ? `?${queryString.stringify(config2.query)}` : "",
-          pathname: nextPathname
-        });
+        if (constants.isClient) {
+          window.history[replace ? "replaceState" : "pushState"](null, "", nextUrl);
+        }
       }
       router.isRedirecting = false;
     });
     return Promise.resolve();
   };
+  function popHandler() {
+    const currentUrl = `${location.pathname}${location.search}`;
+    const previousUrl = router.routesHistory[router.routesHistory.length - 2];
+    if (previousUrl === currentUrl) {
+      router.adapters.batch(() => router.routesHistory.pop());
+    }
+    void router.restoreFromURL({ pathname: currentUrl, replace: true });
+  }
+  if (constants.isClient) {
+    window.addEventListener("popstate", popHandler);
+  }
+  router.destroy = function destroy() {
+    if (constants.isClient) {
+      window.removeEventListener("popstate", popHandler);
+    }
+  };
   return router;
 }
 
@@ -377,3 +382,29 @@ function addNames(obj) {
 function createRoutes(config) {
   return addNames(config);
 }
+
+// packages/core/utils/routerSetLoadedComponent.ts
+function routerSetLoadedComponent(props, config) {
+  const currentRouteName = props.router.currentRoute.name;
+  const currentRoutePage = props.router.currentRoute.pageId;
+  const componentConfig = props.router.routes[currentRouteName];
+  let preventRedirect = false;
+  if (props.router.isRedirecting) preventRedirect = true;
+  else if (config.loadedComponentName === currentRouteName) preventRedirect = true;
+  else if (config.loadedComponentPage != null && currentRouteName != null) {
+    if (config.loadedComponentPage === currentRoutePage) {
+      props.router.adapters.batch(() => {
+        config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+      });
+      preventRedirect = true;
+    }
+  }
+  if (preventRedirect) return;
+  props.router.adapters.batch(() => {
+    if (config.loadedComponentName) props.beforeUpdatePageComponent?.();
+    props.beforeSetPageComponent?.(componentConfig);
+    config.currentProps = "props" in componentConfig ? componentConfig.props : {};
+    config.loadedComponentName = currentRouteName;
+    config.loadedComponentPage = componentConfig.pageId;
+  });
+}

package/index.mjs

@@ -104,10 +104,6 @@ function getInitialRoute(params) {
   };
 }
 
-// packages/core/utils/history.ts
-import { createBrowserHistory } from "history";
-var history = constants.isClient ? createBrowserHistory() : null;
-
 // packages/core/utils/loadComponentToConfig.ts
 function loadComponentToConfig(params) {
   const { route } = params;
@@ -164,6 +160,7 @@ function createRouter(config) {
     redirect: void 0,
     restoreFromURL: void 0,
     restoreFromServer: void 0,
+    destroy: void 0,
     get adapters() {
       return config.adapters;
     },
@@ -233,12 +230,8 @@ function createRouter(config) {
           });
           router.routesHistory.push(nextUrl);
         });
-        if (history && !replace) {
-          history.push({
-            hash: history.location.hash,
-            search: nextSearch,
-            pathname: nextPathname
-          });
+        if (constants.isClient) {
+          window.history[replace ? "replaceState" : "pushState"](null, "", nextUrl);
         }
       }
       return Promise.resolve();
@@ -319,18 +312,30 @@ function createRouter(config) {
       const lastUrl = router.routesHistory[router.routesHistory.length - 1];
       if (lastUrl !== nextUrl) {
         router.routesHistory.push(nextUrl);
-      }
-      if (history && !replace) {
-        history.push({
-          hash: history.location.hash,
-          search: "query" in config2 ? `?${queryString.stringify(config2.query)}` : "",
-          pathname: nextPathname
-        });
+        if (constants.isClient) {
+          window.history[replace ? "replaceState" : "pushState"](null, "", nextUrl);
+        }
       }
       router.isRedirecting = false;
     });
     return Promise.resolve();
   };
+  function popHandler() {
+    const currentUrl = `${location.pathname}${location.search}`;
+    const previousUrl = router.routesHistory[router.routesHistory.length - 2];
+    if (previousUrl === currentUrl) {
+      router.adapters.batch(() => router.routesHistory.pop());
+    }
+    void router.restoreFromURL({ pathname: currentUrl, replace: true });
+  }
+  if (constants.isClient) {
+    window.addEventListener("popstate", popHandler);
+  }
+  router.destroy = function destroy() {
+    if (constants.isClient) {
+      window.removeEventListener("popstate", popHandler);
+    }
+  };
   return router;
 }
 
@@ -346,11 +351,37 @@ function addNames(obj) {
 function createRoutes(config) {
   return addNames(config);
 }
+
+// packages/core/utils/routerSetLoadedComponent.ts
+function routerSetLoadedComponent(props, config) {
+  const currentRouteName = props.router.currentRoute.name;
+  const currentRoutePage = props.router.currentRoute.pageId;
+  const componentConfig = props.router.routes[currentRouteName];
+  let preventRedirect = false;
+  if (props.router.isRedirecting) preventRedirect = true;
+  else if (config.loadedComponentName === currentRouteName) preventRedirect = true;
+  else if (config.loadedComponentPage != null && currentRouteName != null) {
+    if (config.loadedComponentPage === currentRoutePage) {
+      props.router.adapters.batch(() => {
+        config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
+      });
+      preventRedirect = true;
+    }
+  }
+  if (preventRedirect) return;
+  props.router.adapters.batch(() => {
+    if (config.loadedComponentName) props.beforeUpdatePageComponent?.();
+    props.beforeSetPageComponent?.(componentConfig);
+    config.currentProps = "props" in componentConfig ? componentConfig.props : {};
+    config.loadedComponentName = currentRouteName;
+    config.loadedComponentPage = componentConfig.pageId;
+  });
+}
 export {
   RedirectError,
   createRouter,
   createRoutes,
-  history,
   loadComponentToConfig,
-  replaceDynamicValues
+  replaceDynamicValues,
+  routerSetLoadedComponent
 };

package/package.json

@@ -2,15 +2,12 @@
   "name": "reactive-route",
   "author": "Dmitry Kazakov",
   "license": "MIT",
-  "version": "0.0.1-alpha.30",
+  "version": "0.0.1-alpha.32",
   "description": "Reactive Router for different frameworks",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dkazakov8/reactive-route.git"
   },
-  "dependencies": {
-    "history": "5.3.0"
-  },
   "engines": {
     "node": ">=22"
   },
@@ -20,6 +17,11 @@
       "require": "./index.cjs",
       "import": "./index.mjs"
     },
+    "./solid": {
+      "types": "./solid/index.d.ts",
+      "require": "./solid/index.cjs",
+      "import": "./solid/index.mjs"
+    },
     "./react": {
       "types": "./react/index.d.ts",
       "require": "./react/index.cjs",
@@ -30,21 +32,11 @@
       "require": "./preact/index.cjs",
       "import": "./preact/index.mjs"
     },
-    "./solid": {
-      "types": "./solid/index.d.ts",
-      "require": "./solid/index.cjs",
-      "import": "./solid/index.mjs"
-    },
     "./vue": {
       "types": "./vue/index.d.ts",
       "require": "./vue/index.cjs",
       "import": "./vue/index.mjs"
     },
-    "./adapters/vue": {
-      "types": "./adapters/vue.d.ts",
-      "require": "./adapters/vue.cjs",
-      "import": "./adapters/vue.mjs"
-    },
     "./adapters/mobx-react": {
       "types": "./adapters/mobx-react.d.ts",
       "require": "./adapters/mobx-react.cjs",
@@ -70,15 +62,20 @@
       "require": "./adapters/kr-observable-react.cjs",
       "import": "./adapters/kr-observable-react.mjs"
     },
+    "./adapters/kr-observable-preact": {
+      "types": "./adapters/kr-observable-preact.d.ts",
+      "require": "./adapters/kr-observable-preact.cjs",
+      "import": "./adapters/kr-observable-preact.mjs"
+    },
     "./adapters/kr-observable-solid": {
       "types": "./adapters/kr-observable-solid.d.ts",
       "require": "./adapters/kr-observable-solid.cjs",
       "import": "./adapters/kr-observable-solid.mjs"
     },
-    "./adapters/kr-observable-preact": {
-      "types": "./adapters/kr-observable-preact.d.ts",
-      "require": "./adapters/kr-observable-preact.cjs",
-      "import": "./adapters/kr-observable-preact.mjs"
+    "./adapters/vue": {
+      "types": "./adapters/vue.d.ts",
+      "require": "./adapters/vue.cjs",
+      "import": "./adapters/vue.mjs"
     }
   },
   "main": "./index.cjs",

package/preact/Router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/preact/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgGrE,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAK1D,GAAG,CACzC"}
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/preact/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6CtF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAK1D,GAAG,CACzC"}

package/preact/index.cjs

@@ -30,20 +30,6 @@ var import_reactive_route = require("reactive-route");
 var import_jsx_runtime = require("preact/jsx-runtime");
 function RouterInner(props) {
   const disposerRef = (0, import_hooks.useRef)(null);
-  const redirectOnHistoryPop = (0, import_hooks.useCallback)(() => {
-    if (!import_reactive_route.history) return;
-    import_reactive_route.history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.adapters.batch(() => props.router.routesHistory.pop());
-      }
-      void props.router.restoreFromURL({
-        pathname: import_reactive_route.history.location.pathname,
-        replace: true
-      });
-    });
-  }, []);
   const [config] = (0, import_hooks.useState)(
     () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
@@ -51,36 +37,13 @@ function RouterInner(props) {
       currentProps: {}
     })
   );
-  const setLoadedComponent = (0, import_hooks.useCallback)(() => {
-    const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.router;
-    const componentConfig = props.router.routes[currentRoute.name];
-    let preventRedirect = false;
-    if (isRedirecting) preventRedirect = true;
-    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
-    else if (loadedComponentPage != null && currentRoute.name != null) {
-      if (loadedComponentPage === currentRoute.pageId) {
-        props.router.adapters.batch(() => {
-          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-        });
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (loadedComponentName) props.beforeUpdatePageComponent?.();
-      props.beforeSetPageComponent?.(componentConfig);
-      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-      config.loadedComponentName = currentRoute.name;
-      config.loadedComponentPage = componentConfig.pageId;
-    });
-  }, []);
   (0, import_hooks.useState)(() => {
     props.router.adapters.batch(() => {
       props.beforeMount?.();
-      redirectOnHistoryPop();
-      setLoadedComponent();
-      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
+      (0, import_reactive_route.routerSetLoadedComponent)(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => (0, import_reactive_route.routerSetLoadedComponent)(props, config)
+      );
     });
   });
   (0, import_hooks.useEffect)(() => {

package/preact/index.mjs

@@ -1,23 +1,9 @@
 // packages/preact/Router.tsx
-import { useCallback, useEffect, useRef, useState } from "preact/hooks";
-import { history } from "reactive-route";
+import { useEffect, useRef, useState } from "preact/hooks";
+import { routerSetLoadedComponent } from "reactive-route";
 import { jsx } from "preact/jsx-runtime";
 function RouterInner(props) {
   const disposerRef = useRef(null);
-  const redirectOnHistoryPop = useCallback(() => {
-    if (!history) return;
-    history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.adapters.batch(() => props.router.routesHistory.pop());
-      }
-      void props.router.restoreFromURL({
-        pathname: history.location.pathname,
-        replace: true
-      });
-    });
-  }, []);
   const [config] = useState(
     () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
@@ -25,36 +11,13 @@ function RouterInner(props) {
       currentProps: {}
     })
   );
-  const setLoadedComponent = useCallback(() => {
-    const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.router;
-    const componentConfig = props.router.routes[currentRoute.name];
-    let preventRedirect = false;
-    if (isRedirecting) preventRedirect = true;
-    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
-    else if (loadedComponentPage != null && currentRoute.name != null) {
-      if (loadedComponentPage === currentRoute.pageId) {
-        props.router.adapters.batch(() => {
-          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-        });
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (loadedComponentName) props.beforeUpdatePageComponent?.();
-      props.beforeSetPageComponent?.(componentConfig);
-      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-      config.loadedComponentName = currentRoute.name;
-      config.loadedComponentPage = componentConfig.pageId;
-    });
-  }, []);
   useState(() => {
     props.router.adapters.batch(() => {
       props.beforeMount?.();
-      redirectOnHistoryPop();
-      setLoadedComponent();
-      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
+      routerSetLoadedComponent(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => routerSetLoadedComponent(props, config)
+      );
     });
   });
   useEffect(() => {

package/react/Router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/react/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAgGrE,iBAAS,aAAa,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAK1D,GAAG,CACzC;AAED,eAAO,MAAM,MAAM,EAA0B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/react/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6CtF,iBAAS,aAAa,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAK1D,GAAG,CACzC;AAED,eAAO,MAAM,MAAM,EAA0B,OAAO,aAAa,CAAC"}

package/react/index.cjs

@@ -30,20 +30,6 @@ var import_reactive_route = require("reactive-route");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RouterInner(props) {
   const disposerRef = (0, import_react.useRef)(null);
-  const redirectOnHistoryPop = (0, import_react.useCallback)(() => {
-    if (!import_reactive_route.history) return;
-    import_reactive_route.history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.adapters.batch(() => props.router.routesHistory.pop());
-      }
-      void props.router.restoreFromURL({
-        pathname: import_reactive_route.history.location.pathname,
-        replace: true
-      });
-    });
-  }, []);
   const [config] = (0, import_react.useState)(
     () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
@@ -51,36 +37,13 @@ function RouterInner(props) {
       currentProps: {}
     })
   );
-  const setLoadedComponent = (0, import_react.useCallback)(() => {
-    const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.router;
-    const componentConfig = props.router.routes[currentRoute.name];
-    let preventRedirect = false;
-    if (isRedirecting) preventRedirect = true;
-    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
-    else if (loadedComponentPage != null && currentRoute.name != null) {
-      if (loadedComponentPage === currentRoute.pageId) {
-        props.router.adapters.batch(() => {
-          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-        });
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (loadedComponentName) props.beforeUpdatePageComponent?.();
-      props.beforeSetPageComponent?.(componentConfig);
-      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-      config.loadedComponentName = currentRoute.name;
-      config.loadedComponentPage = componentConfig.pageId;
-    });
-  }, []);
   (0, import_react.useState)(() => {
     props.router.adapters.batch(() => {
       props.beforeMount?.();
-      redirectOnHistoryPop();
-      setLoadedComponent();
-      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
+      (0, import_reactive_route.routerSetLoadedComponent)(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => (0, import_reactive_route.routerSetLoadedComponent)(props, config)
+      );
     });
   });
   (0, import_react.useEffect)(() => {

package/react/index.mjs

@@ -1,23 +1,9 @@
 // packages/react/Router.tsx
-import { memo, useCallback, useEffect, useRef, useState } from "react";
-import { history } from "reactive-route";
+import { memo, useEffect, useRef, useState } from "react";
+import { routerSetLoadedComponent } from "reactive-route";
 import { jsx } from "react/jsx-runtime";
 function RouterInner(props) {
   const disposerRef = useRef(null);
-  const redirectOnHistoryPop = useCallback(() => {
-    if (!history) return;
-    history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.adapters.batch(() => props.router.routesHistory.pop());
-      }
-      void props.router.restoreFromURL({
-        pathname: history.location.pathname,
-        replace: true
-      });
-    });
-  }, []);
   const [config] = useState(
     () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
@@ -25,36 +11,13 @@ function RouterInner(props) {
       currentProps: {}
     })
   );
-  const setLoadedComponent = useCallback(() => {
-    const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.router;
-    const componentConfig = props.router.routes[currentRoute.name];
-    let preventRedirect = false;
-    if (isRedirecting) preventRedirect = true;
-    else if (loadedComponentName === currentRoute.name) preventRedirect = true;
-    else if (loadedComponentPage != null && currentRoute.name != null) {
-      if (loadedComponentPage === currentRoute.pageId) {
-        props.router.adapters.batch(() => {
-          config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-        });
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (loadedComponentName) props.beforeUpdatePageComponent?.();
-      props.beforeSetPageComponent?.(componentConfig);
-      config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-      config.loadedComponentName = currentRoute.name;
-      config.loadedComponentPage = componentConfig.pageId;
-    });
-  }, []);
   useState(() => {
     props.router.adapters.batch(() => {
       props.beforeMount?.();
-      redirectOnHistoryPop();
-      setLoadedComponent();
-      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
+      routerSetLoadedComponent(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => routerSetLoadedComponent(props, config)
+      );
     });
   });
   useEffect(() => {

package/solid/Router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/solid/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIrE,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kCAwGhG"}
+{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/solid/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAItF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kCAkChG"}

package/solid/index.cjs

@@ -36,58 +36,13 @@ function Router(props) {
     loadedComponentPage: void 0,
     currentProps: {}
   });
-  let currentProps = {};
-  function redirectOnHistoryPop() {
-    if (!import_reactive_route.history) return;
-    import_reactive_route.history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.routesHistory.pop();
-      }
-      void props.router.restoreFromURL({
-        pathname: import_reactive_route.history.location.pathname,
-        replace: true
-      });
-    });
-  }
-  function setLoadedComponent() {
-    const currentRouteName = props.router.currentRoute.name;
-    const currentRoutePage = props.router.currentRoute.pageId;
-    const componentConfig = props.router.routes[currentRouteName];
-    let preventRedirect = false;
-    if (props.router.isRedirecting) preventRedirect = true;
-    else if (config.loadedComponentName === currentRouteName) {
-      preventRedirect = true;
-    } else if (config.loadedComponentPage != null && currentRouteName != null) {
-      if (config.loadedComponentPage === currentRoutePage) {
-        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
-        currentProps = "props" in componentConfig ? componentConfig.props : {};
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (config.loadedComponentName) {
-        props.beforeUpdatePageComponent?.();
-      }
-      props.beforeSetPageComponent?.(componentConfig);
-      props.router.adapters.batch(() => {
-        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
-        currentProps = "props" in componentConfig ? componentConfig.props : {};
-        config.loadedComponentName = currentRouteName;
-        config.loadedComponentPage = componentConfig.pageId;
-      });
-    });
-  }
   props.beforeMount?.();
-  redirectOnHistoryPop();
   if (props.router.adapters.immediateSetComponent) {
     props.router.adapters.batch(() => {
-      setLoadedComponent();
+      (0, import_reactive_route.routerSetLoadedComponent)(props, config);
     });
   }
-  props.router.adapters.autorun(() => setLoadedComponent());
+  props.router.adapters.autorun(() => (0, import_reactive_route.routerSetLoadedComponent)(props, config));
   return (
     // @ts-ignore
     (0, import_web.createComponent)(import_solid_js.Show, {
@@ -99,10 +54,7 @@ function Router(props) {
           get component() {
             return props.router.routes[config.loadedComponentName]?.component || void 0;
           }
-        }, () => Object.keys(config.currentProps).reduce((acc, key) => {
-          acc[key] = currentProps[key];
-          return acc;
-        }, {}), {
+        }, () => config.currentProps, {
           get router() {
             return props.router;
           }

package/solid/index.mjs

@@ -1,7 +1,7 @@
 // packages/solid/Router.tsx
 import { createComponent as _$createComponent } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
-import { history } from "reactive-route";
+import { routerSetLoadedComponent } from "reactive-route";
 import { Show } from "solid-js";
 import { Dynamic } from "solid-js/web";
 function Router(props) {
@@ -10,58 +10,13 @@ function Router(props) {
     loadedComponentPage: void 0,
     currentProps: {}
   });
-  let currentProps = {};
-  function redirectOnHistoryPop() {
-    if (!history) return;
-    history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        props.router.routesHistory.pop();
-      }
-      void props.router.restoreFromURL({
-        pathname: history.location.pathname,
-        replace: true
-      });
-    });
-  }
-  function setLoadedComponent() {
-    const currentRouteName = props.router.currentRoute.name;
-    const currentRoutePage = props.router.currentRoute.pageId;
-    const componentConfig = props.router.routes[currentRouteName];
-    let preventRedirect = false;
-    if (props.router.isRedirecting) preventRedirect = true;
-    else if (config.loadedComponentName === currentRouteName) {
-      preventRedirect = true;
-    } else if (config.loadedComponentPage != null && currentRouteName != null) {
-      if (config.loadedComponentPage === currentRoutePage) {
-        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
-        currentProps = "props" in componentConfig ? componentConfig.props : {};
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    props.router.adapters.batch(() => {
-      if (config.loadedComponentName) {
-        props.beforeUpdatePageComponent?.();
-      }
-      props.beforeSetPageComponent?.(componentConfig);
-      props.router.adapters.batch(() => {
-        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
-        currentProps = "props" in componentConfig ? componentConfig.props : {};
-        config.loadedComponentName = currentRouteName;
-        config.loadedComponentPage = componentConfig.pageId;
-      });
-    });
-  }
   props.beforeMount?.();
-  redirectOnHistoryPop();
   if (props.router.adapters.immediateSetComponent) {
     props.router.adapters.batch(() => {
-      setLoadedComponent();
+      routerSetLoadedComponent(props, config);
     });
   }
-  props.router.adapters.autorun(() => setLoadedComponent());
+  props.router.adapters.autorun(() => routerSetLoadedComponent(props, config));
   return (
     // @ts-ignore
     _$createComponent(Show, {
@@ -73,10 +28,7 @@ function Router(props) {
           get component() {
             return props.router.routes[config.loadedComponentName]?.component || void 0;
           }
-        }, () => Object.keys(config.currentProps).reduce((acc, key) => {
-          acc[key] = currentProps[key];
-          return acc;
-        }, {}), {
+        }, () => config.currentProps, {
           get router() {
             return props.router;
           }

package/core/utils/history.d.ts

@@ -1,7 +0,0 @@
-import { createBrowserHistory } from 'history';
-/**
- * @docs: https://github.com/ReactTraining/history
- *
- */
-export declare const history: ReturnType<typeof createBrowserHistory>;
-//# sourceMappingURL=history.d.ts.map

package/core/utils/history.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/history.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C;;;GAGG;AAEH,eAAO,MAAM,OAAO,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAEnD,CAAC"}