chore: use fastify types

Author: rustworthy

packages/remix/package.json

@@ -70,7 +70,9 @@
   "devDependencies": {
     "@remix-run/node": "^1.4.3",
     "@remix-run/react": "^1.4.3",
-    "@types/express": "^4.17.14"
+    "@types/express": "^4.17.14",
+    "fastify": "^4.26.2",
+    "typescript": "^5.4.4"
   },
   "peerDependencies": {
     "@remix-run/node": "1.x || 2.x",

packages/remix/src/utils/serverAdapters/express.ts

@@ -1,6 +1,7 @@
+import { type ExpressCreateHandlerWrapper } from '../vendor/types';
 import { SupportedFramework, prepareWrapCreateRequestHandler } from './shared';
 
 /**
  * Instruments `createRequestHandler` from `@remix-run/express`
  */
-export const wrapExpressCreateRequestHandler = prepareWrapCreateRequestHandler(SupportedFramework.Express);
+export const wrapExpressCreateRequestHandler = prepareWrapCreateRequestHandler(SupportedFramework.Express) as ExpressCreateHandlerWrapper;

packages/remix/src/utils/serverAdapters/fastify.ts

@@ -1,6 +1,7 @@
+import { type FastifyCreateHandlerWrapper } from '../vendor/types';
 import { SupportedFramework, prepareWrapCreateRequestHandler } from './shared';
 
 /**
  * Instruments `createRequestHandler` from `@mcansh/remix-fastify`
  */
-export const wrapFastifyCreateRequestHandler = prepareWrapCreateRequestHandler(SupportedFramework.Fastify);
+export const wrapFastifyCreateRequestHandler = prepareWrapCreateRequestHandler(SupportedFramework.Fastify) as FastifyCreateHandlerWrapper;

packages/remix/src/utils/vendor/types.ts

@@ -15,6 +15,8 @@ import type { PolymorphicRequest } from '@sentry/types';
 import type * as Express from 'express';
 import type { ComponentType } from 'react';
 
+import type * as Fastify from 'fastify'
+
 type Dev = {
   command?: string;
   scheme?: string;
@@ -238,8 +240,9 @@ export interface AssetsManifest {
 }
 
 export type GenericRequestHandler = (req: any, res: any, next: any) => Promise<void>;
-
 export type CreateGenericRequestHandler = (this: unknown, options: any) => GenericRequestHandler;
+export type ExpressCreateHandlerWrapper = (createHandler: CreateGenericRequestHandler) => (opts: CreateRequestHandlerOptions) => Express.RequestHandler
+export type FastifyCreateHandlerWrapper = (createHandler: CreateGenericRequestHandler) => (opts: CreateRequestHandlerOptions) => Fastify.RouteHandlerMethod;
 
 export interface CreateRequestHandlerOptions {
   build: ServerBuild | (() => ServerBuild) | (() => Promise<ServerBuild>);

packages/remix/test/integration/test/server/utils/helpers.ts

@@ -31,11 +31,11 @@ const runExpressApp = (adapter: Adapter.Builtin | Adapter.Express): Promise<http
   }
 )
 
-const runFastifyApp = (): Promise<http.Server> => new Promise(res => {
+const runFastifyApp = (): Promise<http.Server> => new Promise(async res => {
   const app = fastify();
-  app.register(formBody);
-  // @ts-ignore
-  app.all('*', adapters[Adapter.Fastify]({ build: require('../../../build') }));
+  await app.register(formBody);
+  const handler = adapters[Adapter.Fastify]({ build: require('../../../build') });
+  app.all('*', handler);
   app.listen({port: 0}, (_err, _addr) => {
     res(app.server)
   });

packages/remix/tsconfig.json

@@ -5,6 +5,7 @@
 
   "compilerOptions": {
     "jsx": "react",
-    "module": "es2020"
+    "module": "es2020",
+    "ignoreDeprecations": "5.0"
   }
 }