rename some types

packages/expo/src/document-picker.ts

@@ -36,7 +36,7 @@ export const GENERATE_useDocumentUploader = <
 }) => {
   const useDocumentUploader = <TEndpoint extends keyof TRouter>(
     endpoint: TEndpoint,
-    opts?: UseUploadthingProps<TRouter, TEndpoint>,
+    opts?: UseUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     const { routeConfig, startUpload, isUploading } = __useUploadThingInternal(
       initOpts.url,

packages/expo/src/image-picker.ts

@@ -28,7 +28,7 @@ export const GENERATE_useImageUploader = <
 }) => {
   const useImageUploader = <TEndpoint extends keyof TRouter>(
     endpoint: TEndpoint,
-    opts?: UseUploadthingProps<TRouter, TEndpoint>,
+    opts?: UseUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     const { routeConfig, startUpload, isUploading } = __useUploadThingInternal(
       initOpts.url,

packages/react/src/types.ts

@@ -6,6 +6,7 @@ import type {
   UploadThingError,
 } from "@uploadthing/shared";
 import type {
+  AnyFileRoute,
   ClientUploadedFileData,
   EndpointArg,
   FileRouter,
@@ -28,9 +29,8 @@ export interface GenerateTypedHelpersOptions {
 }
 
 export type UseUploadthingProps<
-  TRouter extends FileRouter,
-  TEndpoint extends keyof TRouter,
-  TServerOutput = inferEndpointOutput<TRouter[TEndpoint]>,
+  TFileRoute extends AnyFileRoute,
+  TServerOutput = inferEndpointOutput<TFileRoute>,
 > = {
   /**
    * Called when the upload is submitted and the server is about to be queried for presigned URLs
@@ -74,7 +74,7 @@ export type UseUploadthingProps<
    * Called if the upload fails
    */
   onUploadError?:
-    | ((e: UploadThingError<inferErrorShape<TRouter>>) => MaybePromise<void>)
+    | ((e: UploadThingError<inferErrorShape<TFileRoute>>) => MaybePromise<void>)
     | undefined;
   /**
    * Set custom headers that'll get sent with requests
@@ -94,7 +94,7 @@ export type UploadthingComponentProps<
   TRouter extends FileRouter,
   TEndpoint extends keyof TRouter,
 > = Omit<
-  UseUploadthingProps<TRouter, TEndpoint>,
+  UseUploadthingProps<TRouter[TEndpoint]>,
   /**
    * Signal is omitted, component has its own AbortController
    * If you need to control the interruption with more granularity,

packages/react/src/useUploadThing.ts

@@ -55,7 +55,7 @@ export function __useUploadThingInternal<
 >(
   url: URL,
   endpoint: EndpointArg<TRouter, TEndpoint>,
-  opts?: UseUploadthingProps<TRouter, TEndpoint>,
+  opts?: UseUploadthingProps<TRouter[TEndpoint]>,
 ) {
   const { uploadFiles, routeRegistry } = genUploader<TRouter>({
     url,
@@ -115,9 +115,9 @@ export function __useUploadThingInternal<
        */
       if (e instanceof UploadAbortedError) throw e;
 
-      let error: UploadThingError<inferErrorShape<TRouter>>;
+      let error: UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
       if (e instanceof UploadThingError) {
-        error = e as UploadThingError<inferErrorShape<TRouter>>;
+        error = e as UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
       } else {
         error = INTERNAL_DO_NOT_USE__fatalClientError(e as Error);
         console.error(
@@ -161,7 +161,7 @@ export const generateReactHelpers = <TRouter extends FileRouter>(
 
   function useUploadThing<TEndpoint extends keyof TRouter>(
     endpoint: EndpointArg<TRouter, TEndpoint>,
-    opts?: UseUploadthingProps<TRouter, TEndpoint>,
+    opts?: UseUploadthingProps<TRouter[TEndpoint]>,
   ) {
     return __useUploadThingInternal(url, endpoint, opts);
   }

packages/solid/src/create-uploadthing.ts

@@ -44,7 +44,7 @@ export const INTERNAL_createUploadThingGen = <
 
   const createUploadThing = <TEndpoint extends keyof TRouter>(
     endpoint: EndpointArg<TRouter, TEndpoint>,
-    opts?: CreateUploadthingProps<TRouter, TEndpoint>,
+    opts?: CreateUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     const [isUploading, setUploading] = createSignal(false);
     let uploadProgress = 0;
@@ -99,9 +99,9 @@ export const INTERNAL_createUploadThingGen = <
          */
         if (e instanceof UploadAbortedError) throw e;
 
-        let error: UploadThingError<inferErrorShape<TRouter>>;
+        let error: UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
         if (e instanceof UploadThingError) {
-          error = e as UploadThingError<inferErrorShape<TRouter>>;
+          error = e as UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
         } else {
           error = INTERNAL_DO_NOT_USE__fatalClientError(e as Error);
           console.error(

packages/solid/src/types.ts

@@ -6,6 +6,7 @@ import type {
   UploadThingError,
 } from "@uploadthing/shared";
 import type {
+  AnyFileRoute,
   ClientUploadedFileData,
   EndpointArg,
   FileRouter,
@@ -28,9 +29,8 @@ export interface GenerateTypedHelpersOptions {
 }
 
 export type CreateUploadthingProps<
-  TRouter extends FileRouter,
-  TEndpoint extends keyof TRouter,
-  TServerOutput = inferEndpointOutput<TRouter[TEndpoint]>,
+  TFileRoute extends AnyFileRoute,
+  TServerOutput = inferEndpointOutput<TFileRoute>,
 > = {
   /**
    * Called when the upload is submitted and the server is about to be queried for presigned URLs
@@ -74,7 +74,7 @@ export type CreateUploadthingProps<
    * Called if the upload fails
    */
   onUploadError?:
-    | ((e: UploadThingError<inferErrorShape<TRouter>>) => MaybePromise<void>)
+    | ((e: UploadThingError<inferErrorShape<TFileRoute>>) => MaybePromise<void>)
     | undefined;
   /**
    * Set custom headers that'll get sent with requests
@@ -94,16 +94,15 @@ export type CreateUploadthingProps<
  * @deprecated Use `CreateUploadthingProps` instead
  */
 export type UseUploadThingProps<
-  TRouter extends FileRouter,
-  TEndpoint extends keyof TRouter,
-  TServerOutput = inferEndpointOutput<TRouter[TEndpoint]>,
-> = CreateUploadthingProps<TRouter, TEndpoint, TServerOutput>;
+  TFileRoute extends AnyFileRoute,
+  TServerOutput = inferEndpointOutput<TFileRoute>,
+> = CreateUploadthingProps<TFileRoute, TServerOutput>;
 
 export type UploadthingComponentProps<
   TRouter extends FileRouter,
   TEndpoint extends keyof TRouter,
 > = Omit<
-  CreateUploadthingProps<TRouter, TEndpoint>,
+  CreateUploadthingProps<TRouter[TEndpoint]>,
   /**
    * Signal is omitted, component has its own AbortController
    * If you need to control the interruption with more granularity,

packages/svelte/src/lib/create-uploadthing.ts

@@ -48,7 +48,7 @@ export const INTERNAL_createUploadThingGen = <
 
   const useUploadThing = <TEndpoint extends keyof TRouter>(
     endpoint: EndpointArg<TRouter, TEndpoint>,
-    opts?: UseUploadthingProps<TRouter, TEndpoint>,
+    opts?: UseUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     const isUploading = writable(false);
     let uploadProgress = 0;
@@ -103,9 +103,9 @@ export const INTERNAL_createUploadThingGen = <
          */
         if (e instanceof UploadAbortedError) throw e;
 
-        let error: UploadThingError<inferErrorShape<TRouter>>;
+        let error: UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
         if (e instanceof UploadThingError) {
-          error = e as UploadThingError<inferErrorShape<TRouter>>;
+          error = e as UploadThingError<inferErrorShape<TRouter[TEndpoint]>>;
         } else {
           error = INTERNAL_DO_NOT_USE__fatalClientError(e as Error);
           console.error(

packages/svelte/src/lib/types.ts

@@ -6,6 +6,7 @@ import type {
   UploadThingError,
 } from "@uploadthing/shared";
 import type {
+  AnyFileRoute,
   ClientUploadedFileData,
   EndpointArg,
   FileRouter,
@@ -28,9 +29,8 @@ export interface GenerateTypedHelpersOptions {
 }
 
 export type UseUploadthingProps<
-  TRouter extends FileRouter,
-  TEndpoint extends keyof TRouter,
-  TServerOutput = inferEndpointOutput<TRouter[TEndpoint]>,
+  TFileRoute extends AnyFileRoute,
+  TServerOutput = inferEndpointOutput<TFileRoute>,
 > = {
   /**
    * Called when the upload is submitted and the server is about to be queried for presigned URLs
@@ -74,7 +74,7 @@ export type UseUploadthingProps<
    * Called if the upload fails
    */
   onUploadError?:
-    | ((e: UploadThingError<inferErrorShape<TRouter>>) => MaybePromise<void>)
+    | ((e: UploadThingError<inferErrorShape<TFileRoute>>) => MaybePromise<void>)
     | undefined;
   /**
    * Set custom headers that'll get sent with requests
@@ -94,7 +94,7 @@ export type UploadthingComponentProps<
   TRouter extends FileRouter,
   TEndpoint extends keyof TRouter,
 > = Omit<
-  UseUploadthingProps<TRouter, TEndpoint>,
+  UseUploadthingProps<TRouter[TEndpoint]>,
   /**
    * Signal is omitted, component has its own AbortController
    * If you need to control the interruption with more granularity,

packages/uploadthing/src/client.ts

@@ -92,7 +92,7 @@ export const genUploader = <TRouter extends FileRouter>(
   >(
     slug: EndpointArg<TRouter, TEndpoint>,
     opts: Omit<
-      CreateUploadOptions<TRouter, TEndpoint>,
+      CreateUploadOptions<TRouter[TEndpoint]>,
       keyof GenerateUploaderOptions
     >,
   ) => {
@@ -249,7 +249,7 @@ export const genUploader = <TRouter extends FileRouter>(
   const typedUploadFiles = <TEndpoint extends keyof TRouter>(
     slug: EndpointArg<TRouter, TEndpoint>,
     opts: Omit<
-      UploadFilesOptions<TRouter, TEndpoint>,
+      UploadFilesOptions<TRouter[TEndpoint]>,
       keyof GenerateUploaderOptions
     >,
   ) => {

packages/uploadthing/src/internal/error-formatter.ts

@@ -8,13 +8,12 @@ export function defaultErrorFormatter(error: UploadThingError) {
   };
 }
 
-export function formatError<TRouter extends FileRouter>(
+export function formatError(
   error: UploadThingError,
-  router: TRouter,
-): inferErrorShape<TRouter> {
+  router: FileRouter,
+): inferErrorShape<FileRouter[string]> {
   const errorFormatter =
     router[Object.keys(router)[0]]?.errorFormatter ?? defaultErrorFormatter;
 
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
   return errorFormatter(error);
 }

packages/uploadthing/src/internal/handler.ts

@@ -45,7 +45,7 @@ import {
   UploadThingHook,
 } from "./shared-schemas";
 import { UTFiles } from "./types";
-import type { AnyUploader, MiddlewareFnArgs, UTEvents } from "./types";
+import type { AnyFileRoute, MiddlewareFnArgs, UTEvents } from "./types";
 
 export class MiddlewareArguments extends Context.Tag(
   "uploadthing/MiddlewareArguments",
@@ -228,7 +228,7 @@ export const createRequestHandler = <TRouter extends FileRouter>(
     );
   }).pipe(Effect.withLogSpan("createRequestHandler"));
 
-const handleErrorRequest = (opts: { uploadable: AnyUploader }) =>
+const handleErrorRequest = (opts: { uploadable: AnyFileRoute }) =>
   Effect.gen(function* () {
     const { uploadable } = opts;
     const request = yield* HttpServerRequest.HttpServerRequest;
@@ -289,7 +289,7 @@ const handleErrorRequest = (opts: { uploadable: AnyUploader }) =>
   }).pipe(Effect.withLogSpan("handleErrorRequest"));
 
 const handleCallbackRequest = (opts: {
-  uploadable: AnyUploader;
+  uploadable: AnyFileRoute;
   fePackage: string;
   beAdapter: string;
 }) =>
@@ -381,7 +381,7 @@ const handleCallbackRequest = (opts: {
 
 const runRouteMiddleware = (opts: {
   json: typeof UploadActionPayload.Type;
-  uploadable: AnyUploader;
+  uploadable: AnyFileRoute;
 }) =>
   Effect.gen(function* () {
     const middlewareArgs = yield* MiddlewareArguments;
@@ -441,7 +441,7 @@ const runRouteMiddleware = (opts: {
   }).pipe(Effect.withLogSpan("runRouteMiddleware"));
 
 const handleUploadAction = (opts: {
-  uploadable: AnyUploader;
+  uploadable: AnyFileRoute;
   fePackage: string;
   beAdapter: string;
   slug: string;

packages/uploadthing/src/internal/types.ts

@@ -141,7 +141,7 @@ export interface UploadBuilder<TParams extends AnyParams> {
       >,
       TOutput
     >,
-  ) => Uploader<{
+  ) => FileRoute<{
     input: TParams["_input"]["in"] extends UnsetMarker
       ? void
       : TParams["_input"]["in"];
@@ -158,7 +158,7 @@ export type AnyBuiltUploaderTypes = {
   errorShape: any;
 };
 
-export interface Uploader<TTypes extends AnyBuiltUploaderTypes> {
+export interface FileRoute<TTypes extends AnyBuiltUploaderTypes> {
   $types: TTypes;
   routerConfig: FileRouterInputConfig;
   routeOptions: RouteOptions;
@@ -168,7 +168,7 @@ export interface Uploader<TTypes extends AnyBuiltUploaderTypes> {
   errorFormatter: (err: UploadThingError) => any;
   onUploadComplete: UploadCompleteFn<any, any>;
 }
-export type AnyUploader = Uploader<AnyBuiltUploaderTypes>;
+export type AnyFileRoute = FileRoute<AnyBuiltUploaderTypes>;
 
 /**
  * Map actionType to the required payload for that action

packages/uploadthing/src/internal/upload-builder.ts

@@ -8,19 +8,18 @@ import type {
 import { defaultErrorFormatter } from "./error-formatter";
 import type {
   AnyBuiltUploaderTypes,
-  AnyUploader,
+  AnyFileRoute,
   MiddlewareFnArgs,
   UnsetMarker,
   UploadBuilder,
-  Uploader,
 } from "./types";
 
 function internalCreateBuilder<
   TMiddlewareArgs extends MiddlewareFnArgs<any, any, any>,
   TRouteOptions extends RouteOptions,
   TErrorShape extends Json = { message: string },
 >(
-  initDef: Partial<AnyUploader> = {},
+  initDef: Partial<AnyFileRoute> = {},
 ): UploadBuilder<{
   _routeOptions: TRouteOptions;
   _input: { in: UnsetMarker; out: UnsetMarker };
@@ -30,7 +29,7 @@ function internalCreateBuilder<
   _errorFn: UnsetMarker;
   _output: UnsetMarker;
 }> {
-  const _def: AnyUploader = {
+  const _def: AnyFileRoute = {
     $types: {} as AnyBuiltUploaderTypes,
     // Default router config
     routerConfig: {
@@ -77,7 +76,7 @@ function internalCreateBuilder<
       return {
         ..._def,
         onUploadComplete: userUploadComplete,
-      } as Uploader<any>;
+      } as AnyFileRoute;
     },
     onUploadError(userOnUploadError) {
       return internalCreateBuilder({

packages/uploadthing/src/internal/upload.browser.ts

@@ -116,7 +116,7 @@ export const uploadFilesInternal = <
   TServerOutput = inferEndpointOutput<TRouter[TEndpoint]>,
 >(
   endpoint: TEndpoint,
-  opts: UploadFilesOptions<TRouter, TEndpoint>,
+  opts: UploadFilesOptions<TRouter[TEndpoint]>,
 ): Micro.Micro<
   ClientUploadedFileData<TServerOutput>[],
   UploadThingError | FetchError