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

package/react/Router.d.ts

@@ -0,0 +1,5 @@
+import { TypePropsRouter, TypeRoute } from 'reactive-route';
+declare function RouterWrapper<TRoutes extends Record<string, TypeRoute>>(props: TypePropsRouter<TRoutes>): any;
+export declare const Router: typeof RouterWrapper;
+export {};
+//# sourceMappingURL=Router.d.ts.map

package/react/Router.d.ts.map

@@ -0,0 +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"}

package/react/index.cjs

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/react/index.ts
+var react_exports = {};
+__export(react_exports, {
+  Router: () => Router
+});
+module.exports = __toCommonJS(react_exports);
+
+// packages/react/Router.tsx
+var import_react = require("react");
+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,
+      loadedComponentPage: void 0,
+      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_react.useEffect)(() => {
+    return () => {
+      disposerRef.current?.();
+    };
+  }, []);
+  if (!config.loadedComponentName) return null;
+  const LoadedComponent = props.router.routes[config.loadedComponentName]?.component || null;
+  if (LoadedComponent)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedComponent, { ...config.currentProps, router: props.router });
+  return null;
+}
+function RouterWrapper(props) {
+  const Component = props.router.adapters.observer ? props.router.adapters.observer(RouterInner) : RouterInner;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props });
+}
+var Router = (0, import_react.memo)(RouterWrapper);

package/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/react/index.mjs

@@ -0,0 +1,78 @@
+// packages/react/Router.tsx
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { history } 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,
+      loadedComponentPage: void 0,
+      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);
+    });
+  });
+  useEffect(() => {
+    return () => {
+      disposerRef.current?.();
+    };
+  }, []);
+  if (!config.loadedComponentName) return null;
+  const LoadedComponent = props.router.routes[config.loadedComponentName]?.component || null;
+  if (LoadedComponent)
+    return /* @__PURE__ */ jsx(LoadedComponent, { ...config.currentProps, router: props.router });
+  return null;
+}
+function RouterWrapper(props) {
+  const Component = props.router.adapters.observer ? props.router.adapters.observer(RouterInner) : RouterInner;
+  return /* @__PURE__ */ jsx(Component, { ...props });
+}
+var Router = memo(RouterWrapper);
+export {
+  Router
+};

package/solid/Router.d.ts.map

@@ -0,0 +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"}

package/solid/index.cjs

@@ -0,0 +1,113 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/solid/index.ts
+var solid_exports = {};
+__export(solid_exports, {
+  Router: () => Router
+});
+module.exports = __toCommonJS(solid_exports);
+
+// packages/solid/Router.tsx
+var import_web = require("solid-js/web");
+var import_web2 = require("solid-js/web");
+var import_reactive_route = require("reactive-route");
+var import_solid_js = require("solid-js");
+var import_web3 = require("solid-js/web");
+function Router(props) {
+  const config = props.router.adapters.makeObservable({
+    loadedComponentName: void 0,
+    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();
+    });
+  }
+  props.router.adapters.autorun(() => setLoadedComponent());
+  return (
+    // @ts-ignore
+    (0, import_web.createComponent)(import_solid_js.Show, {
+      get when() {
+        return config.loadedComponentName;
+      },
+      get children() {
+        return (0, import_web.createComponent)(import_web3.Dynamic, (0, import_web2.mergeProps)({
+          get component() {
+            return props.router.routes[config.loadedComponentName]?.component || void 0;
+          }
+        }, () => Object.keys(config.currentProps).reduce((acc, key) => {
+          acc[key] = currentProps[key];
+          return acc;
+        }, {}), {
+          get router() {
+            return props.router;
+          }
+        }));
+      }
+    })
+  );
+}

package/solid/index.d.ts

@@ -0,0 +1,2 @@
+export { Router } from './Router';
+//# sourceMappingURL=index.d.ts.map

package/solid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/solid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/solid/index.mjs

@@ -0,0 +1,90 @@
+// 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 { Show } from "solid-js";
+import { Dynamic } from "solid-js/web";
+function Router(props) {
+  const config = props.router.adapters.makeObservable({
+    loadedComponentName: void 0,
+    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();
+    });
+  }
+  props.router.adapters.autorun(() => setLoadedComponent());
+  return (
+    // @ts-ignore
+    _$createComponent(Show, {
+      get when() {
+        return config.loadedComponentName;
+      },
+      get children() {
+        return _$createComponent(Dynamic, _$mergeProps({
+          get component() {
+            return props.router.routes[config.loadedComponentName]?.component || void 0;
+          }
+        }, () => Object.keys(config.currentProps).reduce((acc, key) => {
+          acc[key] = currentProps[key];
+          return acc;
+        }, {}), {
+          get router() {
+            return props.router;
+          }
+        }));
+      }
+    })
+  );
+}
+export {
+  Router
+};

package/vue/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Router } from './Router.vue';
+//# sourceMappingURL=index.d.ts.map

package/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Dmitry
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,10 +0,0 @@
-## Config-based routing
-
-![coverage](https://github.com/dkazakov8/reactive-route/blob/master/assets/coverage.svg)
-[![npm](https://img.shields.io/npm/v/reactive-route)](https://www.npmjs.com/package/reactive-route)
-![size-core](https://github.com/dkazakov8/reactive-route/blob/master/assets/core.svg)
-![size-react](https://github.com/dkazakov8/reactive-route/blob/master/assets/react.svg)
-![size-solid](https://github.com/dkazakov8/reactive-route/blob/master/assets/solid.svg)
-
-> [!WARNING]
-> Work in progress

package/dist/cjs/package.json

@@ -1 +0,0 @@
-{"type": "commonjs"}

package/dist/cjs/react/index.js

@@ -1,149 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/react/index.ts
-var react_exports = {};
-__export(react_exports, {
-  Router: () => Router
-});
-module.exports = __toCommonJS(react_exports);
-
-// packages/react/Router.tsx
-var import_mobx2 = require("mobx");
-var import_mobx_react_lite = require("mobx-react-lite");
-var import_reactive_route = require("reactive-route");
-
-// packages/react/useStore.ts
-var import_mobx = require("mobx");
-var import_react = require("react");
-function useStore(ViewModel, props) {
-  const isFirstRenderRef = (0, import_react.useRef)(true);
-  const [vm] = (0, import_react.useState)(() => {
-    const instance = new ViewModel(props || {});
-    (0, import_mobx.runInAction)(() => {
-      instance.beforeMount?.();
-    });
-    return instance;
-  });
-  (0, import_react.useEffect)(() => {
-    if (isFirstRenderRef.current) {
-      isFirstRenderRef.current = false;
-    } else if (props) {
-      (0, import_mobx.runInAction)(() => {
-        vm.props = props || {};
-      });
-    }
-  }, [props]);
-  (0, import_react.useEffect)(() => {
-    vm.afterMount?.();
-    return () => {
-      vm.autorunDisposers?.forEach((disposer) => disposer());
-    };
-  }, []);
-  return vm;
-}
-
-// packages/react/Router.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var VM = class {
-  constructor(props) {
-    this.props = props;
-    (0, import_mobx2.makeAutoObservable)(
-      this,
-      { loadedComponent: false, setLoadedComponent: false, props: false },
-      { autoBind: true }
-    );
-  }
-  autorunDisposers = [];
-  loadedComponentName = void 0;
-  loadedComponentPage = void 0;
-  loadedComponent;
-  currentProps = {};
-  get utils() {
-    return this.props.routerStore.utils;
-  }
-  beforeMount() {
-    this.props.beforeMount?.();
-    this.redirectOnHistoryPop();
-    this.setLoadedComponent();
-    this.autorunDisposers.push(this.utils.autorun(this.setLoadedComponent));
-  }
-  redirectOnHistoryPop() {
-    if (!import_reactive_route.history) return;
-    import_reactive_route.history.listen((params) => {
-      if (params.action !== "POP") return;
-      const previousRoutePathname = this.props.routerStore.routesHistory[this.props.routerStore.routesHistory.length - 2];
-      if (previousRoutePathname === params.location.pathname) {
-        this.utils.batch(() => this.props.routerStore.routesHistory.pop());
-      }
-      void this.props.routerStore.redirectTo({
-        noHistoryPush: true,
-        ...(0, import_reactive_route.getInitialRoute)({
-          routes: this.props.routes,
-          pathname: import_reactive_route.history.location.pathname,
-          fallback: "error404"
-        })
-      });
-    });
-  }
-  setLoadedComponent = () => {
-    const { loadedComponentName, loadedComponentPage } = this;
-    const { currentRoute, isRedirecting } = this.props.routerStore;
-    const currentRouteName = currentRoute.name;
-    const currentRoutePage = currentRoute.pageName;
-    let preventRedirect = false;
-    if (isRedirecting) preventRedirect = true;
-    else if (loadedComponentName === currentRouteName) preventRedirect = true;
-    else if (loadedComponentPage != null && currentRouteName != null) {
-      if (loadedComponentPage === currentRoutePage) {
-        const componentConfig = this.props.routes[currentRouteName];
-        this.utils.batch(() => {
-          this.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-        });
-        preventRedirect = true;
-      }
-    }
-    if (preventRedirect) return;
-    this.utils.batch(() => {
-      if (!loadedComponentName) {
-        this.setComponent(currentRouteName);
-      } else {
-        this.props.beforeUpdatePageComponent?.();
-        this.setComponent(currentRouteName);
-      }
-    });
-  };
-  setComponent(currentRouteName) {
-    const componentConfig = this.props.routes[currentRouteName];
-    const RouteComponent = componentConfig.component;
-    this.props.beforeSetPageComponent?.(componentConfig);
-    this.currentProps = "props" in componentConfig ? componentConfig.props || {} : {};
-    this.loadedComponentName = currentRouteName;
-    this.loadedComponentPage = componentConfig.pageName;
-    this.loadedComponent = RouteComponent;
-  }
-};
-var Router = (0, import_mobx_react_lite.observer)(
-  (props) => {
-    const vm = useStore(VM, props);
-    const LoadedComponent = vm.loadedComponentName ? vm.loadedComponent : null;
-    if (LoadedComponent) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadedComponent, { ...vm.currentProps });
-    return null;
-  }
-);

package/dist/cjs/react/package.json

@@ -1 +0,0 @@
-{"type": "commonjs"}