@arielgonzaguer/michi-router 2.2.2 → 3.0.0

package/README.md

@@ -6,22 +6,72 @@
 
 ![Logo de MichiRouter](https://cdn.jsdelivr.net/gh/Ariel-GonzAguer/michi-router@main/public/michiRouter_LOGO.png)
 
-El router minimalista y simple para React.
-El objetivo principal de esta herramienta es proporcionar la funcionalidad básica de enrutamiento.
-No requiere de ninguna dependencia externa, ideal para proyectos pequeños.
-Creado con TypeScript.
+Router minimalista para React, enfocado en tamaño, DX y seguridad para navegación interna del lado del cliente.
 
 ## Características
 
-- **Minimalista**: Solo las funcionalidades esenciales de enrutamiento
-- **TypeScript**: Completamente tipado para mejor experiencia de desarrollo
-- **Zero dependencias**: No requiere librerías externas
-- **Liviano**: Bundle pequeño y optimizado
-- **Componente Protected**: Control de acceso integrado
+- **Ligero**: pensado para mantenerse pequeño.
+- **TypeScript first**: API completamente tipada.
+- **Zero dependencias de runtime**.
+- **Rutas dinámicas**: soporte para `:params` y wildcard `*`.
+- **Hooks**: `useNavigate`, `useLocation`, `useParams`.
+- **Basename**: útil para apps bajo subrutas (`/app`).
+- **Componente `Protected`** opcional.
+- **Navegación segura interna**: bloquea protocolos inseguros y destinos externos.
 
 ## Instalación
 
 ```bash
 npm install @arielgonzaguer/michi-router
 ```
-Para ver la documentación completa, visite [la página de documentación](https://michirouter.vercel.app/).
+
+## Uso rápido
+
+```tsx
+import { RouterProvider, Link, useNavigate, useParams } from '@arielgonzaguer/michi-router';
+
+function Home() {
+  const navigate = useNavigate();
+  return (
+    <>
+      <h1>Home</h1>
+      <Link to="/users/42">Ir al usuario</Link>
+      <button onClick={() => navigate('/search?q=michi#top')}>Buscar</button>
+    </>
+  );
+}
+
+function UserPage() {
+  const { id } = useParams<{ id: string }>();
+  return <h1>User {id}</h1>;
+}
+
+export default function App() {
+  return (
+    <RouterProvider
+      basename="/app"
+      routes={[
+        { path: '/', component: <Home /> },
+        { path: '/users/:id', component: <UserPage /> },
+        { path: '/docs/*', component: <h1>Docs</h1> }
+      ]}
+      notFound={<h1>404</h1>}
+    />
+  );
+}
+```
+
+## API
+
+- `navigate(to, options?)` con `options.replace` y `options.state`.
+- `useLocation()` retorna `{ pathname, search, hash, fullPath }`.
+- `useParams()` retorna los parámetros de la ruta activa.
+- `Link` está diseñado para rutas internas.
+
+## Entradas del paquete
+
+- `@arielgonzaguer/michi-router`: API completa.
+- `@arielgonzaguer/michi-router/core`: router base sin `Protected`.
+- `@arielgonzaguer/michi-router/protected`: export del componente `Protected`.
+
+Documentación: [https://michirouter.vercel.app/](https://michirouter.vercel.app/)

package/dist/core.d.mts

@@ -0,0 +1,12 @@
+import { a as LinkProps, g as RouterProviderProps, f as RouterLocation, N as NavigateFn, d as RouteParams } from './types-DvzlhMRY.mjs';
+export { L as LayoutProps, b as NavigateOptions, R as Route, e as RouterContextType } from './types-DvzlhMRY.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+
+declare function RouterProvider({ routes, children, notFound, basename, layout: Layout }: RouterProviderProps): react_jsx_runtime.JSX.Element;
+declare const Link: ({ to, children, className, onClick, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
+declare const useNavigate: () => NavigateFn;
+declare const useLocation: () => RouterLocation;
+declare const useParams: <T extends RouteParams = RouteParams>() => T;
+
+export { Link, LinkProps, NavigateFn, RouteParams, RouterLocation, RouterProvider, RouterProviderProps, useLocation, useNavigate, useParams };

package/dist/core.d.ts

@@ -0,0 +1,2 @@
+export type { LayoutProps, LinkProps, NavigateFn, NavigateOptions, Route, RouteParams, RouterContextType, RouterLocation, RouterProviderProps } from './michi-router/types';
+export { Link, RouterProvider, useLocation, useNavigate, useParams } from './michi-router/Michi-router';

package/dist/core.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParams = exports.useNavigate = exports.useLocation = exports.RouterProvider = exports.Link = void 0;
+var Michi_router_1 = require("./michi-router/Michi-router");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Michi_router_1.Link; } });
+Object.defineProperty(exports, "RouterProvider", { enumerable: true, get: function () { return Michi_router_1.RouterProvider; } });
+Object.defineProperty(exports, "useLocation", { enumerable: true, get: function () { return Michi_router_1.useLocation; } });
+Object.defineProperty(exports, "useNavigate", { enumerable: true, get: function () { return Michi_router_1.useNavigate; } });
+Object.defineProperty(exports, "useParams", { enumerable: true, get: function () { return Michi_router_1.useParams; } });

package/dist/core.mjs

@@ -0,0 +1 @@
+import{useCallback as b,createContext as E,useContext as w,useEffect as F,useMemo as C,useState as A}from"react";var k="https://michi-router.local",I=new Set(["http:","https:"]),N=t=>t.startsWith("/")?t:`/${t}`,g=t=>{let e=t.trim();if(!e)return"/";let n=N(e);return(n.length>1?n.replace(/\/+$/,""):n)||"/"},R=t=>t?g(t):"/",z=(t,e)=>e==="/"?!0:t===e||t.startsWith(`${e}/`),B=(t,e)=>e==="/"?t:t===e?"/":t.startsWith(`${e}/`)?t.slice(e.length)||"/":t,O=(t,e)=>t==="/"?e:e==="/"?t:`${t}${e}`,$=t=>{try{return decodeURIComponent(t)}catch{return t}},P=(t,e="/")=>{if(typeof t!="string")return null;let n=t.trim();if(!n||/[\u0000-\u001f\u007f]/.test(n))return null;let o=R(e),s=typeof window<"u"?window.location.origin:k,i=o==="/"?`${s}/`:`${s}${o}/`,a;try{a=new URL(n,i)}catch{return null}if(!I.has(a.protocol)||typeof window<"u"&&a.origin!==window.location.origin)return null;let r=g(a.pathname),c=z(r,o)?g(B(r,o)):r,u=g(O(o,c)),p=a.search||"",h=a.hash||"",l=`${c}${p}${h}`,m=`${u}${p}${h}`;return{pathname:c,search:p,hash:h,fullPath:l,browserPath:m}},y=(t,e)=>{let n=g(t),o=g(e);if(n==="*")return{"*":o==="/"?"":o.slice(1)};let s=n==="/"?[]:n.slice(1).split("/"),i=o==="/"?[]:o.slice(1).split("/"),a={},r=0,c=0;for(;r<s.length&&c<i.length;){let u=s[r];if(u==="*"){if(r!==s.length-1)return null;a["*"]=i.slice(c).map($).join("/"),c=i.length,r=s.length;break}let p=i[c];if(u.startsWith(":")){let h=u.slice(1);if(!h)return null;a[h]=$(p)}else if(u!==p)return null;r+=1,c+=1}return r<s.length&&s[r]==="*"&&r===s.length-1&&(a["*"]="",r+=1),r!==s.length||c!==i.length?null:a};import{jsx as L}from"react/jsx-runtime";var v=typeof window<"u",T={pathname:"/",search:"",hash:"",fullPath:"/"},S=t=>{if(!v)return T;let e=`${window.location.pathname}${window.location.search}${window.location.hash}`,n=P(e,t);if(n)return{pathname:n.pathname,search:n.search,hash:n.hash,fullPath:n.fullPath};let o=g(window.location.pathname);return{pathname:o,search:window.location.search,hash:window.location.hash,fullPath:`${o}${window.location.search}${window.location.hash}`}},f=E({path:"/",location:T,params:{},basename:"/",navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function U({routes:t,children:e,notFound:n,basename:o,layout:s}){let i=C(()=>R(o),[o]),[a,r]=A(()=>S(i));F(()=>{if(!v)return;let l=()=>r(S(i));return window.addEventListener("popstate",l),()=>window.removeEventListener("popstate",l)},[i]);let c=b((l,m)=>{let d=P(l,i);if(!d){console.warn(`MichiRouter: navegaci\xF3n bloqueada. URL interna no v\xE1lida: "${l}"`);return}let x={pathname:d.pathname,search:d.search,hash:d.hash,fullPath:d.fullPath};if(!v){r(x);return}m?.replace?window.history.replaceState(m?.state??null,"",d.browserPath):window.history.pushState(m?.state??null,"",d.browserPath),r(x)},[i]),u=C(()=>{for(let l of t){let m=y(l.path,a.pathname);if(m)return{route:l,params:m}}return null},[a.pathname,t]),p=u?.params??{},h=u?u.route.component:n??e;return L(f.Provider,{value:{path:a.pathname,location:a,params:p,basename:i,navigate:c},children:s?L(s,{children:h}):h})}var M=({to:t,children:e,className:n,onClick:o,...s})=>{let{navigate:i,basename:a}=w(f),r=P(t,a),c=r?r.browserPath:"#";return L("a",{href:c,className:n,onClick:u=>{o?.(u),!u.defaultPrevented&&(u.preventDefault(),i(t))},...s,children:e})},W=()=>w(f).navigate,_=()=>w(f).location,D=()=>w(f).params;export{M as Link,U as RouterProvider,_ as useLocation,W as useNavigate,D as useParams};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { A as AuthState, L as LayoutProps, a as LinkProps, N as NavigateFn, b as NavigateOptions, P as ProtectedConfig, c as ProtectedProps, R as Route, d as RouteParams, e as RouterContextType, f as RouterLocation, g as RouterProviderProps } from './types-DvzlhMRY.mjs';
+export { Link, RouterProvider, useLocation, useNavigate, useParams } from './core.mjs';
+export { Protected } from './protected.mjs';
+import 'react';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,75 +1,3 @@
-import React$1, { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface LayoutProps {
-    children: ReactNode;
-}
-interface Route {
-    path: string;
-    component: ReactNode;
-}
-interface RouterContextType {
-    path: string;
-    navigate: (to: string) => void;
-}
-interface RouterProviderProps {
-    routes: Array<{
-        path: string;
-        component: React.ReactNode;
-    }>;
-    children?: React.ReactNode;
-    layout?: React.ComponentType<{
-        children: React.ReactNode;
-    }>;
-}
-interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    to: string;
-    children: ReactNode;
-    className?: string;
-}
-interface AuthState<TUser = any> {
-    user: TUser | null;
-    isLoading: boolean;
-}
-interface ProtectedConfig<TUser = any> {
-    states: AuthState<TUser>;
-    redirectionPath: string;
-    loadingComponent?: ReactNode;
-    defaultMessage?: string;
-}
-interface ProtectedProps<TUser = any> {
-    children: JSX.Element;
-    configObject: ProtectedConfig<TUser>;
-}
-
-/**
- * Proveedor principal del enrutador.
- * @param routes - Array de rutas disponibles
- * @param children - Contenido a mostrar cuando no hay coincidencia de ruta (404)
- * @param layout - Componente de layout opcional para envolver todas las rutas
- */
-declare function RouterProvider({ routes, children, layout: Layout }: RouterProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * Componente Link para navegación declarativa.
- * Previene la recarga de página y utiliza el historial del navegador.
- */
-declare const Link: ({ to, children, className, ...rest }: LinkProps & React$1.AnchorHTMLAttributes<HTMLAnchorElement>) => react_jsx_runtime.JSX.Element;
-/**
- * Hook para acceder a la función de navegación programática.
- * @returns Función navigate que permite cambiar de ruta
- */
-declare const useNavigate: () => (to: string) => void;
-
-/**
- * Un componente que restringe el acceso a sus hijos según el estado de autenticación del usuario.
- *
- * Si el usuario no está autenticado, redirige a la página de landing ("/").
- * De lo contrario, renderiza sus hijos.
- *
- * @param {Object} props - Props del componente
- * @param {React.ReactNode} props.children - Los nodos React a renderizar si el usuario está autenticado.
- * @returns {JSX.Element|null} Los hijos si está autenticado, de lo contrario loader.
- */
-declare function Protected<TUser = any>({ children, configObject }: ProtectedProps<TUser>): JSX.Element | null;
-
-export { type LayoutProps, Link, type LinkProps, Protected, type ProtectedProps, type Route, type RouterContextType, RouterProvider, type RouterProviderProps, useNavigate };
+export * from './core';
+export { Protected } from './protected';
+export type { AuthState, ProtectedConfig, ProtectedProps } from './michi-router/types';

package/dist/index.js

@@ -1,7 +1,20 @@
-"use strict";var l=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var a in e)l(t,a,{get:e[a],enumerable:!0})},E=(t,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!y.call(t,r)&&r!==a&&l(t,r,{get:()=>e[r],enumerable:!(o=w(e,r))||o.enumerable});return t};var M=t=>E(l({},"__esModule",{value:!0}),t);var T={};L(T,{Link:()=>C,Protected:()=>P,RouterProvider:()=>R,useNavigate:()=>d});module.exports=M(T);var s=require("react"),u=require("react/jsx-runtime"),c=typeof window<"u",v=()=>c?window.location.pathname:"/",f=(0,s.createContext)({path:v(),navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function R({routes:t,children:e,layout:a}){let[o,r]=(0,s.useState)(v());(0,s.useEffect)(()=>{if(!c)return;let n=()=>r(window.location.pathname);return window.addEventListener("popstate",n),()=>window.removeEventListener("popstate",n)},[]);let i=(0,s.useCallback)(n=>{if(!c){r(n);return}if(typeof n!="string"||n.includes("javascript:")||n.includes("data:")){console.warn("MichiRouter: URL potencialmente insegura bloqueada:",n);return}window.history.pushState({},"",n),r(n)},[]),m=t.find(n=>n.path===o),g=m?m.component:e;try{return(0,u.jsx)(f.Provider,{value:{path:o,navigate:i},children:a?(0,u.jsx)(a,{children:g}):g})}catch(n){return console.error("Error en RouterProvider:",n),(0,u.jsx)("div",{children:"Error en el enrutador. Consulta la consola para m\xE1s detalles."})}}var C=({to:t,children:e,className:a,...o})=>{let{navigate:r}=(0,s.useContext)(f);return(0,u.jsx)("a",{href:t,className:a,onClick:i=>{i.preventDefault(),r(t)},...o,children:e})},d=()=>{let{navigate:t}=(0,s.useContext)(f);return t};var h=require("react");var p=require("react/jsx-runtime");function P({children:t,configObject:e}){let a=d(),o={states:e?.states||{user:null,isLoading:!1},redirectionPath:e?.redirectionPath||"/",loadingComponent:e?.loadingComponent||null,defaultMessage:e?.defaultMessage||void 0};if(!e?.states)return console.error(`Componente Protected: El objeto de configuraci\xF3n es inv\xE1lido. Este es el formato esperado:
-{
-  states: { user: any; isLoading: boolean };
-  redirectionPath: string;
-  loadingComponent?: React.ReactNode;
-  defaultMessage?: string;
-}`),null;let{user:r,isLoading:i}=o.states;return(0,h.useEffect)(()=>{!i&&!r&&a(o.redirectionPath)},[i,r,a,o.redirectionPath]),i?o.loadingComponent?o.loadingComponent:o.defaultMessage?(0,p.jsx)(p.Fragment,{children:o.defaultMessage}):null:r?t:null}0&&(module.exports={Link,Protected,RouterProvider,useNavigate});
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Protected = void 0;
+__exportStar(require("./core"), exports);
+var protected_1 = require("./protected");
+Object.defineProperty(exports, "Protected", { enumerable: true, get: function () { return protected_1.Protected; } });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import{useCallback as g,createContext as v,useContext as f,useState as R,useEffect as C}from"react";import{jsx as i}from"react/jsx-runtime";var u=typeof window<"u",P=()=>u?window.location.pathname:"/",d=v({path:P(),navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function h({routes:n,children:o,layout:a}){let[t,r]=R(P());C(()=>{if(!u)return;let e=()=>r(window.location.pathname);return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[]);let s=g(e=>{if(!u){r(e);return}if(typeof e!="string"||e.includes("javascript:")||e.includes("data:")){console.warn("MichiRouter: URL potencialmente insegura bloqueada:",e);return}window.history.pushState({},"",e),r(e)},[]),l=n.find(e=>e.path===t),c=l?l.component:o;try{return i(d.Provider,{value:{path:t,navigate:s},children:a?i(a,{children:c}):c})}catch(e){return console.error("Error en RouterProvider:",e),i("div",{children:"Error en el enrutador. Consulta la consola para m\xE1s detalles."})}}var w=({to:n,children:o,className:a,...t})=>{let{navigate:r}=f(d);return i("a",{href:n,className:a,onClick:s=>{s.preventDefault(),r(n)},...t,children:o})},p=()=>{let{navigate:n}=f(d);return n};import{useEffect as x}from"react";import{Fragment as y,jsx as L}from"react/jsx-runtime";function m({children:n,configObject:o}){let a=p(),t={states:o?.states||{user:null,isLoading:!1},redirectionPath:o?.redirectionPath||"/",loadingComponent:o?.loadingComponent||null,defaultMessage:o?.defaultMessage||void 0};if(!o?.states)return console.error(`Componente Protected: El objeto de configuraci\xF3n es inv\xE1lido. Este es el formato esperado:
-{
-  states: { user: any; isLoading: boolean };
-  redirectionPath: string;
-  loadingComponent?: React.ReactNode;
-  defaultMessage?: string;
-}`),null;let{user:r,isLoading:s}=t.states;return x(()=>{!s&&!r&&a(t.redirectionPath)},[s,r,a,t.redirectionPath]),s?t.loadingComponent?t.loadingComponent:t.defaultMessage?L(y,{children:t.defaultMessage}):null:r?n:null}export{w as Link,m as Protected,h as RouterProvider,p as useNavigate};
+import{useCallback as F,createContext as O,useContext as w,useEffect as W,useMemo as N,useState as _}from"react";var z="https://michi-router.local",B=new Set(["http:","https:"]),M=t=>t.startsWith("/")?t:`/${t}`,f=t=>{let e=t.trim();if(!e)return"/";let r=M(e);return(r.length>1?r.replace(/\/+$/,""):r)||"/"},R=t=>t?f(t):"/",A=(t,e)=>e==="/"?!0:t===e||t.startsWith(`${e}/`),U=(t,e)=>e==="/"?t:t===e?"/":t.startsWith(`${e}/`)?t.slice(e.length)||"/":t,b=(t,e)=>t==="/"?e:e==="/"?t:`${t}${e}`,T=t=>{try{return decodeURIComponent(t)}catch{return t}},g=(t,e="/")=>{if(typeof t!="string")return null;let r=t.trim();if(!r||/[\u0000-\u001f\u007f]/.test(r))return null;let n=R(e),s=typeof window<"u"?window.location.origin:z,i=n==="/"?`${s}/`:`${s}${n}/`,o;try{o=new URL(r,i)}catch{return null}if(!B.has(o.protocol)||typeof window<"u"&&o.origin!==window.location.origin)return null;let a=f(o.pathname),c=A(a,n)?f(U(a,n)):a,l=f(b(n,c)),d=o.search||"",h=o.hash||"",u=`${c}${d}${h}`,p=`${l}${d}${h}`;return{pathname:c,search:d,hash:h,fullPath:u,browserPath:p}},k=(t,e)=>{let r=f(t),n=f(e);if(r==="*")return{"*":n==="/"?"":n.slice(1)};let s=r==="/"?[]:r.slice(1).split("/"),i=n==="/"?[]:n.slice(1).split("/"),o={},a=0,c=0;for(;a<s.length&&c<i.length;){let l=s[a];if(l==="*"){if(a!==s.length-1)return null;o["*"]=i.slice(c).map(T).join("/"),c=i.length,a=s.length;break}let d=i[c];if(l.startsWith(":")){let h=l.slice(1);if(!h)return null;o[h]=T(d)}else if(l!==d)return null;a+=1,c+=1}return a<s.length&&s[a]==="*"&&a===s.length-1&&(o["*"]="",a+=1),a!==s.length||c!==i.length?null:o};import{jsx as L}from"react/jsx-runtime";var v=typeof window<"u",I={pathname:"/",search:"",hash:"",fullPath:"/"},E=t=>{if(!v)return I;let e=`${window.location.pathname}${window.location.search}${window.location.hash}`,r=g(e,t);if(r)return{pathname:r.pathname,search:r.search,hash:r.hash,fullPath:r.fullPath};let n=f(window.location.pathname);return{pathname:n,search:window.location.search,hash:window.location.hash,fullPath:`${n}${window.location.search}${window.location.hash}`}},P=O({path:"/",location:I,params:{},basename:"/",navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function q({routes:t,children:e,notFound:r,basename:n,layout:s}){let i=N(()=>R(n),[n]),[o,a]=_(()=>E(i));W(()=>{if(!v)return;let u=()=>a(E(i));return window.addEventListener("popstate",u),()=>window.removeEventListener("popstate",u)},[i]);let c=F((u,p)=>{let m=g(u,i);if(!m){console.warn(`MichiRouter: navegaci\xF3n bloqueada. URL interna no v\xE1lida: "${u}"`);return}let S={pathname:m.pathname,search:m.search,hash:m.hash,fullPath:m.fullPath};if(!v){a(S);return}p?.replace?window.history.replaceState(p?.state??null,"",m.browserPath):window.history.pushState(p?.state??null,"",m.browserPath),a(S)},[i]),l=N(()=>{for(let u of t){let p=k(u.path,o.pathname);if(p)return{route:u,params:p}}return null},[o.pathname,t]),d=l?.params??{},h=l?l.route.component:r??e;return L(P.Provider,{value:{path:o.pathname,location:o,params:d,basename:i,navigate:c},children:s?L(s,{children:h}):h})}var D=({to:t,children:e,className:r,onClick:n,...s})=>{let{navigate:i,basename:o}=w(P),a=g(t,o),c=a?a.browserPath:"#";return L("a",{href:c,className:r,onClick:l=>{n?.(l),!l.defaultPrevented&&(l.preventDefault(),i(t))},...s,children:e})},x=()=>w(P).navigate,H=()=>w(P).location,G=()=>w(P).params;import{useEffect as K}from"react";import{Fragment as C,jsx as y}from"react/jsx-runtime";var J=t=>{let e=g(t,"/");return e?e.fullPath:"/"};function $({children:t,configObject:e}){let r=x(),n={states:e?.states||{user:null,isLoading:!1},redirectionPath:e?.redirectionPath||"/",loadingComponent:e?.loadingComponent||null,defaultMessage:e?.defaultMessage||void 0};if(!e?.states)return console.error(`Componente Protected: El objeto de configuraci\xF3n es inv\xE1lido. Este es el formato esperado:
+{
+  states: { user: any; isLoading: boolean };
+  redirectionPath: string;
+  loadingComponent?: React.ReactNode;
+  defaultMessage?: string;
+}`),null;let s=J(n.redirectionPath),{user:i,isLoading:o}=n.states;return K(()=>{!o&&!i&&(s!==n.redirectionPath&&console.warn(`Protected: redirectionPath inseguro bloqueado ("${n.redirectionPath}"). Se usa "/" como fallback.`),r(s,{replace:!0}))},[o,i,r,s,n.redirectionPath]),o?n.loadingComponent?y(C,{children:n.loadingComponent}):n.defaultMessage?y(C,{children:n.defaultMessage}):null:i?y(C,{children:t}):null}export{D as Link,$ as Protected,q as RouterProvider,H as useLocation,x as useNavigate,G as useParams};

package/dist/protected.d.mts

@@ -0,0 +1,7 @@
+import { c as ProtectedProps } from './types-DvzlhMRY.mjs';
+export { A as AuthState, P as ProtectedConfig } from './types-DvzlhMRY.mjs';
+import React from 'react';
+
+declare function Protected<TUser = unknown>({ children, configObject }: ProtectedProps<TUser>): React.ReactElement | null;
+
+export { Protected, ProtectedProps };

package/dist/protected.d.ts

@@ -0,0 +1,2 @@
+export type { AuthState, ProtectedConfig, ProtectedProps } from './michi-router/types';
+export { default as Protected } from './michi-router/Protected';

package/dist/protected.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Protected = void 0;
+var Protected_1 = require("./michi-router/Protected");
+Object.defineProperty(exports, "Protected", { enumerable: true, get: function () { return __importDefault(Protected_1).default; } });

package/dist/protected.mjs

@@ -0,0 +1,7 @@
+import{useEffect as z}from"react";import{useCallback as b,createContext as T,useContext as E,useEffect as A,useMemo as F,useState as W}from"react";var v="https://michi-router.local",L=new Set(["http:","https:"]),C=t=>t.startsWith("/")?t:`/${t}`,i=t=>{let e=t.trim();if(!e)return"/";let r=C(e);return(r.length>1?r.replace(/\/+$/,""):r)||"/"},x=t=>t?i(t):"/",$=(t,e)=>e==="/"?!0:t===e||t.startsWith(`${e}/`),S=(t,e)=>e==="/"?t:t===e?"/":t.startsWith(`${e}/`)?t.slice(e.length)||"/":t,y=(t,e)=>t==="/"?e:e==="/"?t:`${t}${e}`;var p=(t,e="/")=>{if(typeof t!="string")return null;let r=t.trim();if(!r||/[\u0000-\u001f\u007f]/.test(r))return null;let n=x(e),a=typeof window<"u"?window.location.origin:v,s=n==="/"?`${a}/`:`${a}${n}/`,o;try{o=new URL(r,s)}catch{return null}if(!L.has(o.protocol)||typeof window<"u"&&o.origin!==window.location.origin)return null;let l=i(o.pathname),c=$(l,n)?i(S(l,n)):l,P=i(y(n,c)),u=o.search||"",h=o.hash||"",w=`${c}${u}${h}`,R=`${P}${u}${h}`;return{pathname:c,search:u,hash:h,fullPath:w,browserPath:R}};import{jsx as _}from"react/jsx-runtime";var I={pathname:"/",search:"",hash:"",fullPath:"/"};var k=T({path:"/",location:I,params:{},basename:"/",navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});var g=()=>E(k).navigate;import{Fragment as d,jsx as f}from"react/jsx-runtime";var B=t=>{let e=p(t,"/");return e?e.fullPath:"/"};function m({children:t,configObject:e}){let r=g(),n={states:e?.states||{user:null,isLoading:!1},redirectionPath:e?.redirectionPath||"/",loadingComponent:e?.loadingComponent||null,defaultMessage:e?.defaultMessage||void 0};if(!e?.states)return console.error(`Componente Protected: El objeto de configuraci\xF3n es inv\xE1lido. Este es el formato esperado:
+{
+  states: { user: any; isLoading: boolean };
+  redirectionPath: string;
+  loadingComponent?: React.ReactNode;
+  defaultMessage?: string;
+}`),null;let a=B(n.redirectionPath),{user:s,isLoading:o}=n.states;return z(()=>{!o&&!s&&(a!==n.redirectionPath&&console.warn(`Protected: redirectionPath inseguro bloqueado ("${n.redirectionPath}"). Se usa "/" como fallback.`),r(a,{replace:!0}))},[o,s,r,a,n.redirectionPath]),o?n.loadingComponent?f(d,{children:n.loadingComponent}):n.defaultMessage?f(d,{children:n.defaultMessage}):null:s?f(d,{children:t}):null}export{m as Protected};

package/dist/types-DvzlhMRY.d.mts

@@ -0,0 +1,58 @@
+import { ReactNode, AnchorHTMLAttributes, ComponentType } from 'react';
+
+interface LayoutProps {
+    children: ReactNode;
+}
+type RouteParams = Record<string, string>;
+interface RouterLocation {
+    pathname: string;
+    search: string;
+    hash: string;
+    fullPath: string;
+}
+interface NavigateOptions {
+    replace?: boolean;
+    state?: unknown;
+}
+type NavigateFn = (to: string, options?: NavigateOptions) => void;
+interface Route {
+    path: string;
+    component: ReactNode;
+}
+interface RouterContextType {
+    path: string;
+    location: RouterLocation;
+    params: RouteParams;
+    basename: string;
+    navigate: NavigateFn;
+}
+interface RouterProviderProps {
+    routes: Route[];
+    children?: ReactNode;
+    notFound?: ReactNode;
+    basename?: string;
+    layout?: ComponentType<{
+        children: ReactNode;
+    }>;
+}
+interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    to: string;
+    children: ReactNode;
+    className?: string;
+}
+interface AuthState<TUser = unknown> {
+    user: TUser | null;
+    isLoading: boolean;
+}
+interface ProtectedConfig<TUser = unknown> {
+    states: AuthState<TUser>;
+    redirectionPath: string;
+    loadingComponent?: ReactNode;
+    defaultMessage?: string;
+}
+interface ProtectedProps<TUser = unknown> {
+    children: ReactNode;
+    configObject: ProtectedConfig<TUser>;
+}
+
+export type { AuthState as A, LayoutProps as L, NavigateFn as N, ProtectedConfig as P, Route as R, LinkProps as a, NavigateOptions as b, ProtectedProps as c, RouteParams as d, RouterContextType as e, RouterLocation as f, RouterProviderProps as g };

package/dist/types-DvzlhMRY.d.ts

@@ -0,0 +1,58 @@
+import { ReactNode, AnchorHTMLAttributes, ComponentType } from 'react';
+
+interface LayoutProps {
+    children: ReactNode;
+}
+type RouteParams = Record<string, string>;
+interface RouterLocation {
+    pathname: string;
+    search: string;
+    hash: string;
+    fullPath: string;
+}
+interface NavigateOptions {
+    replace?: boolean;
+    state?: unknown;
+}
+type NavigateFn = (to: string, options?: NavigateOptions) => void;
+interface Route {
+    path: string;
+    component: ReactNode;
+}
+interface RouterContextType {
+    path: string;
+    location: RouterLocation;
+    params: RouteParams;
+    basename: string;
+    navigate: NavigateFn;
+}
+interface RouterProviderProps {
+    routes: Route[];
+    children?: ReactNode;
+    notFound?: ReactNode;
+    basename?: string;
+    layout?: ComponentType<{
+        children: ReactNode;
+    }>;
+}
+interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    to: string;
+    children: ReactNode;
+    className?: string;
+}
+interface AuthState<TUser = unknown> {
+    user: TUser | null;
+    isLoading: boolean;
+}
+interface ProtectedConfig<TUser = unknown> {
+    states: AuthState<TUser>;
+    redirectionPath: string;
+    loadingComponent?: ReactNode;
+    defaultMessage?: string;
+}
+interface ProtectedProps<TUser = unknown> {
+    children: ReactNode;
+    configObject: ProtectedConfig<TUser>;
+}
+
+export type { AuthState as A, LayoutProps as L, NavigateFn as N, ProtectedConfig as P, Route as R, LinkProps as a, NavigateOptions as b, ProtectedProps as c, RouteParams as d, RouterContextType as e, RouterLocation as f, RouterProviderProps as g };

package/package.json

@@ -1,25 +1,42 @@
 {
   "name": "@arielgonzaguer/michi-router",
   "private": false,
-  "version": "2.2.2",
+  "version": "3.0.0",
   "description": "El router minimalista y simple para React.\nEl objetivo principal de esta herramienta es proporcionar la funcionalidad básica de enrutamiento.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./core": {
+      "types": "./dist/core.d.ts",
+      "import": "./dist/core.mjs",
+      "require": "./dist/core.js"
+    },
+    "./protected": {
+      "types": "./dist/protected.d.ts",
+      "import": "./dist/protected.mjs",
+      "require": "./dist/protected.js"
+    }
+  },
+  "sideEffects": false,
   "files": [
-    "dist/index.mjs",
-    "dist/index.js",
-    "dist/index.d.ts"
+    "dist"
   ],
   "scripts": {
     "build": "tsc",
     "prepare": "npm run build:bundle",
     "clean": "rimraf dist",
     "prebuild": "npm run clean",
-    "test": "vitest",
+    "test": "vitest --run",
     "test:watch": "vitest --watch",
-    "build:bundle": "tsup src/index.ts --format esm,cjs --minify --dts --out-dir dist --external react --external react-dom",
-    "prebublish": "npm run build:bundle && npm test",
+    "build:bundle": "npm run clean && tsup src/index.ts src/core.ts src/protected.ts --format esm,cjs --minify --dts --out-dir dist --external react --splitting false",
+    "size:check": "node scripts/check-size.js",
+    "prepublish": "npm run build:bundle && npm test && npm run size:check",
     "release:patch": "npm version patch && npm publish --access public && git push origin main --tags",
     "release:minor": "npm version minor && npm publish --access public && git push origin main --tags",
     "release:major": "npm version major && npm publish --access public && git push origin main --tags"
@@ -35,8 +52,7 @@
     "front-end"
   ],
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react": ">=17.0.0"
   },
   "devDependencies": {
     "@swc/core": "1.13.5",
@@ -53,6 +69,14 @@
     "typescript": "4.9.5",
     "vitest": "3.2.4"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Ariel-GonzAguer/michi-router.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Ariel-GonzAguer/michi-router/issues"
+  },
+  "homepage": "https://github.com/Ariel-GonzAguer/michi-router#readme",
   "author": "Ariel Gonzales Agüero",
   "license": "MIT"
 }