Improve the Developer Experience (DX) for route > server > handlers

[Achang0611]

The original way of assigning middleware to a route method required significant changes to the existing code.

Original Code

const loggingMiddleware = createMiddleware().server(() => {
  //...
});

export const Route = createFileRoute("/foo")({
  server: {
    handlers: {
      GET: () => {
        //...
      },
    },
  },
});

Original method to add middleware

const loggingMiddleware = createMiddleware().server(() => {
  //...
})

export const Route = createFileRoute('/foo')({
  server: {
    handlers: ({ createHandlers }) =>
      createHandlers({
        GET: {
          middleware: [loggingMiddleware],
          handler: () => {
            //...
          },
        },
      }),
  },
})

Improvement

1. Goal: Remove createHandlers.
2. Result: It becomes easier to add middleware to a route method that previously had none, and it is also more convenient to add a new route method with middleware.

Improved Code

const loggingMiddleware = createMiddleware().server(() => {
  //...
});

export const Route = createFileRoute("/foo")({
  server: {
    handlers: {
      GET: {
        //...
      },
      POST: {
        middlewares: [loggingMiddleware],
        handler: () => {
          //...
        },
      },
    },
  },
});

[schiller-manuel]

unfortunately thats not possible. we need a function for type inference to work.