fix(remix): Lighten vendored types

Author: onurtemizkan

packages/remix/package.json

@@ -78,12 +78,14 @@
   "devDependencies": {
     "@remix-run/node": "^2.15.2",
     "@remix-run/react": "^2.15.2",
+    "@remix-run/server-runtime": "2.15.2",
     "@types/express": "^4.17.14",
     "vite": "^5.4.11"
   },
   "peerDependencies": {
     "@remix-run/node": "2.x",
     "@remix-run/react": "2.x",
+    "@remix-run/server-runtime": "2.x",
     "react": "18.x"
   },
   "scripts": {

packages/remix/src/server/errors.ts

@@ -1,7 +1,9 @@
 import type {
+  ActionFunction,
   ActionFunctionArgs,
   EntryContext,
   HandleDocumentRequestFunction,
+  LoaderFunction,
   LoaderFunctionArgs,
 } from '@remix-run/node';
 import type { RequestEventData, Span } from '@sentry/core';
@@ -18,7 +20,8 @@ import { DEBUG_BUILD } from '../utils/debug-build';
 import type { RemixOptions } from '../utils/remixOptions';
 import { storeFormDataKeys } from '../utils/utils';
 import { extractData, isResponse, isRouteErrorResponse } from '../utils/vendor/response';
-import type { DataFunction, RemixRequest } from '../utils/vendor/types';
+
+type DataFunction = LoaderFunction | ActionFunction;
 
 /**
  * Captures an exception happened in the Remix server.
@@ -87,7 +90,7 @@ export function errorHandleDocumentRequestFunction(
   this: unknown,
   origDocumentRequestFunction: HandleDocumentRequestFunction,
   requestContext: {
-    request: RemixRequest;
+    request: Request;
     responseStatusCode: number;
     responseHeaders: Headers;
     context: EntryContext;

packages/remix/src/server/instrumentServer.ts

@@ -1,4 +1,17 @@
 /* eslint-disable max-lines */
+import type { AgnosticRouteObject } from '@remix-run/router';
+import type {
+  ActionFunction,
+  ActionFunctionArgs,
+  AppLoadContext,
+  CreateRequestHandlerFunction,
+  EntryContext,
+  HandleDocumentRequestFunction,
+  LoaderFunction,
+  LoaderFunctionArgs,
+  RequestHandler,
+  ServerBuild,
+} from '@remix-run/server-runtime';
 import type { RequestEventData, Span, TransactionSource, WrappedFunction } from '@sentry/core';
 import {
   continueTrace,
@@ -23,22 +36,14 @@ import {
 import { DEBUG_BUILD } from '../utils/debug-build';
 import { createRoutes, getTransactionName } from '../utils/utils';
 import { extractData, isDeferredData, isResponse, isRouteErrorResponse, json } from '../utils/vendor/response';
-import type {
-  AppData,
-  AppLoadContext,
-  CreateRequestHandlerFunction,
-  DataFunction,
-  DataFunctionArgs,
-  EntryContext,
-  HandleDocumentRequestFunction,
-  RemixRequest,
-  RequestHandler,
-  ServerBuild,
-  ServerRoute,
-  ServerRouteManifest,
-} from '../utils/vendor/types';
 import { captureRemixServerException, errorHandleDataFunction, errorHandleDocumentRequestFunction } from './errors';
 
+type AppData = unknown;
+type RemixRequest = Parameters<RequestHandler>[0];
+type ServerRouteManifest = ServerBuild['routes'];
+type DataFunction = LoaderFunction | ActionFunction;
+type DataFunctionArgs = LoaderFunctionArgs | ActionFunctionArgs;
+
 const redirectStatusCodes = new Set([301, 302, 303, 307, 308]);
 function isRedirectResponse(response: Response): boolean {
   return redirectStatusCodes.has(response.status);
@@ -261,7 +266,7 @@ function wrapRequestHandler(
       return origRequestHandler.call(this, request, loadContext);
     }
 
-    let resolvedRoutes: ServerRoute[] | undefined;
+    let resolvedRoutes: AgnosticRouteObject[] | undefined;
 
     if (options?.instrumentTracing) {
       if (typeof build === 'function') {
@@ -428,7 +433,7 @@ export const makeWrappedCreateRequestHandler = (options?: { instrumentTracing?:
   function (origCreateRequestHandler: CreateRequestHandlerFunction): CreateRequestHandlerFunction {
     return function (
       this: unknown,
-      build: ServerBuild | (() => Promise<ServerBuild>),
+      build: ServerBuild | (() => ServerBuild | Promise<ServerBuild>),
       ...args: unknown[]
     ): RequestHandler {
       const newBuild = instrumentBuild(build, options);

packages/remix/src/utils/utils.ts

@@ -1,9 +1,11 @@
-import type { ActionFunctionArgs, LoaderFunctionArgs } from '@remix-run/node';
+import type { ActionFunctionArgs, LoaderFunctionArgs, ServerBuild } from '@remix-run/node';
+import type { AgnosticRouteObject } from '@remix-run/router';
 import type { Span, TransactionSource } from '@sentry/core';
 import { logger } from '@sentry/core';
 import { DEBUG_BUILD } from './debug-build';
 import { getRequestMatch, matchServerRoutes } from './vendor/response';
-import type { ServerRoute, ServerRouteManifest } from './vendor/types';
+
+type ServerRouteManifest = ServerBuild['routes'];
 
 /**
  *
@@ -29,7 +31,7 @@ export async function storeFormDataKeys(args: LoaderFunctionArgs | ActionFunctio
 /**
  * Get transaction name from routes and url
  */
-export function getTransactionName(routes: ServerRoute[], url: URL): [string, TransactionSource] {
+export function getTransactionName(routes: AgnosticRouteObject[], url: URL): [string, TransactionSource] {
   const matches = matchServerRoutes(routes, url.pathname);
   const match = matches && getRequestMatch(url, matches);
   return match === null ? [url.pathname, 'url'] : [match.route.id || 'no-route-id', 'route'];
@@ -41,11 +43,11 @@ export function getTransactionName(routes: ServerRoute[], url: URL): [string, Tr
  * @param manifest
  * @param parentId
  */
-export function createRoutes(manifest: ServerRouteManifest, parentId?: string): ServerRoute[] {
+export function createRoutes(manifest: ServerRouteManifest, parentId?: string): AgnosticRouteObject[] {
   return Object.entries(manifest)
     .filter(([, route]) => route.parentId === parentId)
     .map(([id, route]) => ({
       ...route,
       children: createRoutes(manifest, id),
-    }));
+    })) as AgnosticRouteObject[];
 }

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

@@ -6,10 +6,13 @@
 //
 // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
-import type { AgnosticRouteMatch, AgnosticRouteObject } from '@remix-run/router';
+import type {
+  AgnosticRouteMatch,
+  AgnosticRouteObject,
+  ErrorResponse,
+  UNSAFE_DeferredData as DeferredData,
+} from '@remix-run/router';
 import { matchRoutes } from '@remix-run/router';
-import type { DeferredData, ErrorResponse, ServerRoute } from './types';
-
 /**
  * Based on Remix Implementation
  *
@@ -76,7 +79,7 @@ export const json: JsonFunction = (data, init = {}) => {
  * Changed so that `matchRoutes` function is passed in.
  */
 export function matchServerRoutes(
-  routes: ServerRoute[],
+  routes: AgnosticRouteObject[],
   pathname: string,
 ): AgnosticRouteMatch<string, AgnosticRouteObject>[] | null {
   const matches = matchRoutes(routes, pathname);
@@ -153,11 +156,5 @@ export function isDeferredData(value: any): value is DeferredData {
 export function isRouteErrorResponse(value: any): value is ErrorResponse {
   const error: ErrorResponse = value;
 
-  return (
-    error != null &&
-    typeof error.status === 'number' &&
-    typeof error.statusText === 'string' &&
-    typeof error.internal === 'boolean' &&
-    'data' in error
-  );
+  return error != null && typeof error.status === 'number' && typeof error.statusText === 'string' && 'data' in error;
 }