@argon-router/react 0.1.0

package/LICENSE.MD

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Edward Gigolaev
+
+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/dist/index.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),re=require("effector-react");var ee={exports:{}},$={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Se;function pr(){if(Se)return $;Se=1;var d=K,g=Symbol.for("react.element"),E=Symbol.for("react.fragment"),y=Object.prototype.hasOwnProperty,v=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,w={key:!0,ref:!0,__self:!0,__source:!0};function h(m,s,x){var b,O={},S=null,V=null;x!==void 0&&(S=""+x),s.key!==void 0&&(S=""+s.key),s.ref!==void 0&&(V=s.ref);for(b in s)y.call(s,b)&&!w.hasOwnProperty(b)&&(O[b]=s[b]);if(m&&m.defaultProps)for(b in s=m.defaultProps,s)O[b]===void 0&&(O[b]=s[b]);return{$$typeof:g,type:m,key:S,ref:V,props:O,_owner:v.current}}return $.Fragment=E,$.jsx=h,$.jsxs=h,$}var L={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var je;function yr(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var d=K,g=Symbol.for("react.element"),E=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),h=Symbol.for("react.provider"),m=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),O=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),te=Symbol.iterator,ke="@@iterator";function De(e){if(e===null||typeof e!="object")return null;var r=te&&e[te]||e[ke];return typeof r=="function"?r:null}var k=d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function c(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Fe("error",e,t)}}function Fe(e,r,t){{var n=k.ReactDebugCurrentFrame,i=n.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Ae=!1,Ie=!1,We=!1,$e=!1,Le=!1,ne;ne=Symbol.for("react.module.reference");function Ve(e){return!!(typeof e=="string"||typeof e=="function"||e===y||e===w||Le||e===v||e===x||e===b||$e||e===V||Ae||Ie||We||typeof e=="object"&&e!==null&&(e.$$typeof===S||e.$$typeof===O||e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===ne||e.getModuleId!==void 0))}function Ye(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function ae(e){return e.displayName||"Context"}function T(e){if(e==null)return null;if(typeof e.tag=="number"&&c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case E:return"Portal";case w:return"Profiler";case v:return"StrictMode";case x:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case m:var r=e;return ae(r)+".Consumer";case h:var t=e;return ae(t._context)+".Provider";case s:return Ye(e,e.render,"ForwardRef");case O:var n=e.displayName||null;return n!==null?n:T(e.type)||"Memo";case S:{var i=e,u=i._payload,o=i._init;try{return T(o(u))}catch{return null}}}return null}var j=Object.assign,A=0,oe,ie,ue,se,fe,le,ce;function de(){}de.__reactDisabledLog=!0;function Ue(){{if(A===0){oe=console.log,ie=console.info,ue=console.warn,se=console.error,fe=console.group,le=console.groupCollapsed,ce=console.groupEnd;var e={configurable:!0,enumerable:!0,value:de,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function Me(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:j({},e,{value:oe}),info:j({},e,{value:ie}),warn:j({},e,{value:ue}),error:j({},e,{value:se}),group:j({},e,{value:fe}),groupCollapsed:j({},e,{value:le}),groupEnd:j({},e,{value:ce})})}A<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=k.ReactCurrentDispatcher,B;function Y(e,r,t){{if(B===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);B=n&&n[1]||""}return`
+`+B+e}}var J=!1,U;{var Ne=typeof WeakMap=="function"?WeakMap:Map;U=new Ne}function ve(e,r){if(!e||J)return"";{var t=U.get(e);if(t!==void 0)return t}var n;J=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=q.current,q.current=null,Ue();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(R){n=R}Reflect.construct(e,[],o)}else{try{o.call()}catch(R){n=R}e.call(o.prototype)}}else{try{throw Error()}catch(R){n=R}e()}}catch(R){if(R&&n&&typeof R.stack=="string"){for(var a=R.stack.split(`
+`),p=n.stack.split(`
+`),f=a.length-1,l=p.length-1;f>=1&&l>=0&&a[f]!==p[l];)l--;for(;f>=1&&l>=0;f--,l--)if(a[f]!==p[l]){if(f!==1||l!==1)do if(f--,l--,l<0||a[f]!==p[l]){var _=`
+`+a[f].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,_),_}while(f>=1&&l>=0);break}}}finally{J=!1,q.current=u,Me(),Error.prepareStackTrace=i}var F=e?e.displayName||e.name:"",C=F?Y(F):"";return typeof e=="function"&&U.set(e,C),C}function Ke(e,r,t){return ve(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function M(e,r,t){if(e==null)return"";if(typeof e=="function")return ve(e,qe(e));if(typeof e=="string")return Y(e);switch(e){case x:return Y("Suspense");case b:return Y("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case s:return Ke(e.render);case O:return M(e.type,r,t);case S:{var n=e,i=n._payload,u=n._init;try{return M(u(i),r,t)}catch{}}}return""}var I=Object.prototype.hasOwnProperty,pe={},ye=k.ReactDebugCurrentFrame;function N(e){if(e){var r=e._owner,t=M(e.type,e._source,r?r.type:null);ye.setExtraStackFrame(t)}else ye.setExtraStackFrame(null)}function Be(e,r,t,n,i){{var u=Function.call.bind(I);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var p=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(f){a=f}a&&!(a instanceof Error)&&(N(i),c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),N(null)),a instanceof Error&&!(a.message in pe)&&(pe[a.message]=!0,N(i),c("Failed %s type: %s",t,a.message),N(null))}}}var Je=Array.isArray;function G(e){return Je(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ze(e){try{return Re(e),!1}catch{return!0}}function Re(e){return""+e}function ge(e){if(ze(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),Re(e)}var W=k.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},he,be,z;z={};function He(e){if(I.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){if(typeof e.ref=="string"&&W.current&&r&&W.current.stateNode!==r){var t=T(W.current.type);z[t]||(c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',T(W.current.type),e.ref),z[t]=!0)}}function er(e,r){{var t=function(){he||(he=!0,c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){be||(be=!0,c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,n,i,u,o){var a={$$typeof:g,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function nr(e,r,t,n,i){{var u,o={},a=null,p=null;t!==void 0&&(ge(t),a=""+t),Ze(r)&&(ge(r.key),a=""+r.key),He(r)&&(p=r.ref,Qe(r,i));for(u in r)I.call(r,u)&&!Xe.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var f=e.defaultProps;for(u in f)o[u]===void 0&&(o[u]=f[u])}if(a||p){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&er(o,l),p&&rr(o,l)}return tr(e,a,p,i,n,W.current,o)}}var X=k.ReactCurrentOwner,Ee=k.ReactDebugCurrentFrame;function D(e){if(e){var r=e._owner,t=M(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}var H;H=!1;function Z(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}function _e(){{if(X.current){var e=T(X.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function ar(e){return""}var me={};function or(e){{var r=_e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+
+Check the top-level render call using <`+t+">.")}return r}}function we(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(me[t])return;me[t]=!0;var n="";e&&e._owner&&e._owner!==X.current&&(n=" It was passed a child from "+T(e._owner.type)+"."),D(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),D(null)}}function Te(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var n=e[t];Z(n)&&we(n,r)}else if(Z(e))e._store&&(e._store.validated=!0);else if(e){var i=De(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)Z(o.value)&&we(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===s||r.$$typeof===O))t=r.propTypes;else return;if(t){var n=T(r);Be(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!H){H=!0;var i=T(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ur(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){D(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),D(null);break}}e.ref!==null&&(D(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),D(null))}}var Oe={};function Pe(e,r,t,n,i,u){{var o=Ve(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var p=ar();p?a+=p:a+=_e();var f;e===null?f="null":G(e)?f="array":e!==void 0&&e.$$typeof===g?(f="<"+(T(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):f=typeof e,c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",f,a)}var l=nr(e,r,t,i,u);if(l==null)return l;if(o){var _=r.children;if(_!==void 0)if(n)if(G(_)){for(var F=0;F<_.length;F++)Te(_[F],e);Object.freeze&&Object.freeze(_)}else c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Te(_,e)}if(I.call(r,"key")){var C=T(e),R=Object.keys(r).filter(function(vr){return vr!=="key"}),Q=R.length>0?"{key: someKey, "+R.join(": ..., ")+": ...}":"{key: someKey}";if(!Oe[C+Q]){var dr=R.length>0?"{"+R.join(": ..., ")+": ...}":"{}";c(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,Q,C,dr,C),Oe[C+Q]=!0}}return e===y?ur(l):ir(l),l}}function sr(e,r,t){return Pe(e,r,t,!0)}function fr(e,r,t){return Pe(e,r,t,!1)}var lr=fr,cr=sr;L.Fragment=y,L.jsx=lr,L.jsxs=cr}()),L}process.env.NODE_ENV==="production"?ee.exports=pr():ee.exports=yr();var P=ee.exports;const Ce=K.createContext(null),Rr=d=>P.jsx(Ce.Provider,{value:d.router,children:d.children});function xe(){const d=K.useContext(Ce);if(!d)throw new Error("[useRouter] Router not found. Insert RouterProvider in app root");return d}function gr(d){const{to:g,params:E,onClick:y,...v}=d,h=xe().mappedRoutes.find(({route:s})=>s===g),{onOpen:m}=re.useUnit(g);if(!h)throw new Error("[Link] Route not found. Maybe it is not passed into createRouter?");return P.jsx("a",{...v,href:h.toPath(E??void 0),onClick:s=>{y==null||y(s),!s.defaultPrevented&&(v.target&&v.target!=="_self"||s.metaKey||s.altKey||s.ctrlKey||s.shiftKey||(s.preventDefault(),m({params:E||{}})))}})}const hr=d=>()=>{const{view:g,layout:E,route:y}=d,{isOpened:v}=re.useUnit(y);return v?E?P.jsx(E,{children:P.jsx(g,{})}):P.jsx(g,{}):null},br=d=>{const{routes:g,otherwise:E}=d;return()=>{const y=g.map(({route:v,view:w,layout:h})=>{const{isOpened:m}=re.useUnit(v);return{view:w,layout:h,isOpened:m}});for(const v of y){if(!v.isOpened)continue;const{view:w,layout:h}=v;return h?P.jsx(h,{children:P.jsx(w,{})}):P.jsx(w,{})}return E?P.jsx(E,{}):null}};exports.Link=gr;exports.RouterProvider=Rr;exports.createRouteView=hr;exports.createRoutesView=br;exports.useRouter=xe;

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+import { AnchorHTMLAttributes } from 'react';
+import { ComponentType } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { Route } from '@argon-router/core';
+import { Router } from '@argon-router/core';
+
+declare type AnchorProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
+
+export declare const createRoutesView: (props: CreateRoutesViewProps) => () => JSX_2.Element | null;
+
+declare interface CreateRoutesViewProps {
+    routes: CreateRouteViewProps[];
+    otherwise?: ComponentType;
+}
+
+export declare const createRouteView: (props: CreateRouteViewProps) => () => JSX_2.Element | null;
+
+declare interface CreateRouteViewProps {
+    route: Route<any>;
+    view: ComponentType;
+    layout?: ComponentType<{
+        children?: ReactNode;
+    }>;
+}
+
+export declare function Link<Params = void>(props: LinkProps<Params>): JSX_2.Element;
+
+declare interface LinkProps<Params> extends AnchorProps {
+    to: Route<Params>;
+    params: Params;
+    children?: ReactNode;
+}
+
+export declare const RouterProvider: (props: RouterProviderProps) => JSX_2.Element;
+
+declare interface RouterProviderProps {
+    children?: ReactNode;
+    router: Router;
+}
+
+export declare function useRouter(): Router;
+
+export { }

package/dist/index.js

@@ -0,0 +1,688 @@
+import Ce, { createContext as vr, useContext as pr } from "react";
+import { useUnit as ee } from "effector-react";
+var Q = { exports: {} }, $ = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Pe;
+function yr() {
+  if (Pe) return $;
+  Pe = 1;
+  var d = Ce, g = Symbol.for("react.element"), E = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, v = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, T = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function R(m, s, x) {
+    var b, O = {}, j = null, L = null;
+    x !== void 0 && (j = "" + x), s.key !== void 0 && (j = "" + s.key), s.ref !== void 0 && (L = s.ref);
+    for (b in s) y.call(s, b) && !T.hasOwnProperty(b) && (O[b] = s[b]);
+    if (m && m.defaultProps) for (b in s = m.defaultProps, s) O[b] === void 0 && (O[b] = s[b]);
+    return { $$typeof: g, type: m, key: j, ref: L, props: O, _owner: v.current };
+  }
+  return $.Fragment = E, $.jsx = R, $.jsxs = R, $;
+}
+var Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var je;
+function hr() {
+  return je || (je = 1, process.env.NODE_ENV !== "production" && function() {
+    var d = Ce, g = Symbol.for("react.element"), E = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), m = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), re = Symbol.iterator, xe = "@@iterator";
+    function ke(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = re && e[re] || e[xe];
+      return typeof r == "function" ? r : null;
+    }
+    var k = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function c(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        De("error", e, t);
+      }
+    }
+    function De(e, r, t) {
+      {
+        var n = k.ReactDebugCurrentFrame, i = n.getStackAddendum();
+        i !== "" && (r += "%s", t = t.concat([i]));
+        var u = t.map(function(o) {
+          return String(o);
+        });
+        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+      }
+    }
+    var Fe = !1, Ae = !1, Ie = !1, We = !1, $e = !1, te;
+    te = Symbol.for("react.module.reference");
+    function Ye(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === y || e === T || $e || e === v || e === x || e === b || We || e === L || Fe || Ae || Ie || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === O || e.$$typeof === R || e.$$typeof === m || e.$$typeof === s || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === te || e.getModuleId !== void 0));
+    }
+    function Le(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var i = r.displayName || r.name || "";
+      return i !== "" ? t + "(" + i + ")" : t;
+    }
+    function ne(e) {
+      return e.displayName || "Context";
+    }
+    function w(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case y:
+          return "Fragment";
+        case E:
+          return "Portal";
+        case T:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case x:
+          return "Suspense";
+        case b:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case m:
+            var r = e;
+            return ne(r) + ".Consumer";
+          case R:
+            var t = e;
+            return ne(t._context) + ".Provider";
+          case s:
+            return Le(e, e.render, "ForwardRef");
+          case O:
+            var n = e.displayName || null;
+            return n !== null ? n : w(e.type) || "Memo";
+          case j: {
+            var i = e, u = i._payload, o = i._init;
+            try {
+              return w(o(u));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var C = Object.assign, A = 0, ae, oe, ie, ue, se, fe, le;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function Ve() {
+      {
+        if (A === 0) {
+          ae = console.log, oe = console.info, ie = console.warn, ue = console.error, se = console.group, fe = console.groupCollapsed, le = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        A++;
+      }
+    }
+    function Me() {
+      {
+        if (A--, A === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: C({}, e, {
+              value: ae
+            }),
+            info: C({}, e, {
+              value: oe
+            }),
+            warn: C({}, e, {
+              value: ie
+            }),
+            error: C({}, e, {
+              value: ue
+            }),
+            group: C({}, e, {
+              value: se
+            }),
+            groupCollapsed: C({}, e, {
+              value: fe
+            }),
+            groupEnd: C({}, e, {
+              value: le
+            })
+          });
+        }
+        A < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var K = k.ReactCurrentDispatcher, B;
+    function V(e, r, t) {
+      {
+        if (B === void 0)
+          try {
+            throw Error();
+          } catch (i) {
+            var n = i.stack.trim().match(/\n( *(at )?)/);
+            B = n && n[1] || "";
+          }
+        return `
+` + B + e;
+      }
+    }
+    var J = !1, M;
+    {
+      var Ue = typeof WeakMap == "function" ? WeakMap : Map;
+      M = new Ue();
+    }
+    function de(e, r) {
+      if (!e || J)
+        return "";
+      {
+        var t = M.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      J = !0;
+      var i = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var u;
+      u = K.current, K.current = null, Ve();
+      try {
+        if (r) {
+          var o = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(o.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(o, []);
+            } catch (h) {
+              n = h;
+            }
+            Reflect.construct(e, [], o);
+          } else {
+            try {
+              o.call();
+            } catch (h) {
+              n = h;
+            }
+            e.call(o.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (h) {
+            n = h;
+          }
+          e();
+        }
+      } catch (h) {
+        if (h && n && typeof h.stack == "string") {
+          for (var a = h.stack.split(`
+`), p = n.stack.split(`
+`), f = a.length - 1, l = p.length - 1; f >= 1 && l >= 0 && a[f] !== p[l]; )
+            l--;
+          for (; f >= 1 && l >= 0; f--, l--)
+            if (a[f] !== p[l]) {
+              if (f !== 1 || l !== 1)
+                do
+                  if (f--, l--, l < 0 || a[f] !== p[l]) {
+                    var _ = `
+` + a[f].replace(" at new ", " at ");
+                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, _), _;
+                  }
+                while (f >= 1 && l >= 0);
+              break;
+            }
+        }
+      } finally {
+        J = !1, K.current = u, Me(), Error.prepareStackTrace = i;
+      }
+      var F = e ? e.displayName || e.name : "", S = F ? V(F) : "";
+      return typeof e == "function" && M.set(e, S), S;
+    }
+    function Ne(e, r, t) {
+      return de(e, !1);
+    }
+    function Ke(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function U(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return de(e, Ke(e));
+      if (typeof e == "string")
+        return V(e);
+      switch (e) {
+        case x:
+          return V("Suspense");
+        case b:
+          return V("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case s:
+            return Ne(e.render);
+          case O:
+            return U(e.type, r, t);
+          case j: {
+            var n = e, i = n._payload, u = n._init;
+            try {
+              return U(u(i), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var I = Object.prototype.hasOwnProperty, ve = {}, pe = k.ReactDebugCurrentFrame;
+    function N(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        pe.setExtraStackFrame(t);
+      } else
+        pe.setExtraStackFrame(null);
+    }
+    function Be(e, r, t, n, i) {
+      {
+        var u = Function.call.bind(I);
+        for (var o in e)
+          if (u(e, o)) {
+            var a = void 0;
+            try {
+              if (typeof e[o] != "function") {
+                var p = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw p.name = "Invariant Violation", p;
+              }
+              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (f) {
+              a = f;
+            }
+            a && !(a instanceof Error) && (N(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in ve) && (ve[a.message] = !0, N(i), c("Failed %s type: %s", t, a.message), N(null));
+          }
+      }
+    }
+    var Je = Array.isArray;
+    function q(e) {
+      return Je(e);
+    }
+    function qe(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Ge(e) {
+      try {
+        return ye(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ye(e) {
+      return "" + e;
+    }
+    function he(e) {
+      if (Ge(e))
+        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), ye(e);
+    }
+    var W = k.ReactCurrentOwner, ze = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, ge, Re, G;
+    G = {};
+    function Xe(e) {
+      if (I.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function He(e) {
+      if (I.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Ze(e, r) {
+      if (typeof e.ref == "string" && W.current && r && W.current.stateNode !== r) {
+        var t = w(W.current.type);
+        G[t] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', w(W.current.type), e.ref), G[t] = !0);
+      }
+    }
+    function Qe(e, r) {
+      {
+        var t = function() {
+          ge || (ge = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function er(e, r) {
+      {
+        var t = function() {
+          Re || (Re = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var rr = function(e, r, t, n, i, u, o) {
+      var a = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: g,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: o,
+        // Record the component responsible for creating this element.
+        _owner: u
+      };
+      return a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(a, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(a, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: i
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    };
+    function tr(e, r, t, n, i) {
+      {
+        var u, o = {}, a = null, p = null;
+        t !== void 0 && (he(t), a = "" + t), He(r) && (he(r.key), a = "" + r.key), Xe(r) && (p = r.ref, Ze(r, i));
+        for (u in r)
+          I.call(r, u) && !ze.hasOwnProperty(u) && (o[u] = r[u]);
+        if (e && e.defaultProps) {
+          var f = e.defaultProps;
+          for (u in f)
+            o[u] === void 0 && (o[u] = f[u]);
+        }
+        if (a || p) {
+          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && Qe(o, l), p && er(o, l);
+        }
+        return rr(e, a, p, i, n, W.current, o);
+      }
+    }
+    var z = k.ReactCurrentOwner, be = k.ReactDebugCurrentFrame;
+    function D(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        be.setExtraStackFrame(t);
+      } else
+        be.setExtraStackFrame(null);
+    }
+    var X;
+    X = !1;
+    function H(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
+    }
+    function Ee() {
+      {
+        if (z.current) {
+          var e = w(z.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function nr(e) {
+      return "";
+    }
+    var _e = {};
+    function ar(e) {
+      {
+        var r = Ee();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function me(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = ar(r);
+        if (_e[t])
+          return;
+        _e[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== z.current && (n = " It was passed a child from " + w(e._owner.type) + "."), D(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
+      }
+    }
+    function Te(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (q(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            H(n) && me(n, r);
+          }
+        else if (H(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var i = ke(e);
+          if (typeof i == "function" && i !== e.entries)
+            for (var u = i.call(e), o; !(o = u.next()).done; )
+              H(o.value) && me(o.value, r);
+        }
+      }
+    }
+    function or(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === s || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === O))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = w(r);
+          Be(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !X) {
+          X = !0;
+          var i = w(r);
+          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ir(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            D(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
+            break;
+          }
+        }
+        e.ref !== null && (D(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+      }
+    }
+    var we = {};
+    function Oe(e, r, t, n, i, u) {
+      {
+        var o = Ye(e);
+        if (!o) {
+          var a = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var p = nr();
+          p ? a += p : a += Ee();
+          var f;
+          e === null ? f = "null" : q(e) ? f = "array" : e !== void 0 && e.$$typeof === g ? (f = "<" + (w(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : f = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", f, a);
+        }
+        var l = tr(e, r, t, i, u);
+        if (l == null)
+          return l;
+        if (o) {
+          var _ = r.children;
+          if (_ !== void 0)
+            if (n)
+              if (q(_)) {
+                for (var F = 0; F < _.length; F++)
+                  Te(_[F], e);
+                Object.freeze && Object.freeze(_);
+              } else
+                c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Te(_, e);
+        }
+        if (I.call(r, "key")) {
+          var S = w(e), h = Object.keys(r).filter(function(dr) {
+            return dr !== "key";
+          }), Z = h.length > 0 ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!we[S + Z]) {
+            var cr = h.length > 0 ? "{" + h.join(": ..., ") + ": ...}" : "{}";
+            c(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, Z, S, cr, S), we[S + Z] = !0;
+          }
+        }
+        return e === y ? ir(l) : or(l), l;
+      }
+    }
+    function ur(e, r, t) {
+      return Oe(e, r, t, !0);
+    }
+    function sr(e, r, t) {
+      return Oe(e, r, t, !1);
+    }
+    var fr = sr, lr = ur;
+    Y.Fragment = y, Y.jsx = fr, Y.jsxs = lr;
+  }()), Y;
+}
+process.env.NODE_ENV === "production" ? Q.exports = yr() : Q.exports = hr();
+var P = Q.exports;
+const Se = vr(null), Er = (d) => /* @__PURE__ */ P.jsx(Se.Provider, { value: d.router, children: d.children });
+function gr() {
+  const d = pr(Se);
+  if (!d)
+    throw new Error(
+      "[useRouter] Router not found. Insert RouterProvider in app root"
+    );
+  return d;
+}
+function _r(d) {
+  const { to: g, params: E, onClick: y, ...v } = d, R = gr().mappedRoutes.find(({ route: s }) => s === g), { onOpen: m } = ee(g);
+  if (!R)
+    throw new Error(
+      "[Link] Route not found. Maybe it is not passed into createRouter?"
+    );
+  return /* @__PURE__ */ P.jsx(
+    "a",
+    {
+      ...v,
+      href: R.toPath(E ?? void 0),
+      onClick: (s) => {
+        y == null || y(s), !s.defaultPrevented && (v.target && v.target !== "_self" || s.metaKey || s.altKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), m({ params: E || {} })));
+      }
+    }
+  );
+}
+const mr = (d) => () => {
+  const { view: g, layout: E, route: y } = d, { isOpened: v } = ee(y);
+  return v ? E ? /* @__PURE__ */ P.jsx(E, { children: /* @__PURE__ */ P.jsx(g, {}) }) : /* @__PURE__ */ P.jsx(g, {}) : null;
+}, Tr = (d) => {
+  const { routes: g, otherwise: E } = d;
+  return () => {
+    const y = g.map(({ route: v, view: T, layout: R }) => {
+      const { isOpened: m } = ee(v);
+      return {
+        view: T,
+        layout: R,
+        isOpened: m
+      };
+    });
+    for (const v of y) {
+      if (!v.isOpened)
+        continue;
+      const { view: T, layout: R } = v;
+      return R ? /* @__PURE__ */ P.jsx(R, { children: /* @__PURE__ */ P.jsx(T, {}) }) : /* @__PURE__ */ P.jsx(T, {});
+    }
+    return E ? /* @__PURE__ */ P.jsx(E, {}) : null;
+  };
+};
+export {
+  _r as Link,
+  Er as RouterProvider,
+  mr as createRouteView,
+  Tr as createRoutesView,
+  gr as useRouter
+};

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@argon-router/react",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "private": false,
+  "version": "0.1.0",
+  "description": "React bindings for argon router",
+  "keywords": [
+    "effector",
+    "argon",
+    "router",
+    "argon-router",
+    "react"
+  ],
+  "author": "movpushmov",
+  "homepage": "https://github.com/movpushmov/argon-router#readme",
+  "license": "MIT",
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/movpushmov/argon-router.git"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run"
+  },
+  "bugs": {
+    "url": "https://github.com/movpushmov/argon-router/issues"
+  },
+  "dependencies": {
+    "@argon-router/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.24.1",
+    "@testing-library/react": "^14.2.2",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/react": "^18.2.56",
+    "@vitejs/plugin-react": "^4.3.1",
+    "jsdom": "^24.1.1",
+    "react": "^18.2.0"
+  },
+  "peerDependencies": {
+    "effector": "^23.2.2",
+    "effector-react": "^23.2.1",
+    "react": "^18.2.0"
+  },
+  "gitHead": "59ab2eda9dffd095ffe5c4625b6a40cd71487410"
+}