@react-protected/react-router 0.1.1-beta.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 react-protected contributors
+
+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/AccessRoute.d.ts

@@ -0,0 +1,5 @@
+import { AccessResult } from '@react-protected/core';
+import { RouteProtection } from '@react-protected/react';
+import { AccessRouteProps } from './types';
+export declare function useRouteAccess(config: RouteProtection): AccessResult;
+export declare const AccessRoute: import('react').MemoExoticComponent<({ access, roles, permissions, meta, children, }: AccessRouteProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element>;

package/dist/createAccessRouter.d.ts

@@ -0,0 +1,3 @@
+import { createBrowserRouter } from 'react-router-dom';
+import { CreateAccessRouterConfig, CreateAccessRouterOptions, ProtectedRouteObject } from './types';
+export declare function createAccessRouter<TUser = unknown>(routes: Array<ProtectedRouteObject<TUser>>, options: CreateAccessRouterConfig<TUser>, routerOptions?: CreateAccessRouterOptions): ReturnType<typeof createBrowserRouter>;

package/dist/index.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),j=require("@react-protected/react"),b=require("react-router-dom"),ae=require("@react-protected/core");var q={exports:{}},N={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Z;function se(){if(Z)return N;Z=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function s(u,a,o){var i=null;if(o!==void 0&&(i=""+o),a.key!==void 0&&(i=""+a.key),"key"in a){o={};for(var m in a)m!=="key"&&(o[m]=a[m])}else o=a;return a=o.ref,{$$typeof:r,type:u,key:i,ref:a!==void 0?a:null,props:o}}return N.Fragment=n,N.jsx=s,N.jsxs=s,N}var $={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Q;function ue(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case g:return"Fragment";case y:return"Profiler";case T:return"StrictMode";case x:return"Suspense";case W:return"SuspenseList";case re:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case k:return"Portal";case U:return e.displayName||"Context";case C:return(e._context.displayName||"Context")+".Consumer";case w:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case A:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case S:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function n(e){return""+e}function s(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var c=t.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),n(e)}}function u(e){if(e===g)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===S)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=L.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function i(e){if(z.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function m(e,t){function c(){V||(V=!0,console.error("%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://react.dev/link/special-props)",t))}c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}function P(){var e=r(this.type);return H[e]||(H[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function p(e,t,c,l,Y,F){var f=c.ref;return e={$$typeof:_,type:e,key:t,props:c,_owner:l},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:P}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:F}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function E(e,t,c,l,Y,F){var f=t.children;if(f!==void 0)if(l)if(ne(f)){for(l=0;l<f.length;l++)h(f[l]);Object.freeze&&Object.freeze(f)}else console.error("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 h(f);if(z.call(t,"key")){f=r(e);var O=Object.keys(t).filter(function(oe){return oe!=="key"});l=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",X[f+l]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`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} />`,l,f,O,f),X[f+l]=!0)}if(f=null,c!==void 0&&(s(c),f=""+c),i(t)&&(s(t.key),f=""+t.key),"key"in t){c={};for(var M in t)M!=="key"&&(c[M]=t[M])}else c=t;return f&&m(c,typeof e=="function"?e.displayName||e.name||"Unknown":e),p(e,f,c,a(),Y,F)}function h(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===S&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}var d=K,_=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),U=Symbol.for("react.context"),w=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),A=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),re=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),L=d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,ne=Array.isArray,D=console.createTask?console.createTask:function(){return null};d={react_stack_bottom_frame:function(e){return e()}};var V,H={},J=d.react_stack_bottom_frame.bind(d,o)(),B=D(u(o)),X={};$.Fragment=g,$.jsx=function(e,t,c){var l=1e4>L.recentlyCreatedOwnerStacks++;return E(e,t,c,!1,l?Error("react-stack-top-frame"):J,l?D(u(e)):B)},$.jsxs=function(e,t,c){var l=1e4>L.recentlyCreatedOwnerStacks++;return E(e,t,c,!0,l?Error("react-stack-top-frame"):J,l?D(u(e)):B)}}()),$}process.env.NODE_ENV==="production"?q.exports=se():q.exports=ue();var v=q.exports;function ce(r){const{guard:n}=j.useAccess();return n.check(r)}const ie=K.memo(({access:r,roles:n,permissions:s,meta:u,children:a})=>{const{guard:o,loginPath:i,forbiddenPath:m,defaultPath:P,callbackUrlParam:p}=j.useAccess(),E=b.useLocation();if(r==="guest-only"){const R=o.options.getUser();return o.options.isAuthenticated(R)?v.jsx(b.Navigate,{to:P,replace:!0}):a??v.jsx(b.Outlet,{})}const h=o.check({access:r,roles:n,permissions:s,meta:u});if(!h.allowed){if(h.reason==="unauthenticated"){const R=`${E.pathname}${E.search}${E.hash}`,d=p?`${i}?${p}=${encodeURIComponent(R)}`:i;return v.jsx(b.Navigate,{to:d,replace:!0})}return v.jsx(b.Navigate,{to:m,replace:!0})}return a??v.jsx(b.Outlet,{})});function ee(r,n,s,u,a,o){return r==="unauthenticated"?o?`${s}?${o}=${encodeURIComponent(n)}`:s:r==="forbidden"?u:a}function le({access:r,roles:n,permissions:s,meta:u,guard:a,routeElement:o,RouteComponent:i,loginPath:m,forbiddenPath:P,defaultPath:p,callbackUrlParam:E}){const h=b.useLocation(),R=`${h.pathname}${h.search}${h.hash}`;if(r==="guest-only"){const _=a.options.getUser();return a.options.isAuthenticated(_)?v.jsx(b.Navigate,{to:p,replace:!0}):i?v.jsx(i,{}):o??v.jsx(b.Outlet,{})}const d=a.check({access:r,roles:n,permissions:s,meta:u});if(!d.allowed){const _=ee(d.reason,R,m,P,p,E);return v.jsx(b.Navigate,{to:_,replace:!0})}return i?v.jsx(i,{}):o??v.jsx(b.Outlet,{})}function G(r,n,s){return v.jsx(le,{access:r.protection.access,roles:r.protection.roles,permissions:r.protection.permissions,meta:r.protection.meta,guard:r.guard,routeElement:n,RouteComponent:s??null,loginPath:r.loginPath,forbiddenPath:r.forbiddenPath,defaultPath:r.defaultPath,callbackUrlParam:r.callbackUrlParam})}function I(r,n){return r===void 0||typeof r=="boolean"?r:s=>{const u=new URL(s.request.url),a=`${u.pathname}${u.search}`;if(n.protection.access==="guest-only"){const i=n.guard.options.getUser();return n.guard.options.isAuthenticated(i)?b.redirect(n.defaultPath):r(s)}const o=n.guard.check(n.protection);if(!o.allowed){const i=ee(o.reason,a,n.loginPath,n.forbiddenPath,n.defaultPath,n.callbackUrlParam);return b.redirect(i)}return r(s)}}async function fe(r){const n=await Promise.all(Object.entries(r).map(async([s,u])=>[s,await(u==null?void 0:u())]));return Object.fromEntries(n)}function de(r,n){if(!r)return;const s=typeof r=="function"?r:()=>fe(r);return async()=>{const u=await s();if(!u)return n.hasStaticUi?{}:{element:G(n)};const{element:a,Component:o,loader:i,action:m,...P}=u,p={...P,loader:I(i,n),action:I(m,n)};return n.hasStaticUi||(p.element=G(n,a,o??null)),p}}function me(r,n,s){const{loginPath:u="/login",forbiddenPath:a="/403",defaultPath:o="/",callbackUrlParam:i,...m}=n,P=ae.createGuard(m),p=E=>E.map(h=>{const{access:R,roles:d,permissions:_,meta:k,children:g,element:T,Component:y,loader:C,action:U,lazy:w,...x}=h;if(!(R!==void 0||!!(d!=null&&d.length)||!!(_!=null&&_.length)||k!==void 0))return{...x,element:T,Component:y,loader:C,action:U,lazy:w,children:g?p(g):void 0};const A={guard:P,protection:{access:R,roles:d,permissions:_,meta:k},hasStaticUi:T!=null||y!=null,loginPath:u,forbiddenPath:a,defaultPath:o,callbackUrlParam:i},S=A.hasStaticUi||!w?G(A,T,y??null):void 0;return{...x,element:S,Component:void 0,loader:I(C,A),action:I(U,A),lazy:de(w,A),children:g?p(g):void 0}});return b.createBrowserRouter(p(r),s)}Object.defineProperty(exports,"AccessProvider",{enumerable:!0,get:()=>j.AccessProvider});Object.defineProperty(exports,"HasAccess",{enumerable:!0,get:()=>j.HasAccess});Object.defineProperty(exports,"useAccess",{enumerable:!0,get:()=>j.useAccess});Object.defineProperty(exports,"useHasAccess",{enumerable:!0,get:()=>j.useHasAccess});exports.AccessRoute=ie;exports.createAccessRouter=me;exports.useRouteAccess=ce;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { AccessRoute, useRouteAccess } from './AccessRoute';
+export { createAccessRouter } from './createAccessRouter';
+export type { AccessRouteProps, CreateAccessRouterConfig, CreateAccessRouterOptions, ProtectedRouteObject, RouterAccessLevel, RouterRouteConfig, } from './types';
+export type { AccessContextValue, AccessProviderProps, NavigationConfig, RouteProtection, } from '@react-protected/react';
+export { AccessProvider, HasAccess, useAccess, useHasAccess, } from '@react-protected/react';

