Update Context inside Server Function Handler

Hey folks, I'm following along with the Middleware & Observability docs, and am noticing that the main pattern for running middleware at the end of a server function's execution is to

await

await

the

next()

next()

function:

const startTime = Date.now()
const result = await next()
const duration = Date.now() - startTime

console.log(
`[${request.method} ${request.url} - ${result.response.status} (${duration}ms)`,
  )

 return result

const startTime = Date.now()
const result = await next()
const duration = Date.now() - startTime

console.log(
`[${request.method} ${request.url} - ${result.response.status} (${duration}ms)`,
  )

 return result

Looking through the docs for server functions, I can see that we can adjust the response: https://tanstack.com/start/latest/docs/framework/react/guide/server-functions#server-context--request-handling

Is there a way to update the

context

context

object inside a server function handler in a similar manner? My usecase is running specific observability events after specific server functions. For instance, it would be great to be able to do something like:

const loggingMiddleware = createMiddleware().server(async ({ next }) => {
  const result = await next();
  console.log("do something specific with the returned data from the server function", result.context);
  return result;
});

export const updateName = createServerFn({ method: "POST" })
  .middleware([loggingMiddleware])
  .handler(async ({ data }) => {
    const result = await updateTeam(data);
    setContext(result);
    return result;
  });

const loggingMiddleware = createMiddleware().server(async ({ next }) => {
  const result = await next();
  console.log("do something specific with the returned data from the server function", result.context);
  return result;
});

export const updateName = createServerFn({ method: "POST" })
  .middleware([loggingMiddleware])
  .handler(async ({ data }) => {
    const result = await updateTeam(data);
    setContext(result);
    return result;
  });

Is something like that possible?

TanStack•4w ago•

3 replies

foolish-indigo

Update Context inside Server Function Handler

Hey folks, I'm following along with the Middleware & Observability docs, and am noticing that the main pattern for running middleware at the end of a server function's execution is to

await

await

the

next()

next()

function:

const startTime = Date.now()
const result = await next()
const duration = Date.now() - startTime

console.log(
`[${request.method} ${request.url} - ${result.response.status} (${duration}ms)`,
  )

 return result

const startTime = Date.now()
const result = await next()
const duration = Date.now() - startTime

console.log(
`[${request.method} ${request.url} - ${result.response.status} (${duration}ms)`,
  )

 return result

context

context

const loggingMiddleware = createMiddleware().server(async ({ next }) => {
  const result = await next();
  console.log("do something specific with the returned data from the server function", result.context);
  return result;
});

export const updateName = createServerFn({ method: "POST" })
  .middleware([loggingMiddleware])
  .handler(async ({ data }) => {
    const result = await updateTeam(data);
    setContext(result);
    return result;
  });

const loggingMiddleware = createMiddleware().server(async ({ next }) => {
  const result = await next();
  console.log("do something specific with the returned data from the server function", result.context);
  return result;
});

export const updateName = createServerFn({ method: "POST" })
  .middleware([loggingMiddleware])
  .handler(async ({ data }) => {
    const result = await updateTeam(data);
    setContext(result);
    return result;
  });

Is something like that possible?

Update Context inside Server Function Handler

Similar Threads

Update Context inside Server Function Handler

Similar Threads

Similar Threads

Similar Threads