Logging Server Function Requests/Responses

I'm wondering if anyone has a pattern for something like https://tanstack.com/start/latest/docs/framework/react/guide/observability#requestresponse-middleware but for server functions. The example here is for API routes, but doesn't work obviously for server functions.

I know I can use OpenTelemetry but I was hoping to find an answer that was simple for initial request/response logging.

const loggingMiddleware = createMiddleware({ type: "function" }).server(
  async ({ next }) => {
    const result = await next();
    return result;
  },
);

const remoteFn = createServerFn()
  .middleware([loggingMiddleware])
  .handler(() => {
    // I want to measure how long this took...
    return {};
  });

const loggingMiddleware = createMiddleware({ type: "function" }).server(
  async ({ next }) => {
    const result = await next();
    return result;
  },
);

const remoteFn = createServerFn()
  .middleware([loggingMiddleware])
  .handler(() => {
    // I want to measure how long this took...
    return {};
  });

TanStack•4w ago•

4 replies

wet-harlequin

Logging Server Function Requests/Responses

const loggingMiddleware = createMiddleware({ type: "function" }).server(
  async ({ next }) => {
    const result = await next();
    return result;
  },
);

const remoteFn = createServerFn()
  .middleware([loggingMiddleware])
  .handler(() => {
    // I want to measure how long this took...
    return {};
  });

const loggingMiddleware = createMiddleware({ type: "function" }).server(
  async ({ next }) => {
    const result = await next();
    return result;
  },
);

const remoteFn = createServerFn()
  .middleware([loggingMiddleware])
  .handler(() => {
    // I want to measure how long this took...
    return {};
  });

Logging Server Function Requests/Responses

Similar Threads

Logging Server Function Requests/Responses

Similar Threads

Similar Threads

Similar Threads