V5 types fix

CHANGELOG.md

@@ -1,5 +1,8 @@
 ## Changelog
 
+- **v5.0.2**
+  - fixed: AutoRouter was missing the router-level generics support of the other 2 routers.
+  - fixed: All 3 routers had their 3rd generic argument, ResponseType added per the spec.
 - **v5.0.0**
   - BREAKING: router.fetch replaces router.handle (now deprecated)
   - BREAKING: "createCors" has been deprecated in favor of "cors" (new options & requirements)

examples/router-matchup.ts

@@ -0,0 +1,28 @@
+import { AutoRouter } from 'AutoRouter'
+import { IttyRouter } from 'IttyRouter'
+import { Router } from 'Router'
+import { IRequest } from 'types'
+
+// setup
+type FooResponse = { foo: string }
+const request = new Request('https://foo.bar')
+
+// test
+const autorouter = AutoRouter<IRequest, [], FooResponse>()
+const router = Router<IRequest, [], FooResponse>()
+const ittyrouter = IttyRouter<IRequest, [], FooResponse>()
+
+// test getters
+autorouter.get('/throw', (a) => a.b.c)
+router.get('/throw', (a) => a.b.c)
+ittyrouter.get('/throw', (a) => a.b.c)
+
+// autorouter tests
+autorouter.missing
+autorouter.format
+
+// test response formatting
+const autorouterResponse = (await autorouter.fetch(request)).foo
+const routerResponse = (await router.fetch(request)).foo
+const ittyrouterResponse = (await ittyrouter.fetch(request)).foo
+

package.json

@@ -1,6 +1,6 @@
 {
   "name": "itty-router",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "A tiny, zero-dependency router, designed to make beautiful APIs in any environment.",
   "main": "./index.js",
   "module": "./index.mjs",

src/AutoRouter.ts

@@ -1,16 +1,20 @@
 import { Router } from './Router'
 import { error } from './error'
 import { json } from './json'
-import { AutoRouterOptions } from './types'
+import { AutoRouterOptions, AutoRouterType, IRequest } from './types'
 import { withParams } from './withParams'
 
-export const AutoRouter = ({
+export const AutoRouter = <
+  RequestType extends IRequest = IRequest,
+  Args extends any[] = any[],
+  ResponseType = any
+>({
   format = json,
   missing = () => error(404),
   finally: f = [],
   before = [],
   ...options }: AutoRouterOptions = {}
-) => Router({
+): AutoRouterType<RequestType, Args, ResponseType> => Router({
   before: [
     withParams,
     ...before

src/IttyRouter.ts

@@ -8,8 +8,9 @@ import {
 
 export const IttyRouter = <
   RequestType extends IRequest = IRequest,
-  Args extends any[] = any[]
->({ base = '', routes = [], ...other }: IttyRouterOptions = {}): IttyRouterType<RequestType, Args> =>
+  Args extends any[] = any[],
+  ResponseType = any
+>({ base = '', routes = [], ...other }: IttyRouterOptions = {}): IttyRouterType<RequestType, Args, ResponseType> =>
   ({
     __proto__: new Proxy({}, {
       // @ts-expect-error (we're adding an expected prop "path" to the get)

src/Router.ts

@@ -8,8 +8,9 @@ import {
 
 export const Router = <
   RequestType = IRequest,
-  Args extends any[] = any[]
->({ base = '', routes = [], ...other }: RouterOptions = {}): RouterType<RequestType, Args> =>
+  Args extends any[] = any[],
+  ResponseType = any
+>({ base = '', routes = [], ...other }: RouterOptions = {}): RouterType<RequestType, Args, ResponseType> =>
   ({
     __proto__: new Proxy({}, {
       // @ts-expect-error (we're adding an expected prop "path" to the get)

src/types.ts

@@ -1,5 +1,6 @@
 // routers
 export * from './types/AutoRouterOptions'
+export * from './types/AutoRouterType'
 export * from './types/CustomRoutes'
 export * from './types/ErrorHandler'
 export * from './types/IRequest'

src/types/AutoRouterType.ts

@@ -0,0 +1,13 @@
+import { IRequest } from './IRequest'
+import { RequestHandler } from './RequestHandler'
+import { ResponseHandler } from './ResponseHandler'
+import { RouterType } from './RouterType'
+
+export type AutoRouterType<
+  R = IRequest,
+  Args extends any[] = any[],
+  ResponseType = any
+> = {
+  missing?: RequestHandler
+  format?: ResponseHandler
+} & RouterType<R, Args, ResponseType>

src/types/IttyRouterType.ts

@@ -5,7 +5,11 @@ import { Route } from './Route'
 import { RouteEntry } from './RouteEntry'
 import { CustomRoutes } from './CustomRoutes'
 
-export type IttyRouterType<R = IRequest, A extends any[] = any[], ResponseType = any> = {
+export type IttyRouterType<
+  R = IRequest,
+  A extends any[] = any[],
+  ResponseType = any
+> = {
   __proto__: IttyRouterType<R>
   routes: RouteEntry[]
   fetch: <Args extends any[] = A>(request: RequestLike, ...extra: Args) => Promise<ResponseType>