neouter 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,67 @@
+import { ComponentProps, ComponentType } from "react";
+
+//#region src/types.d.ts
+type Path$1 = string;
+declare enum PreloadType {
+  hover = 0,
+  view = 1,
+  off = 2,
+}
+type RouteOptions = {
+  preload?: PreloadType;
+};
+type Route = {
+  component: React.ComponentType;
+  options?: RouteOptions;
+};
+type Routes = Record<Path$1, Route>;
+type ExtractParams<Path$2 extends string> = Path$2 extends `${string}:${infer Param}/${infer Rest}` ? Param | ExtractParams<`/${Rest}`> : Path$2 extends `${string}:${infer Param}` ? Param : never;
+type ParamsObject<Path$2 extends string> = { [K in ExtractParams<Path$2>]?: string };
+type QueryParamsValueType = 'string' | 'number';
+type WithQueryAndHash<Path$2 extends string> = Path$2 | `${Path$2}?${string}` | `${Path$2}#${string}`;
+type ReplaceParams<Path$2 extends string> = Path$2 extends `${infer Start}:${string}/${infer Rest}` ? `${Start}${string}/${ReplaceParams<Rest>}` : Path$2 extends `${infer Start}:${string}` ? `${Start}${string}` : Path$2;
+type AssertPathType<R extends string> = ReplaceParams<R>;
+//#endregion
+//#region src/components/BaseLink.d.ts
+declare const BaseLink: ({
+  href,
+  children,
+  ...props
+}: ComponentProps<"a"> & {
+  href: Path$1;
+}) => any;
+//#endregion
+//#region src/hooks/useCreateRoutes.d.ts
+declare const useCreateRoutes: ({
+  routes,
+  notFoundComponent
+}: {
+  routes: Routes;
+  notFoundComponent?: React.ComponentType;
+}) => any;
+//#endregion
+//#region src/hooks/usePathParams.d.ts
+declare const usePathParams: <Path extends string>() => ParamsObject<Path> | null;
+//#endregion
+//#region src/hooks/useQueryParams.d.ts
+type Options = {
+  noThrowError?: boolean;
+};
+declare const useQueryParams: <T extends Record<string, QueryParamsValueType>>(expectedTypes: T, options?: Options) => any;
+//#endregion
+//#region src/hooks/useRouter.d.ts
+declare const useRouter: () => readonly [any, any];
+//#endregion
+//#region src/libs/extractParams.d.ts
+declare const extractParams: <Path extends string, Params extends string = ExtractParams<Path>>(pathPattern: Path, actualPath: string) => Record<Params, string>;
+//#endregion
+//#region src/libs/getMatchedPath.d.ts
+declare const getMatchedPath: (routes: Routes, path: string) => Path$1 | null;
+//#endregion
+//#region src/libs/lazyImport.d.ts
+declare function lazyImport<U extends string, T$1 extends { [P in U]: ComponentType }>(factory: () => Promise<T$1>, name: U): T$1;
+//#endregion
+//#region src/libs/redirect.d.ts
+declare const redirect: <T extends Path$1>(path: T) => () => any;
+//#endregion
+export { type AssertPathType, BaseLink, type ExtractParams, type ParamsObject, type Path$1 as Path, type QueryParamsValueType, type Routes, type WithQueryAndHash, extractParams, getMatchedPath, lazyImport, redirect, useCreateRoutes, usePathParams, useQueryParams, useRouter };

package/dist/index.mjs

@@ -0,0 +1 @@
+import{createContext as e,lazy as t,useCallback as n,useContext as r,useEffect as i,useLayoutEffect as a,useMemo as o,useState as s}from"react";import{jsx as c}from"react/jsx-runtime";const l=e({location:``,setLocation:()=>{},routes:{}}),u=({routes:e,children:t})=>{let n=()=>window.location.pathname+window.location.search,[r,a]=s(n());return i(()=>{let e=()=>{a(n())};return window.addEventListener(`popstate`,e),()=>{window.removeEventListener(`popstate`,e)}},[r]),c(l.Provider,{value:{location:r,setLocation:a,routes:e},children:t})},d=({routes:e,notFoundComponent:t})=>{let{location:n}=r(l),i=g(e,n),a=i?e[i]?.component:null;return a?c(a,{}):t},f=({routes:e,notFoundComponent:t})=>{let n=t||(()=>c(`div`,{children:`404`}));return o(()=>({paths:Object.keys(e),RouterProvider:({children:t})=>c(u,{routes:e,children:t}),Router:()=>c(d,{routes:e,notFoundComponent:c(n,{})})}),[e,n])},p=(e,t)=>{let n=e.split(`/`),r=t.split(`/`),i={};return n.forEach((e,t)=>{if(e.startsWith(`:`)){let n=e.slice(1);i[n]=r[t]}}),i},m=new Map,h=(e,t)=>{let n=Object.keys(e),r=n.map(e=>(m.has(e)||m.set(e,RegExp(`^${e.replace(/:(\w+)/g,`(\\w+)`)}$`)),m.get(e))).findIndex(e=>e.test(t));return r===-1?null:n[r]??null},g=(e,t)=>{let n=t.split(`?`)[0];return n?(n.length>1&&n.endsWith(`/`)&&(n=n.slice(0,-1)),h(e,n)):null};function _(e,n){return Object.create({[n]:t(()=>e().then(e=>({default:e[n]})))})}const v=({path:e})=>{let[,t]=S();return a(()=>{t(e)},[e,t]),null},y=e=>()=>c(v,{path:e}),b=()=>{let{location:e,routes:t}=r(l),n=g(t,e);return n?p(n,e.split(`?`)[0]??e):null},x=(e,t)=>{let[n]=S(),r=o(()=>new URL(n,window.location.origin),[n]);return o(()=>{let n={};for(let[i,a]of r.searchParams.entries())if(i in e)if(e[i]===`number`){let e=Number(a);if(!t?.noThrowError&&Number.isNaN(e))throw Error(`Invalid number value for key ${i}`);n[i]=e}else n[i]=a;return n},[r,e,t?.noThrowError])},S=()=>{let{location:e,setLocation:t}=r(l);return[e,n(e=>{t(e),window.history.pushState({},``,e)},[t])]},C=({href:e,children:t,...n})=>{let[,r]=S(),{onClick:i,...a}=n;return c(`a`,{href:e,...a,onClick:t=>{i?.(t),!(t.ctrlKey||t.metaKey)&&(t.defaultPrevented||(t.preventDefault(),r(e)))},children:t})};export{C as BaseLink,p as extractParams,g as getMatchedPath,_ as lazyImport,y as redirect,f as useCreateRoutes,b as usePathParams,x as useQueryParams,S as useRouter};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "neouter",
+  "version": "0.1.0",
+  "author": "avaice <avaice@ymail.ne.jp>",
+  "license": "ISC",
+  "description": "A type-safe router for minimalists",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.mts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "tsdown": "^0.15.8"
+  }
+}