feat(echo): add support for Remix framework (#5666)

packages/echo/package.json

@@ -71,6 +71,11 @@
       "require": "./dist/sveltekit.js",
       "import": "./dist/sveltekit.mjs",
       "types": "./dist/sveltekit.d.ts"
+    },
+    "./remix": {
+      "require": "./dist/remix.js",
+      "import": "./dist/remix.mjs",
+      "types": "./dist/remix.d.ts"
     }
   },
   "devDependencies": {

packages/echo/src/remix.ts

@@ -0,0 +1,41 @@
+import { EchoRequestHandler, ServeHandlerOptions } from './handler';
+import { type SupportedFrameworkName } from './types';
+
+export const frameworkName: SupportedFrameworkName = 'remix';
+
+export const serve = (
+  options: ServeHandlerOptions
+): ((ctx: { request: Request; context?: unknown }) => Promise<Response>) => {
+  const handler = new EchoRequestHandler({
+    frameworkName,
+    ...options,
+    handler: ({ request: req }: { request: Request }) => {
+      return {
+        body: () => req.json(),
+        headers: (key) => req.headers.get(key),
+        method: () => req.method,
+        url: () => new URL(req.url, `https://${req.headers.get('host') || ''}`),
+        transformResponse: ({ body, status, headers }): Response => {
+          // Handle Response polyfills
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          let Res: typeof Response;
+
+          if (typeof Response === 'undefined') {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-var-requires
+            Res = require('cross-fetch').Response;
+          } else {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            Res = Response;
+          }
+
+          return new Res(body, {
+            status,
+            headers,
+          });
+        },
+      };
+    },
+  });
+
+  return handler.createHandler();
+};

packages/echo/src/types/framework.types.ts

@@ -1 +1 @@
-export type SupportedFrameworkName = 'next' | 'express' | 'nuxt' | 'h3' | 'sveltekit';
+export type SupportedFrameworkName = 'next' | 'express' | 'nuxt' | 'h3' | 'sveltekit' | 'remix';

packages/echo/tsup.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from 'tsup';
 import { type SupportedFrameworkName } from './src';
 
-const frameworks: SupportedFrameworkName[] = ['h3', 'express', 'next', 'nuxt', 'sveltekit'];
+const frameworks: SupportedFrameworkName[] = ['h3', 'express', 'next', 'nuxt', 'sveltekit', 'remix'];
 
 export default defineConfig({
   entry: ['src/index.ts', ...frameworks.map((framework) => `src/${framework}.ts`)],