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

package/react/index.cjs

@@ -0,0 +1,79 @@
+"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: {}
+    })
+  );
+  (0, import_react.useState)(() => {
+    props.router.adapters.batch(() => {
+      props.beforeMount?.();
+      redirectOnHistoryPop();
+      (0, import_reactive_route.routerSetLoadedComponent)(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => (0, import_reactive_route.routerSetLoadedComponent)(props, config)
+      );
+    });
+  });
+  (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,56 @@
+// packages/react/Router.tsx
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { history, 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,
+      loadedComponentPage: void 0,
+      currentProps: {}
+    })
+  );
+  useState(() => {
+    props.router.adapters.batch(() => {
+      props.beforeMount?.();
+      redirectOnHistoryPop();
+      routerSetLoadedComponent(props, config);
+      disposerRef.current = props.router.adapters.autorun(
+        () => routerSetLoadedComponent(props, config)
+      );
+    });
+  });
+  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,EAAqC,eAAe,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI/F,wBAAgB,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kCAwDhG"}

package/solid/index.cjs

@@ -0,0 +1,80 @@
+"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: {}
+  });
+  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
+      });
+    });
+  }
+  props.beforeMount?.();
+  redirectOnHistoryPop();
+  if (props.router.adapters.immediateSetComponent) {
+    props.router.adapters.batch(() => {
+      (0, import_reactive_route.routerSetLoadedComponent)(props, config);
+    });
+  }
+  props.router.adapters.autorun(() => (0, import_reactive_route.routerSetLoadedComponent)(props, config));
+  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;
+          }
+        }, () => config.currentProps, {
+          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,57 @@
+// packages/solid/Router.tsx
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { history, routerSetLoadedComponent } 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: {}
+  });
+  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
+      });
+    });
+  }
+  props.beforeMount?.();
+  redirectOnHistoryPop();
+  if (props.router.adapters.immediateSetComponent) {
+    props.router.adapters.batch(() => {
+      routerSetLoadedComponent(props, config);
+    });
+  }
+  props.router.adapters.autorun(() => routerSetLoadedComponent(props, config));
+  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;
+          }
+        }, () => config.currentProps, {
+          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