reactive-route 0.0.1-alpha.21 → 0.0.1-alpha.22

package/dist/core/utils/PreventError.d.ts

@@ -0,0 +1,4 @@
+export declare class PreventError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=PreventError.d.ts.map

package/dist/core/utils/PreventError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreventError.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/PreventError.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAa,SAAQ,KAAK;gBACzB,OAAO,EAAE,MAAM;CAI5B"}

package/dist/core/utils/RedirectError.d.ts

@@ -0,0 +1,4 @@
+export declare class RedirectError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=RedirectError.d.ts.map

package/dist/core/utils/RedirectError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedirectError.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/RedirectError.ts"],"names":[],"mappings":"AAAA,qBAAa,aAAc,SAAQ,KAAK;gBAC1B,OAAO,EAAE,MAAM;CAI5B"}

package/dist/core/utils/constants.d.ts

@@ -2,7 +2,5 @@ export declare const constants: {
     dynamicSeparator: string;
     pathPartSeparator: string;
     isClient: boolean;
-    errorRedirect: string;
-    errorPrevent: string;
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/core/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;CAIrB,CAAC"}

package/dist/core/utils/getQueryValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getQueryValues.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/getQueryValues.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,wBAAgB,cAAc,CAAC,MAAM,SAAS,SAAS,EAAE,MAAM,EAAE;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAkBjD"}
+{"version":3,"file":"getQueryValues.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/getQueryValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,wBAAgB,cAAc,CAAC,MAAM,SAAS,SAAS,EAAE,MAAM,EAAE;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAkBjD"}

package/dist/core/utils/queryString.d.ts

@@ -0,0 +1,8 @@
+export declare const queryString: {
+    extract(input: string): string;
+    parse(input: string): {
+        [k: string]: string;
+    };
+    stringify(obj: Record<string, string>): string;
+};
+//# sourceMappingURL=queryString.d.ts.map

package/dist/core/utils/queryString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryString.d.ts","sourceRoot":"","sources":["../../../packages/core/utils/queryString.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW;mBACP,MAAM;iBAOR,MAAM;;;mBAGJ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAGtC,CAAC"}

package/dist/esm/index.js

@@ -1,26 +1,8 @@
-// packages/core/utils/addNames.ts
-function addNames(obj) {
-  Object.entries(obj).forEach(([key, value]) => {
-    value.name = key;
-  });
-  return obj;
-}
-
-// packages/core/createRouterConfig.ts
-function createRouterConfig(config) {
-  return addNames(config);
-}
-
-// packages/core/createRouterStore.ts
-import queryString2 from "query-string";
-
 // packages/core/utils/constants.ts
 var constants = {
   dynamicSeparator: ":",
   pathPartSeparator: "/",
-  isClient: typeof window !== "undefined",
-  errorRedirect: "REDIRECT",
-  errorPrevent: "PREVENT_REDIRECT"
+  isClient: typeof window !== "undefined"
 };
 
 // packages/core/utils/dynamic.ts
@@ -78,12 +60,28 @@ function findRouteByPathname({
   return dynamicRouteMatch;
 }
 
-// packages/core/utils/getQueryValues.ts
-import queryString from "query-string";
-
 // packages/core/utils/getTypedEntries.ts
 var getTypedEntries = Object.entries;
 
+// packages/core/utils/queryString.ts
+function removeHash(input) {
+  const hashStart = input.indexOf("#");
+  return hashStart === -1 ? input : input.slice(0, hashStart);
+}
+var queryString = {
+  extract(input) {
+    const inputNoHash = removeHash(input);
+    const queryStart = inputNoHash.indexOf("?");
+    return queryStart === -1 ? "" : inputNoHash.slice(queryStart + 1);
+  },
+  parse(input) {
+    return Object.fromEntries(new URLSearchParams(input));
+  },
+  stringify(obj) {
+    return new URLSearchParams(obj).toString();
+  }
+};
+
 // packages/core/utils/getQueryValues.ts
 function getQueryValues(params) {
   const { route, pathname } = params;
@@ -128,6 +126,22 @@ function loadComponentToConfig(params) {
   return Promise.resolve();
 }
 
+// packages/core/utils/PreventError.ts
+var PreventError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "PreventError";
+  }
+};
+
+// packages/core/utils/RedirectError.ts
+var RedirectError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "RedirectError";
+  }
+};
+
 // packages/core/utils/replaceDynamicValues.ts
 var re = new RegExp(`[^${constants.pathPartSeparator}]+`, "g");
 function replaceDynamicValues({
@@ -146,53 +160,52 @@ function replaceDynamicValues({
   });
 }
 
-// packages/core/createRouterStore.ts
-function createRouterStore({
+// packages/core/createRouter.ts
+function createRouter({
   adapters,
   routes,
   lifecycleParams
 }) {
-  const routerStore = adapters.makeObservable({
+  const router = adapters.makeObservable({
     routesHistory: [],
     currentRoute: {},
     isRedirecting: false,
     redirectTo: void 0,
     restoreFromURL: void 0,
     restoreFromServer: void 0,
-    adapters
+    get adapters() {
+      return adapters;
+    }
   });
-  routerStore.restoreFromServer = function restoreFromServer(obj) {
+  router.restoreFromServer = function restoreFromServer(obj) {
     adapters.batch(() => {
-      routerStore.routesHistory.push(...obj.routesHistory || []);
-      Object.assign(routerStore.currentRoute, obj.currentRoute);
+      router.routesHistory.push(...obj.routesHistory || []);
+      Object.assign(router.currentRoute, obj.currentRoute);
     });
     const preloadedRouteName = Object.keys(routes).find(
-      (routeName) => routerStore.currentRoute.name === routeName
+      (routeName) => router.currentRoute.name === routeName
     );
     return loadComponentToConfig({ route: routes[preloadedRouteName] });
   };
-  routerStore.restoreFromURL = function restoreFromURL(params) {
-    return routerStore.redirectTo(getInitialRoute({ routes, pathname: params.pathname }));
+  router.restoreFromURL = function restoreFromURL(params) {
+    return router.redirectTo(getInitialRoute({ routes, pathname: params.pathname }));
   };
-  routerStore.redirectTo = async function redirectTo(config) {
+  router.redirectTo = async function redirectTo(config) {
     const { route: routeName, noHistoryPush } = config;
     let currentRoute;
     let currentPathname;
     let currentUrl;
     let currentSearch;
     let currentQuery;
-    if (routerStore.currentRoute?.name) {
-      currentRoute = routes[routerStore.currentRoute.name];
+    if (router.currentRoute?.name) {
+      currentRoute = routes[router.currentRoute.name];
       currentPathname = replaceDynamicValues({
         route: currentRoute,
-        params: routerStore.currentRoute.params
-      });
-      currentUrl = queryString2.stringifyUrl({
-        url: currentPathname,
-        query: routerStore.currentRoute.query
+        params: router.currentRoute.params
       });
-      currentQuery = routerStore.currentRoute.query;
-      currentSearch = queryString2.stringify(routerStore.currentRoute.query);
+      currentQuery = router.currentRoute.query;
+      currentSearch = queryString.stringify(router.currentRoute.query);
+      currentUrl = `${currentPathname}${currentSearch ? `?${currentSearch}` : ""}`;
     }
     const nextRoute = routes[routeName];
     const nextPathname = replaceDynamicValues({
@@ -205,23 +218,23 @@ function createRouterStore({
     if ("query" in config && config.query) {
       const clearedQuery = getQueryValues({
         route: nextRoute,
-        pathname: `${nextPathname}?${queryString2.stringify(config.query)}`
+        pathname: `${nextPathname}?${queryString.stringify(config.query)}`
       });
       if (Object.keys(clearedQuery).length > 0) {
         nextQuery = clearedQuery;
-        nextSearch = queryString2.stringify(clearedQuery);
-        nextUrl = queryString2.stringifyUrl({ url: nextPathname, query: clearedQuery });
+        nextSearch = queryString.stringify(clearedQuery);
+        nextUrl = `${nextPathname}?${nextSearch}`;
       }
     }
     if (currentUrl === nextUrl) return Promise.resolve();
     if (currentPathname === nextPathname) {
       if (currentSearch !== nextSearch) {
         adapters.batch(() => {
-          adapters.replaceObject(routerStore.currentRoute, {
-            ...routerStore.currentRoute,
+          adapters.replaceObject(router.currentRoute, {
+            ...router.currentRoute,
             query: nextQuery || {}
           });
-          routerStore.routesHistory.push(nextUrl);
+          router.routesHistory.push(nextUrl);
         });
         if (history && !noHistoryPush) {
           history.push({
@@ -234,7 +247,7 @@ function createRouterStore({
       return Promise.resolve();
     }
     adapters.batch(() => {
-      routerStore.isRedirecting = true;
+      router.isRedirecting = true;
     });
     try {
       const config2 = {
@@ -247,39 +260,45 @@ function createRouterStore({
         currentQuery,
         currentRoute,
         currentSearch,
-        currentPathname
-      };
-      await currentRoute?.beforeLeave?.(config2, ...lifecycleParams || []);
-      const redirectConfig = await nextRoute.beforeEnter?.(config2, ...lifecycleParams || []);
-      if (typeof redirectConfig === "object") {
-        if (constants.isClient) return redirectTo(redirectConfig);
-        const redirectRoute = routes[redirectConfig.route];
-        const redirectParams = "params" in redirectConfig && redirectConfig.params ? redirectConfig.params : void 0;
-        let redirectUrl = replaceDynamicValues({
-          params: redirectParams,
-          route: redirectRoute
-        });
-        if ("query" in redirectConfig && redirectConfig.query) {
-          const clearedQuery = getQueryValues({
-            route: nextRoute,
-            pathname: `${nextPathname}?${queryString2.stringify(redirectConfig.query)}`
+        currentPathname,
+        redirect: (redirectConfig2) => {
+          if (constants.isClient) return redirectConfig2;
+          const redirectRoute = routes[redirectConfig2.route];
+          const redirectParams = "params" in redirectConfig2 && redirectConfig2.params ? redirectConfig2.params : void 0;
+          let redirectUrl = replaceDynamicValues({
+            params: redirectParams,
+            route: redirectRoute
           });
-          if (Object.keys(clearedQuery).length > 0) {
-            redirectUrl = queryString2.stringifyUrl({ url: redirectUrl, query: clearedQuery });
+          if ("query" in redirectConfig2 && redirectConfig2.query) {
+            const clearedQuery = getQueryValues({
+              route: nextRoute,
+              pathname: `${nextPathname}?${queryString.stringify(redirectConfig2.query)}`
+            });
+            if (Object.keys(clearedQuery).length > 0) {
+              redirectUrl = `${redirectUrl}?${queryString.stringify(clearedQuery)}`;
+            }
           }
+          throw new RedirectError(redirectUrl);
+        },
+        preventRedirect: () => {
+          throw new PreventError(`Redirect to ${nextUrl} was prevented`);
         }
-        throw Object.assign(new Error(redirectUrl), { name: constants.errorRedirect });
-      }
+      };
+      await currentRoute?.beforeLeave?.(config2, ...lifecycleParams || []);
+      const redirectConfig = await nextRoute.beforeEnter?.(config2, ...lifecycleParams || []);
+      if (redirectConfig) return redirectTo(redirectConfig);
       await loadComponentToConfig({ route: routes[nextRoute.name] });
     } catch (error) {
-      if (error?.name === constants.errorPrevent) return Promise.resolve();
-      if (error?.name === constants.errorRedirect) {
+      if (error instanceof PreventError) {
+        return Promise.resolve();
+      }
+      if (error instanceof RedirectError) {
         throw error;
       }
       console.error(error);
       await loadComponentToConfig({ route: routes.internalError });
       adapters.batch(() => {
-        adapters.replaceObject(routerStore.currentRoute, {
+        adapters.replaceObject(router.currentRoute, {
           name: routes.internalError.name,
           path: routes.internalError.path,
           props: routes[routes.internalError.name].props,
@@ -287,12 +306,12 @@ function createRouterStore({
           params: adapters.makeObservable({}),
           pageName: routes[routes.internalError.name].pageName
         });
-        routerStore.isRedirecting = false;
+        router.isRedirecting = false;
       });
       return Promise.resolve();
     }
     adapters.batch(() => {
-      adapters.replaceObject(routerStore.currentRoute, {
+      adapters.replaceObject(router.currentRoute, {
         name: nextRoute.name,
         path: nextRoute.path,
         props: routes[nextRoute.name].props,
@@ -300,26 +319,40 @@ function createRouterStore({
         params: getDynamicValues({ route: nextRoute, pathname: nextUrl }),
         pageName: routes[nextRoute.name].pageName
       });
-      const lastUrl = routerStore.routesHistory[routerStore.routesHistory.length - 1];
+      const lastUrl = router.routesHistory[router.routesHistory.length - 1];
       if (lastUrl !== nextUrl) {
-        routerStore.routesHistory.push(nextUrl);
+        router.routesHistory.push(nextUrl);
       }
       if (history && !noHistoryPush) {
         history.push({
           hash: history.location.hash,
-          search: "query" in config ? `?${queryString2.stringify(config.query)}` : "",
+          search: "query" in config ? `?${queryString.stringify(config.query)}` : "",
           pathname: nextPathname
         });
       }
-      routerStore.isRedirecting = false;
+      router.isRedirecting = false;
     });
     return Promise.resolve();
   };
-  return routerStore;
+  return router;
+}
+
+// packages/core/utils/addNames.ts
+function addNames(obj) {
+  Object.entries(obj).forEach(([key, value]) => {
+    value.name = key;
+  });
+  return obj;
+}
+
+// packages/core/createRoutes.ts
+function createRoutes(config) {
+  return addNames(config);
 }
 export {
-  createRouterConfig,
-  createRouterStore,
+  RedirectError,
+  createRouter,
+  createRoutes,
   findRouteByPathname,
   getInitialRoute,
   history,

package/dist/esm/preact/index.js

@@ -8,11 +8,11 @@ function RouterInner(props) {
     if (!history) return;
     history.listen((params) => {
       if (params.action !== "POP") return;
-      const previousRoutePathname = props.routerStore.routesHistory[props.routerStore.routesHistory.length - 2];
+      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
       if (previousRoutePathname === params.location.pathname) {
-        props.routerStore.adapters.batch(() => props.routerStore.routesHistory.pop());
+        props.router.adapters.batch(() => props.router.routesHistory.pop());
       }
-      void props.routerStore.redirectTo({
+      void props.router.redirectTo({
         noHistoryPush: true,
         ...getInitialRoute({
           routes: props.routes,
@@ -22,7 +22,7 @@ function RouterInner(props) {
     });
   }, []);
   const [config] = useState(
-    () => props.routerStore.adapters.makeObservable({
+    () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
       loadedComponentPage: void 0,
       currentProps: {}
@@ -30,21 +30,21 @@ function RouterInner(props) {
   );
   const setLoadedComponent = useCallback(() => {
     const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.routerStore;
+    const { currentRoute, isRedirecting } = props.router;
     const componentConfig = props.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.pageName) {
-        props.routerStore.adapters.batch(() => {
+        props.router.adapters.batch(() => {
           config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
         });
         preventRedirect = true;
       }
     }
     if (preventRedirect) return;
-    props.routerStore.adapters.batch(() => {
+    props.router.adapters.batch(() => {
       if (loadedComponentName) props.beforeUpdatePageComponent?.();
       props.beforeSetPageComponent?.(componentConfig);
       config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
@@ -53,11 +53,11 @@ function RouterInner(props) {
     });
   }, []);
   useState(() => {
-    props.routerStore.adapters.batch(() => {
+    props.router.adapters.batch(() => {
       props.beforeMount?.();
       redirectOnHistoryPop();
       setLoadedComponent();
-      disposerRef.current = props.routerStore.adapters.autorun(setLoadedComponent);
+      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
     });
   });
   useEffect(() => {
@@ -72,7 +72,7 @@ function RouterInner(props) {
 }
 function Router(props) {
   const [Component] = useState(
-    () => props.routerStore.adapters.observer ? props.routerStore.adapters.observer(RouterInner) : RouterInner
+    () => props.router.adapters.observer ? props.router.adapters.observer(RouterInner) : RouterInner
   );
   return /* @__PURE__ */ jsx(Component, { ...props });
 }

package/dist/esm/react/index.js

@@ -8,11 +8,11 @@ function RouterInner(props) {
     if (!history) return;
     history.listen((params) => {
       if (params.action !== "POP") return;
-      const previousRoutePathname = props.routerStore.routesHistory[props.routerStore.routesHistory.length - 2];
+      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
       if (previousRoutePathname === params.location.pathname) {
-        props.routerStore.adapters.batch(() => props.routerStore.routesHistory.pop());
+        props.router.adapters.batch(() => props.router.routesHistory.pop());
       }
-      void props.routerStore.redirectTo({
+      void props.router.redirectTo({
         noHistoryPush: true,
         ...getInitialRoute({
           routes: props.routes,
@@ -22,7 +22,7 @@ function RouterInner(props) {
     });
   }, []);
   const [config] = useState(
-    () => props.routerStore.adapters.makeObservable({
+    () => props.router.adapters.makeObservable({
       loadedComponentName: void 0,
       loadedComponentPage: void 0,
       currentProps: {}
@@ -30,21 +30,21 @@ function RouterInner(props) {
   );
   const setLoadedComponent = useCallback(() => {
     const { loadedComponentName, loadedComponentPage } = config;
-    const { currentRoute, isRedirecting } = props.routerStore;
+    const { currentRoute, isRedirecting } = props.router;
     const componentConfig = props.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.pageName) {
-        props.routerStore.adapters.batch(() => {
+        props.router.adapters.batch(() => {
           config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
         });
         preventRedirect = true;
       }
     }
     if (preventRedirect) return;
-    props.routerStore.adapters.batch(() => {
+    props.router.adapters.batch(() => {
       if (loadedComponentName) props.beforeUpdatePageComponent?.();
       props.beforeSetPageComponent?.(componentConfig);
       config.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
@@ -53,11 +53,11 @@ function RouterInner(props) {
     });
   }, []);
   useState(() => {
-    props.routerStore.adapters.batch(() => {
+    props.router.adapters.batch(() => {
       props.beforeMount?.();
       redirectOnHistoryPop();
       setLoadedComponent();
-      disposerRef.current = props.routerStore.adapters.autorun(setLoadedComponent);
+      disposerRef.current = props.router.adapters.autorun(setLoadedComponent);
     });
   });
   useEffect(() => {
@@ -71,7 +71,7 @@ function RouterInner(props) {
   return null;
 }
 function RouterWrapper(props) {
-  const Component = props.routerStore.adapters.observer ? props.routerStore.adapters.observer(RouterInner) : RouterInner;
+  const Component = props.router.adapters.observer ? props.router.adapters.observer(RouterInner) : RouterInner;
   return /* @__PURE__ */ jsx(Component, { ...props });
 }
 var Router = memo(RouterWrapper);

package/dist/esm/solid/index.js

@@ -5,7 +5,7 @@ import { getInitialRoute, history } from "reactive-route";
 import { Show } from "solid-js";
 import { Dynamic } from "solid-js/web";
 function Router(props) {
-  const config = props.routerStore.adapters.makeObservable({
+  const config = props.router.adapters.makeObservable({
     loadedComponentName: void 0,
     loadedComponentPage: void 0,
     currentProps: {}
@@ -14,11 +14,11 @@ function Router(props) {
     if (!history) return;
     history.listen((params) => {
       if (params.action !== "POP") return;
-      const previousRoutePathname = props.routerStore.routesHistory[props.routerStore.routesHistory.length - 2];
+      const previousRoutePathname = props.router.routesHistory[props.router.routesHistory.length - 2];
       if (previousRoutePathname === params.location.pathname) {
-        props.routerStore.routesHistory.pop();
+        props.router.routesHistory.pop();
       }
-      void props.routerStore.redirectTo({
+      void props.router.redirectTo({
         noHistoryPush: true,
         ...getInitialRoute({
           routes: props.routes,
@@ -28,27 +28,27 @@ function Router(props) {
     });
   }
   function setLoadedComponent() {
-    const currentRouteName = props.routerStore.currentRoute.name;
-    const currentRoutePage = props.routerStore.currentRoute.pageName;
+    const currentRouteName = props.router.currentRoute.name;
+    const currentRoutePage = props.router.currentRoute.pageName;
     const componentConfig = props.routes[currentRouteName];
     let preventRedirect = false;
-    if (props.routerStore.isRedirecting) preventRedirect = true;
+    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.routerStore.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
+        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
         preventRedirect = true;
       }
     }
     if (preventRedirect) return;
-    props.routerStore.adapters.batch(() => {
+    props.router.adapters.batch(() => {
       if (config.loadedComponentName) {
         props.beforeUpdatePageComponent?.();
       }
       props.beforeSetPageComponent?.(componentConfig);
-      props.routerStore.adapters.batch(() => {
-        props.routerStore.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
+      props.router.adapters.batch(() => {
+        props.router.adapters.replaceObject(config.currentProps, "props" in componentConfig ? componentConfig.props : {});
         config.loadedComponentName = currentRouteName;
         config.loadedComponentPage = componentConfig.pageName;
       });
@@ -56,12 +56,12 @@ function Router(props) {
   }
   props.beforeMount?.();
   redirectOnHistoryPop();
-  if (props.routerStore.adapters.immediateSetComponent) {
-    props.routerStore.adapters.batch(() => {
+  if (props.router.adapters.immediateSetComponent) {
+    props.router.adapters.batch(() => {
       setLoadedComponent();
     });
   }
-  props.routerStore.adapters.autorun(() => setLoadedComponent());
+  props.router.adapters.autorun(() => setLoadedComponent());
   return (
     // @ts-ignore
     _$createComponent(Show, {

package/dist/preact/Router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Router.d.ts","sourceRoot":"","sources":["../../packages/preact/Router.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAkGtF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAO1D,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;AAkGtF,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAK1D,GAAG,CACzC"}

package/dist/tsconfig.types.react.tsbuildinfo

@@ -1 +1 @@
-{"root":["../packages/adapters/kr-observable-preact.ts","../packages/adapters/kr-observable-react.ts","../packages/adapters/kr-observable-solid.ts","../packages/adapters/mobx-preact.ts","../packages/adapters/mobx-react.ts","../packages/adapters/mobx-solid.ts","../packages/adapters/solid.ts","../packages/core/createRouterConfig.ts","../packages/core/createRouterStore.ts","../packages/core/index.ts","../packages/core/types/InterfaceRouterStore.ts","../packages/core/types/TypeCurrentRoute.ts","../packages/core/types/TypeLifecycleConfig.ts","../packages/core/types/TypePropsRouter.ts","../packages/core/types/TypeRedirectToParams.ts","../packages/core/types/TypeRoute.ts","../packages/core/types/TypeRouteRaw.ts","../packages/core/types/TypeRouteWithParams.ts","../packages/core/types/TypeValidator.ts","../packages/core/utils/addNames.ts","../packages/core/utils/constants.ts","../packages/core/utils/dynamic.ts","../packages/core/utils/findRouteByPathname.ts","../packages/core/utils/getDynamicValues.ts","../packages/core/utils/getInitialRoute.ts","../packages/core/utils/getQueryValues.ts","../packages/core/utils/getTypedEntries.ts","../packages/core/utils/history.ts","../packages/core/utils/loadComponentToConfig.ts","../packages/core/utils/replaceDynamicValues.ts","../packages/preact/Router.tsx","../packages/preact/index.ts","../packages/react/Router.tsx","../packages/react/index.ts"],"version":"5.9.2"}
+{"root":["../packages/adapters/kr-observable-preact.ts","../packages/adapters/kr-observable-react.ts","../packages/adapters/kr-observable-solid.ts","../packages/adapters/mobx-preact.ts","../packages/adapters/mobx-react.ts","../packages/adapters/mobx-solid.ts","../packages/adapters/solid.ts","../packages/core/createRouter.ts","../packages/core/createRoutes.ts","../packages/core/index.ts","../packages/core/types/InterfaceRouterStore.ts","../packages/core/types/TypeCurrentRoute.ts","../packages/core/types/TypeLifecycleConfig.ts","../packages/core/types/TypePropsRouter.ts","../packages/core/types/TypeRedirectToParams.ts","../packages/core/types/TypeRoute.ts","../packages/core/types/TypeRouteRaw.ts","../packages/core/types/TypeRouteWithParams.ts","../packages/core/types/TypeValidator.ts","../packages/core/utils/PreventError.ts","../packages/core/utils/RedirectError.ts","../packages/core/utils/addNames.ts","../packages/core/utils/constants.ts","../packages/core/utils/dynamic.ts","../packages/core/utils/findRouteByPathname.ts","../packages/core/utils/getDynamicValues.ts","../packages/core/utils/getInitialRoute.ts","../packages/core/utils/getQueryValues.ts","../packages/core/utils/getTypedEntries.ts","../packages/core/utils/history.ts","../packages/core/utils/loadComponentToConfig.ts","../packages/core/utils/queryString.ts","../packages/core/utils/replaceDynamicValues.ts","../packages/preact/Router.tsx","../packages/preact/index.ts","../packages/react/Router.tsx","../packages/react/index.ts"],"version":"5.9.2"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "reactive-route",
   "author": "Dmitry Kazakov",
   "license": "MIT",
-  "version": "0.0.1-alpha.21",
+  "version": "0.0.1-alpha.22",
   "description": "Reactive Router for different frameworks",
   "repository": {
     "type": "git",
@@ -29,8 +29,7 @@
     ]
   },
   "dependencies": {
-    "history": "5.3.0",
-    "query-string": "7.1.3"
+    "history": "5.3.0"
   },
   "devDependencies": {
     "@types/babel__core": "7.20.5",

package/dist/core/createRouterConfig.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRouterConfig.d.ts","sourceRoot":"","sources":["../../packages/core/createRouterConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,wBAAgB,kBAAkB,CAChC,OAAO,SAAS;KAAG,GAAG,IAAI,MAAM,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY;CAAE,EAEvF,MAAM,EAAE,OAAO,GACd;KACA,GAAG,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG;QACrC,IAAI,EAAE,GAAG,CAAC;QACV,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACpC;CACF,CAEA"}

package/dist/core/createRouterStore.d.ts

@@ -1,4 +0,0 @@
-import { InterfaceRouterStore, TypeCreateRouterStore } from './types/InterfaceRouterStore';
-import { TypeRoute } from './types/TypeRoute';
-export declare function createRouterStore<TRoutes extends Record<string | 'notFound' | 'internalError', TypeRoute>>({ adapters, routes, lifecycleParams, }: TypeCreateRouterStore<TRoutes>): InterfaceRouterStore<TRoutes>;
-//# sourceMappingURL=createRouterStore.d.ts.map

package/dist/core/createRouterStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRouterStore.d.ts","sourceRoot":"","sources":["../../packages/core/createRouterStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAG3F,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAS9C,wBAAgB,iBAAiB,CAC/B,OAAO,SAAS,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,eAAe,EAAE,SAAS,CAAC,EACxE,EACA,QAAQ,EACR,MAAM,EACN,eAAe,GAChB,EAAE,qBAAqB,CAAC,OAAO,CAAC,GAAG,oBAAoB,CAAC,OAAO,CAAC,CA4OhE"}