@arielgonzaguer/michi-router 1.3.0 → 2.0.0

package/README.md

@@ -4,37 +4,18 @@
 ![bundle size](https://img.shields.io/bundlephobia/minzip/@arielgonzaguer/michi-router)
 ![license](https://img.shields.io/npm/l/@arielgonzaguer/michi-router)
 
-
-# ¡IMPORTANTE!
-
-Las versiones 1.1.x publicadas antes del 18/marzo/2025 están rotas, contienen errores y han sido eliminadas.
-La versión estable es la 1.2.2.
-Si tienes alguna de estas versiones instaladas (1.1.x), actualízala a la versión 1.2.2 ejecutando el siguiente comando:
-```bash
-npm install @arielgonzaguer/michi-router@latest
-```
-
-
-Gracias por su comprensión 😸
+![Logo de MichiRouter](./public/michiRouter_LOGO.png)
 
 # Michi Router
 
 El router minimalista y simple para React.
 El objetivo principal de esta herramienta es proporcionar la funcionalidad básica de enrutamiento.
-
-
-## Características
-
-- Es ideal para proyectos pequeños o que solo necesitan una funcionalidad básica de enrutamiento.
-- No requiere de ninguna configuración adicional.
-- No requiere de ninguna dependencia externa.
-- Creado con TypeScript.
+No requiere de ninguna dependencia externa, ideal para proyectos pequeños.
+Creado con TypeScript.
 
 ## Compatibilidad
 
-- React 16.8+.
-- Funciona con proyectos creados con Vite.
-- Totalmente tipado con TypeScript.
+- React 17+
 
 ## Instalación
 
@@ -42,289 +23,4 @@ El objetivo principal de esta herramienta es proporcionar la funcionalidad bási
 npm install @arielgonzaguer/michi-router
 ```
 
-## Uso básico
-
-```tsx
-// src/App.jsx //
-import { RouterProvider } from "@arielgonzaguer/michi-router";
-
-// puede crear rutas en un archivo separado o en el mismo archivo
-const routes = [
-  { path: "/", component: <Home /> },
-  { path: "/about", component: <About /> },
-];
-
-function App() {
-  return (
-    <RouterProvider routes={routes}>
-      {/* Esto se muestra si no se encuentra una ruta */}
-      <div>404: Page not found</div>
-    </RouterProvider>
-  );
-}
-```
-
-### Usando Link
-
-#### Usando el componente Link solo con prop to
-
-```tsx
-import { Link } from "@arielgonzaguer/michi-router";
-
-function NavigationComponent() {
-  return (
-    <nav>
-      <Link to="/">Home</Link>
-      <Link to="/about">About</Link>
-    </nav>
-  );
-}
-```
-
-#### Usando el componente Link con todas las props
-
-```tsx
-<Link
-  to="/contact"
-  className="nav-link"
-  target="_blank"
-  rel="noopener noreferrer"
-  aria-label="Contacto"
->
-  Contacto
-</Link>
-```
-
-### Navegación programática (Hook useNavigate)
-
-```tsx
-import { useNavigate } from "@arielgonzaguer/michi-router";
-
-function NavigateButton() {
-  const navigate = useNavigate();
-  return;
-  <button onClick={() => navigate("/gatos")}>Ir a Gatos</button>;
-}
-```
-
-### Organización de rutas en archivos separados
-
-Puede organizar sus rutas en archivos separados.
-Primero cree un archivo con las rutas:
-
-```tsx
-// routes.tsx
-import Home from "./pages/Home";
-import About from "./pages/About";
-import Products from "./pages/Products";
-import NotFound from "./pages/NotFound";
-
-export const routes = [
-  { path: "/", component: <Home /> },
-  { path: "/about", component: <About /> },
-  { path: "/products", component: <Products /> },
-];
-
-export const notFoundPage = <NotFound />;
-```
-
-Después utilice este archivo en su componente que maneja el enrutado:
-
-```tsx
-// App.tsx
-import { RouterProvider } from "@arielgonzaguer/michi-router";
-import { routes, notFoundPage } from "./routes";
-
-function App() {
-  return <RouterProvider routes={routes}>{notFoundPage}</RouterProvider>;
-}
-```
-
-### Protección de rutas
-
-Si necesita que sus rutas se mantengan protegidas, puede usar un componente que cumpla este propósito, como el siguiente:
-
-```tsx
-// Protected.tsx
-import { useEffect } from "react";
-import { useNavigate } from "@arielgonzaguer/michi-router";
-import useAuthStore from "../store/useAuthStore"; // esta sería la store que maneja la autenticacación en su proyecto
-import { ReactNode } from "react"; // tipado
-
-export default function Protected({ children }: { children: ReactNode }) {
-  const navigate = useNavigate();
-  const { user } = useAuthStore();
-
-  useEffect(() => {
-    if (!user) {
-      navigate("/login"); // si no hay usuario autenticado en la store, redirige al login
-    }
-  }, [user, navigate]);
-
-  return user ? children : null; // Devuelve los hijos solo si la persona usuaria está autenticada
-}
-```
-
-Después, puede usar ese componente en el archivo dónde maneja sus rutas:
-
-```tsx
-// MichiRouter.tsx
-import { RouterProvider } from "@arielgonzaguer/michi-router";
-import Home from "../pages/Home";
-import ActualizarGatos from "../pages/ActualizarGatos";
-import VerGatos from "../pages/VerGatos";
-import AgregarGatos from "../pages/AgregarGatos";
-import NotFoud404 from "../components/NotFound404";
-import Index from "../pages/Index";
-
-// protección de rutas
-import Protected from "./Protected";
-
-// layout
-import BaseLayout from "../layouts/BaseLayout";
-
-const rutas = [
-  { path: "/", component: <Home /> },
-  // encapsule los componente a elegir dentro de <Protected>
-  {
-    path: "/index",
-    component: (
-      <Protected>
-        <Index />
-      </Protected>
-    ),
-  },
-  {
-    path: "/actualizar-gatos",
-    component: (
-      <Protected>
-        <ActualizarGatos />
-      </Protected>
-    ),
-  },
-  {
-    path: "/ver-gatos",
-    component: (
-      <Protected>
-        <VerGatos />{" "}
-      </Protected>
-    ),
-  },
-  {
-    path: "/agregar-gatos",
-    component: (
-      <Protected>
-        <AgregarGatos />
-      </Protected>
-    ),
-  },
-];
-
-export default function MichiRouter() {
-  return (
-    <RouterProvider routes={rutas} layout={BaseLayout}>
-      <NotFoud404 />
-    </RouterProvider>
-  );
-}
-```
-
-### Usando un Layout General
-
-Puede aplicar un layout común a todas tus rutas:
-
-```tsx
-import { RouterProvider } from "@arielgonzaguer/michi-router";
-import MainLayout from "./layouts/MainLayout";
-
-const routes = [
-  { path: "/", component: <Home /> },
-  { path: "/felinos-ferales", component: <Ferales /> },
-];
-
-function App() {
-  return (
-    <RouterProvider routes={routes} layout={MainLayout}>
-      <div>404: Page not found</div>
-    </RouterProvider>
-  );
-}
-
-// Ejemplo de un componente Layout
-function MainLayout({ children }) {
-  return (
-    <div className="layout">
-      <header>
-        <nav>
-          <Link to="/">Home</Link>
-          <Link to="/felinos-ferales">Ferales</Link>
-        </nav>
-      </header>
-      <main>{children}</main>
-      <footer>Michi-router 😸</footer>
-    </div>
-  );
-}
-```
-
-## API
-
-### `<RouterProvider>`
-
-Componente principal para el enrutamiento.
-
-**Props:**
-
-- `routes`: Array de objetos con `path` y `component`.
-- `children`: Elemento a mostrar cuando no hay ruta coincidente.
-- `layout`: Componente opcional que funciona como layout general para todas las rutas.
-
-### `<Link>`
-
-Componente para navegación declarativa.
-
-**Props:**
-
-- `to`: Ruta destino.
-- `children`: Contenido del enlace.
-- `className`: Clases CSS opcionales.
-- `...rest`: Cualquier otra prop válida para elementos `<a>` de HTML.
-
-### `useNavigate()`
-
-Hook para navegación programática.
-
-**Retorna:**
-
-- Función navigate que acepta la ruta como parámetro.
-
-## Próximas características
-
-- [ ] Transiciones entre rutas.
-
-  ```jsx
-  <RouterProvider routes={routes} transitions={true} transitionDuration={300}>
-    <NotFound />
-  </RouterProvider>
-  ```
-
-## Solución de problemas comunes
-
-### El componente no se renderiza después de navegar
-
-Asegúrese de que la ruta en el array `routes` coincida exactamente con la URL, incluyendo barras diagonales.
-
-
-## Contribuir
-
-Las contribuciones son bienvenidas. Por favor, sigue estos pasos:
-
-1. Fork el repositorio.
-2. Crea una rama para tu feature (`git checkout -b feature/amazing-feature`).
-3. Haz commit de tus cambios (`git commit -m 'Add some amazing feature'`).
-4. Push a la rama (`git push origin feature/amazing-feature`).
-5. Abre un Pull Request.
-
-## Licencia
-
-MIT
+Visite la [Documentación oficial](https://michirouter.vercel.app/) para más detalles.

package/dist/index.d.ts

@@ -1 +1,73 @@
-export * from './michi-router';
+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 ProtectedProps {
+    children: JSX.Element;
+    configObject: {
+        states: {
+            user: any;
+            isLoading: boolean;
+        };
+        redirectionPath: string;
+        loadingComponent?: ReactNode;
+        defaultMessage?: string | undefined;
+    };
+}
+
+/**
+ * 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({ children, configObject }: ProtectedProps): JSX.Element | null;
+
+export { type LayoutProps, Link, type LinkProps, Protected, type ProtectedProps, type Route, type RouterContextType, RouterProvider, type RouterProviderProps, useNavigate };

package/dist/index.js

@@ -1,17 +1,7 @@
-"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 });
-__exportStar(require("./michi-router"), exports);
+"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var n in e)p(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of C(e))!x.call(t,r)&&r!==n&&p(t,r,{get:()=>e[r],enumerable:!(o=h(e,r))||o.enumerable});return t};var L=t=>y(p({},"__esModule",{value:!0}),t);var E={};w(E,{Link:()=>g,Protected:()=>c,RouterProvider:()=>m,useNavigate:()=>u});module.exports=L(E);var a=require("react"),d=require("react/jsx-runtime"),l=(0,a.createContext)({path:window.location.pathname,navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function m({routes:t,children:e,layout:n}){let[o,r]=(0,a.useState)(window.location.pathname);(0,a.useEffect)(()=>{let s=()=>r(window.location.pathname);return window.addEventListener("popstate",s),()=>window.removeEventListener("popstate",s)},[]);let i=(0,a.useCallback)(s=>{window.history.pushState({},"",s),r(s)},[]),P=t.find(s=>s.path===o),f=P?P.component:e;try{return(0,d.jsx)(l.Provider,{value:{path:o,navigate:i},children:n?(0,d.jsx)(n,{children:f}):f})}catch(s){return console.error("Error en RouterProvider:",s),(0,d.jsx)("div",{children:"Error en el enrutador. Consulta la consola para m\xE1s detalles."})}}var g=({to:t,children:e,className:n,...o})=>{let{navigate:r}=(0,a.useContext)(l);return(0,d.jsx)("a",{href:t,className:n,onClick:i=>{i.preventDefault(),r(t)},...o,children:e})},u=()=>{let{navigate:t}=(0,a.useContext)(l);return t};var v=require("react");var R=require("react/jsx-runtime");function c({children:t,configObject:e}){let n=u(),o={states:e?.states||null,redirectionPath:e?.redirectionPath||"/",loadingComponent:e?.loadingComponent||null,defaultMessage:e?.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:i}=o.states;return(0,v.useEffect)(()=>{!i&&!r&&n(o.redirectionPath)},[i,r,n,o.redirectionPath]),i?o.loadingComponent?o.loadingComponent:o.defaultMessage?(0,R.jsx)("div",{children:o.defaultMessage}):null:r?t:null}0&&(module.exports={Link,Protected,RouterProvider,useNavigate});

package/dist/index.mjs

@@ -0,0 +1,7 @@
+import{useCallback as f,createContext as m,useContext as c,useState as g,useEffect as v}from"react";import{jsx as i}from"react/jsx-runtime";var d=m({path:window.location.pathname,navigate:()=>{console.warn("RouterContext usado fuera de RouterProvider")}});function R({routes:o,children:r,layout:a}){let[e,n]=g(window.location.pathname);v(()=>{let t=()=>n(window.location.pathname);return window.addEventListener("popstate",t),()=>window.removeEventListener("popstate",t)},[]);let s=f(t=>{window.history.pushState({},"",t),n(t)},[]),p=o.find(t=>t.path===e),l=p?p.component:r;try{return i(d.Provider,{value:{path:e,navigate:s},children:a?i(a,{children:l}):l})}catch(t){return console.error("Error en RouterProvider:",t),i("div",{children:"Error en el enrutador. Consulta la consola para m\xE1s detalles."})}}var h=({to:o,children:r,className:a,...e})=>{let{navigate:n}=c(d);return i("a",{href:o,className:a,onClick:s=>{s.preventDefault(),n(o)},...e,children:r})},u=()=>{let{navigate:o}=c(d);return o};import{useEffect as C}from"react";import{jsx as x}from"react/jsx-runtime";function P({children:o,configObject:r}){let a=u(),e={states:r?.states||null,redirectionPath:r?.redirectionPath||"/",loadingComponent:r?.loadingComponent||null,defaultMessage:r?.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:n,isLoading:s}=e.states;return C(()=>{!s&&!n&&a(e.redirectionPath)},[s,n,a,e.redirectionPath]),s?e.loadingComponent?e.loadingComponent:e.defaultMessage?x("div",{children:e.defaultMessage}):null:n?o:null}export{h as Link,P as Protected,R as RouterProvider,u as useNavigate};

package/package.json

@@ -1,21 +1,28 @@
 {
   "name": "@arielgonzaguer/michi-router",
   "private": false,
-  "version": "1.3.0",
+  "version": "2.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",
   "files": [
-    "dist"
+    "dist/index.mjs",
+    "dist/index.js",
+    "dist/index.d.ts"
   ],
   "scripts": {
     "build": "tsc",
-    "prepare": "npm run build",
+    "prepare": "npm run build:bundle",
     "clean": "rimraf dist",
     "prebuild": "npm run clean",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build:bundle",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
+    "build:bundle": "tsup src/index.ts --format esm,cjs --minify --dts --out-dir dist --external react --external react-dom"
   },
   "keywords": [
+    "enrutado",
     "react",
     "router",
     "typescript",
@@ -24,17 +31,24 @@
     "gatos"
   ],
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rimraf": "^6.0.1",
-    "typescript": "^4.9.5"
+    "@swc/core": "1.13.5",
+    "@testing-library/jest-dom": "6.0.0",
+    "@testing-library/react": "14.0.0",
+    "@types/jest": "29.5.3",
+    "@types/react": "18.3.18",
+    "@types/react-dom": "18.3.5",
+    "jsdom": "26.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "rimraf": "6.0.1",
+    "tsup": "8.5.0",
+    "typescript": "4.9.5",
+    "vitest": "3.2.4"
   },
-  "author": "Ariel González Agüero",
+  "author": "Ariel Gonzales Agüero",
   "license": "MIT"
 }

package/dist/michi-router/Michi-router.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { RouterContextType, RouterProviderProps, LinkProps } from './types';
-declare const RouterContext: React.Context<RouterContextType>;
-/**
- * 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
- */
-export declare function RouterProvider({ routes, children, layout: Layout }: RouterProviderProps): React.JSX.Element;
-/**
- * Componente Link para navegación declarativa.
- * Previene la recarga de página y utiliza el historial del navegador.
- */
-export declare const Link: ({ to, children, className, ...rest }: LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>) => React.JSX.Element;
-/**
- * Hook para acceder a la función de navegación programática.
- * @returns Función navigate que permite cambiar de ruta
- */
-export declare const useNavigate: () => (to: string) => void;
-export { RouterContext };

package/dist/michi-router/Michi-router.js

@@ -1,109 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouterContext = exports.useNavigate = exports.Link = exports.RouterProvider = void 0;
-var react_1 = __importStar(require("react"));
-// Creación del contexto con un valor inicial
-var RouterContext = (0, react_1.createContext)({
-    path: window.location.pathname,
-    navigate: function () {
-        console.warn('RouterContext usado fuera de RouterProvider');
-    }
-});
-exports.RouterContext = RouterContext;
-/**
- * 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
- */
-function RouterProvider(_a) {
-    var routes = _a.routes, children = _a.children, Layout = _a.layout;
-    var _b = (0, react_1.useState)(window.location.pathname), path = _b[0], setPath = _b[1];
-    (0, react_1.useEffect)(function () {
-        var handlePopState = function () { return setPath(window.location.pathname); };
-        window.addEventListener('popstate', handlePopState);
-        return function () { return window.removeEventListener('popstate', handlePopState); };
-    }, []);
-    var navigate = (0, react_1.useCallback)(function (to) {
-        window.history.pushState({}, '', to);
-        setPath(to);
-    }, []);
-    // Encontrar la ruta actual
-    var currentRoute = routes.find(function (route) { return route.path === path; });
-    var routeContent = currentRoute ? currentRoute.component : children;
-    try {
-        return (react_1.default.createElement(RouterContext.Provider, { value: { path: path, navigate: navigate } }, Layout ? (react_1.default.createElement(Layout, null, routeContent)) : (routeContent)));
-    }
-    catch (error) {
-        console.error('Error en RouterProvider:', error);
-        return react_1.default.createElement("div", null, "Error en el enrutador. Consulta la consola para m\u00E1s detalles.");
-    }
-}
-exports.RouterProvider = RouterProvider;
-/**
- * Componente Link para navegación declarativa.
- * Previene la recarga de página y utiliza el historial del navegador.
- */
-var Link = function (_a) {
-    var to = _a.to, children = _a.children, className = _a.className, rest = __rest(_a, ["to", "children", "className"]);
-    var navigate = (0, react_1.useContext)(RouterContext).navigate;
-    return (react_1.default.createElement("a", __assign({ href: to, className: className, onClick: function (e) {
-            e.preventDefault();
-            navigate(to);
-        } }, rest), children));
-};
-exports.Link = Link;
-/**
- * Hook para acceder a la función de navegación programática.
- * @returns Función navigate que permite cambiar de ruta
- */
-var useNavigate = function () {
-    var navigate = (0, react_1.useContext)(RouterContext).navigate;
-    return navigate;
-};
-exports.useNavigate = useNavigate;

package/dist/michi-router/index.d.ts

@@ -1,2 +0,0 @@
-export { RouterProvider, Link, useNavigate } from './Michi-router';
-export type { Route, RouterContextType, RouterProviderProps, LinkProps, LayoutProps } from './types';

package/dist/michi-router/index.js

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

package/dist/michi-router/types.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from "react";
-export interface LayoutProps {
-    children: ReactNode;
-}
-export interface Route {
-    path: string;
-    component: ReactNode;
-}
-export interface RouterContextType {
-    path: string;
-    navigate: (to: string) => void;
-}
-export interface RouterProviderProps {
-    routes: Array<{
-        path: string;
-        component: React.ReactNode;
-    }>;
-    children?: React.ReactNode;
-    layout?: React.ComponentType<{
-        children: React.ReactNode;
-    }>;
-}
-export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
-    to: string;
-    children: ReactNode;
-    className?: string;
-}

package/dist/michi-router/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });