alejhern__router 0.0.1

package/README.md

@@ -0,0 +1,16 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is currently not compatible with SWC. See [this issue](https://github.com/vitejs/vite-plugin-react/issues/428) for tracking the progress.
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/lib/src/components/Link.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{EVENTS}from"../utils/const.js";function navigate(href){window.history.pushState({},"",href);const navEvent=new PopStateEvent(EVENTS.POPSTATE);window.dispatchEvent(navEvent)}export function Link({target,to,...props}){const handleClick=e=>{const isMainEvent=e.button===0;const isModifiedEvent=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;if(!isMainEvent||isModifiedEvent){return}const isManageableEvent=target==="_self"&&(to.startsWith("/")||to.startsWith(window.location.origin));if(isManageableEvent){return}e.preventDefault();navigate(to)};return _jsx("a",{href:to,target:target,onClick:handleClick,...props})}

package/lib/src/components/Route.js

@@ -0,0 +1 @@
+export function Route({path,Component}){return null}

package/lib/src/components/Router.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useEffect,useState,Children}from"react";import{EVENTS}from"../utils/const.js";import{getCurrentPath}from"../utils/getCurrentPath.js";import{match}from"path-to-regexp";export function Router({children,routes=[],DefaultComponent=null}){const[currentPage,setCurrentPage]=useState(getCurrentPath());useEffect(()=>{const onLocationChange=()=>{setCurrentPage(window.location.pathname||"/")};window.addEventListener(EVENTS.POPSTATE,onLocationChange);return()=>{window.removeEventListener(EVENTS.POPSTATE,onLocationChange)}},[]);let routerParams={};const childRoutes=Children.map(children,({props,type})=>{const{name}=type;const isRoute=name==="Route";return isRoute?props:null});routes=routes.concat(childRoutes).filter(Boolean);const Page=routes.find(({path})=>{if(path===currentPage)return true;const routeMatcher=match(path,{decode:decodeURIComponent});const matched=routeMatcher(currentPage);if(!matched)return false;Object.assign(routerParams,matched.params);return true})?.Component;return Page?_jsx(Page,{params:routerParams}):DefaultComponent?_jsx(DefaultComponent,{}):null}

package/lib/src/index.js

@@ -0,0 +1 @@
+export{Router}from"./components/Router.js";export{Route}from"./components/Route.js";export{Link}from"./components/Link.js";

package/lib/src/utils/const.js

@@ -0,0 +1 @@
+export const EVENTS={POPSTATE:"popstate"};

package/lib/src/utils/getCurrentPath.js

@@ -0,0 +1 @@
+export const getCurrentPath=()=>window.location.pathname;

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "alejhern__router",
+  "private": false,
+  "version": "0.0.1",
+  "main": "lib/src/index.js",
+  "module": "lib/src/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/src/index.js",
+      "require": "./lib/src/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test-ui": "vitest --ui",
+    "prepare": "rm -rf lib && swc src/components src/utils src/index.jsx -d lib"
+  },
+  "files": [
+    "lib"
+  ],
+  "dependencies": {
+    "@testing-library/react": "^16.3.2",
+    "happy-dom": "^20.4.0",
+    "path-to-regexp": "8.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@swc/cli": "^0.7.10",
+    "@swc/core": "^1.15.11",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "@vitest/ui": "^4.0.18",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "vite": "^7.2.4",
+    "vitest": "^4.0.18"
+  }
+}