package/dist/index.js

@@ -0,0 +1,463 @@
+import ue, { memo as ce } from "react";
+import { useAccess as ee } from "@react-protected/react";
+import { AccessProvider as ke, HasAccess as je, useAccess as we, useHasAccess as Oe } from "@react-protected/react";
+import { useLocation as re, Navigate as $, Outlet as Y, createBrowserRouter as ie, redirect as Z } from "react-router-dom";
+import { createGuard as le } from "@react-protected/core";
+var M = { exports: {} }, y = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Q;
+function fe() {
+  if (Q) return y;
+  Q = 1;
+  var r = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+  function s(u, a, o) {
+    var i = null;
+    if (o !== void 0 && (i = "" + o), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      o = {};
+      for (var m in a)
+        m !== "key" && (o[m] = a[m]);
+    } else o = a;
+    return a = o.ref, {
+      $$typeof: r,
+      type: u,
+      key: i,
+      ref: a !== void 0 ? a : null,
+      props: o
+    };
+  }
+  return y.Fragment = n, y.jsx = s, y.jsxs = s, y;
+}
+var S = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var K;
+function de() {
+  return K || (K = 1, process.env.NODE_ENV !== "production" && function() {
+    function r(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === oe ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case P:
+          return "Fragment";
+        case j:
+          return "Profiler";
+        case A:
+          return "StrictMode";
+        case x:
+          return "Suspense";
+        case z:
+          return "SuspenseList";
+        case ne:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case k:
+            return "Portal";
+          case C:
+            return e.displayName || "Context";
+          case N:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case w:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case T:
+            return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
+          case O:
+            t = e._payload, e = e._init;
+            try {
+              return r(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        n(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var c = t.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          l
+        ), n(e);
+      }
+    }
+    function u(e) {
+      if (e === P) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === O)
+        return "<...>";
+      try {
+        var t = r(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = F.A;
+      return e === null ? null : e.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function i(e) {
+      if (V.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, t) {
+      function c() {
+        q || (q = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          t
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function R() {
+      var e = r(this.type);
+      return J[e] || (J[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function p(e, t, c, l, U, D) {
+      var f = c.ref;
+      return e = {
+        $$typeof: _,
+        type: e,
+        key: t,
+        props: c,
+        _owner: l
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: R
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, t, c, l, U, D) {
+      var f = t.children;
+      if (f !== void 0)
+        if (l)
+          if (ae(f)) {
+            for (l = 0; l < f.length; l++)
+              b(f[l]);
+            Object.freeze && Object.freeze(f);
+          } else
+            console.error(
+              "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 b(f);
+      if (V.call(t, "key")) {
+        f = r(e);
+        var g = Object.keys(t).filter(function(se) {
+          return se !== "key";
+        });
+        l = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", H[f + l] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          l,
+          f,
+          g,
+          f
+        ), H[f + l] = !0);
+      }
+      if (f = null, c !== void 0 && (s(c), f = "" + c), i(t) && (s(t.key), f = "" + t.key), "key" in t) {
+        c = {};
+        for (var G in t)
+          G !== "key" && (c[G] = t[G]);
+      } else c = t;
+      return f && m(
+        c,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), p(
+        e,
+        f,
+        c,
+        a(),
+        U,
+        D
+      );
+    }
+    function b(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    var d = ue, _ = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), C = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), F = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ae = Array.isArray, L = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    d = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var q, J = {}, B = d.react_stack_bottom_frame.bind(
+      d,
+      o
+    )(), X = L(u(o)), H = {};
+    S.Fragment = P, S.jsx = function(e, t, c) {
+      var l = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        t,
+        c,
+        !1,
+        l ? Error("react-stack-top-frame") : B,
+        l ? L(u(e)) : X
+      );
+    }, S.jsxs = function(e, t, c) {
+      var l = 1e4 > F.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        t,
+        c,
+        !0,
+        l ? Error("react-stack-top-frame") : B,
+        l ? L(u(e)) : X
+      );
+    };
+  }()), S;
+}
+process.env.NODE_ENV === "production" ? M.exports = fe() : M.exports = de();
+var h = M.exports;
+function Re(r) {
+  const { guard: n } = ee();
+  return n.check(r);
+}
+const Pe = ce(({
+  access: r,
+  roles: n,
+  permissions: s,
+  meta: u,
+  children: a
+}) => {
+  const { guard: o, loginPath: i, forbiddenPath: m, defaultPath: R, callbackUrlParam: p } = ee(), E = re();
+  if (r === "guest-only") {
+    const v = o.options.getUser();
+    return o.options.isAuthenticated(v) ? /* @__PURE__ */ h.jsx($, { to: R, replace: !0 }) : a ?? /* @__PURE__ */ h.jsx(Y, {});
+  }
+  const b = o.check({ access: r, roles: n, permissions: s, meta: u });
+  if (!b.allowed) {
+    if (b.reason === "unauthenticated") {
+      const v = `${E.pathname}${E.search}${E.hash}`, d = p ? `${i}?${p}=${encodeURIComponent(v)}` : i;
+      return /* @__PURE__ */ h.jsx($, { to: d, replace: !0 });
+    }
+    return /* @__PURE__ */ h.jsx($, { to: m, replace: !0 });
+  }
+  return a ?? /* @__PURE__ */ h.jsx(Y, {});
+});
+function te(r, n, s, u, a, o) {
+  return r === "unauthenticated" ? o ? `${s}?${o}=${encodeURIComponent(n)}` : s : r === "forbidden" ? u : a;
+}
+function me({
+  access: r,
+  roles: n,
+  permissions: s,
+  meta: u,
+  guard: a,
+  routeElement: o,
+  RouteComponent: i,
+  loginPath: m,
+  forbiddenPath: R,
+  defaultPath: p,
+  callbackUrlParam: E
+}) {
+  const b = re(), v = `${b.pathname}${b.search}${b.hash}`;
+  if (r === "guest-only") {
+    const _ = a.options.getUser();
+    return a.options.isAuthenticated(_) ? /* @__PURE__ */ h.jsx($, { to: p, replace: !0 }) : i ? /* @__PURE__ */ h.jsx(i, {}) : o ?? /* @__PURE__ */ h.jsx(Y, {});
+  }
+  const d = a.check({ access: r, roles: n, permissions: s, meta: u });
+  if (!d.allowed) {
+    const _ = te(
+      d.reason,
+      v,
+      m,
+      R,
+      p,
+      E
+    );
+    return /* @__PURE__ */ h.jsx($, { to: _, replace: !0 });
+  }
+  return i ? /* @__PURE__ */ h.jsx(i, {}) : o ?? /* @__PURE__ */ h.jsx(Y, {});
+}
+function W(r, n, s) {
+  return /* @__PURE__ */ h.jsx(
+    me,
+    {
+      access: r.protection.access,
+      roles: r.protection.roles,
+      permissions: r.protection.permissions,
+      meta: r.protection.meta,
+      guard: r.guard,
+      routeElement: n,
+      RouteComponent: s ?? null,
+      loginPath: r.loginPath,
+      forbiddenPath: r.forbiddenPath,
+      defaultPath: r.defaultPath,
+      callbackUrlParam: r.callbackUrlParam
+    }
+  );
+}
+function I(r, n) {
+  return r === void 0 || typeof r == "boolean" ? r : (s) => {
+    const u = new URL(s.request.url), a = `${u.pathname}${u.search}`;
+    if (n.protection.access === "guest-only") {
+      const i = n.guard.options.getUser();
+      return n.guard.options.isAuthenticated(i) ? Z(n.defaultPath) : r(s);
+    }
+    const o = n.guard.check(n.protection);
+    if (!o.allowed) {
+      const i = te(
+        o.reason,
+        a,
+        n.loginPath,
+        n.forbiddenPath,
+        n.defaultPath,
+        n.callbackUrlParam
+      );
+      return Z(i);
+    }
+    return r(s);
+  };
+}
+async function pe(r) {
+  const n = await Promise.all(
+    Object.entries(r).map(async ([s, u]) => [s, await (u == null ? void 0 : u())])
+  );
+  return Object.fromEntries(n);
+}
+function he(r, n) {
+  if (!r) return;
+  const s = typeof r == "function" ? r : () => pe(r);
+  return async () => {
+    const u = await s();
+    if (!u)
+      return n.hasStaticUi ? {} : { element: W(n) };
+    const { element: a, Component: o, loader: i, action: m, ...R } = u, p = {
+      ...R,
+      loader: I(i, n),
+      action: I(m, n)
+    };
+    return n.hasStaticUi || (p.element = W(n, a, o ?? null)), p;
+  };
+}
+function Te(r, n, s) {
+  const {
+    loginPath: u = "/login",
+    forbiddenPath: a = "/403",
+    defaultPath: o = "/",
+    callbackUrlParam: i,
+    ...m
+  } = n, R = le(m), p = (E) => E.map((b) => {
+    const {
+      access: v,
+      roles: d,
+      permissions: _,
+      meta: k,
+      children: P,
+      element: A,
+      Component: j,
+      loader: N,
+      action: C,
+      lazy: w,
+      ...x
+    } = b;
+    if (!(v !== void 0 || !!(d != null && d.length) || !!(_ != null && _.length) || k !== void 0))
+      return {
+        ...x,
+        element: A,
+        Component: j,
+        loader: N,
+        action: C,
+        lazy: w,
+        children: P ? p(P) : void 0
+      };
+    const T = {
+      guard: R,
+      protection: { access: v, roles: d, permissions: _, meta: k },
+      hasStaticUi: A != null || j != null,
+      loginPath: u,
+      forbiddenPath: a,
+      defaultPath: o,
+      callbackUrlParam: i
+    }, O = T.hasStaticUi || !w ? W(T, A, j ?? null) : void 0;
+    return {
+      ...x,
+      element: O,
+      Component: void 0,
+      loader: I(N, T),
+      action: I(C, T),
+      lazy: he(w, T),
+      children: P ? p(P) : void 0
+    };
+  });
+  return ie(p(r), s);
+}
+export {
+  ke as AccessProvider,
+  Pe as AccessRoute,
+  je as HasAccess,
+  Te as createAccessRouter,
+  we as useAccess,
+  Oe as useHasAccess,
+  Re as useRouteAccess
+};

package/dist/types.d.ts

@@ -0,0 +1,16 @@
+import { AccessLevel, GuardOptions } from '@react-protected/core';
+import { NavigationConfig, RouteProtection } from '@react-protected/react';
+import { ReactNode } from 'react';
+import { createBrowserRouter, RouteObject } from 'react-router-dom';
+export type RouterAccessLevel = AccessLevel | 'guest-only';
+export type RouterRouteConfig = Omit<RouteProtection, 'access'> & {
+    access?: RouterAccessLevel;
+};
+export type AccessRouteProps = RouterRouteConfig & {
+    children?: ReactNode;
+};
+export type ProtectedRouteObject<TUser = unknown> = Omit<RouteObject, 'children'> & RouterRouteConfig & {
+    children?: Array<ProtectedRouteObject<TUser>>;
+};
+export type CreateAccessRouterOptions = Parameters<typeof createBrowserRouter>[1];
+export type CreateAccessRouterConfig<TUser = unknown> = GuardOptions<TUser> & NavigationConfig;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@react-protected/react-router",
+  "version": "0.1.1-beta.0",
+  "license": "MIT",
+  "description": "React Router data router adapter for react-protected",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/astakhovaskold/react-protected",
+    "directory": "packages/react-router"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@react-protected/react": "0.1.1-beta.0",
+    "@react-protected/core": "0.1.1-beta.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-router-dom": ">=6.4.0"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@vitejs/plugin-react": "^4.0.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.15.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run"
+  }
+}