Debugging various request urls and payloads

[spaceo]

Hi.
This is maybe more of a Node/NextJs question. But I have a tough time debugging the requests being made by the client.
I have implemented openid-client in a NextJs 14 project. I am stuck in an Authorisation code flow at getting the tokens via: client.authorizationCodeGrant().
The remote API is returning the error:

cause: { 
  error: 'invalid_grant', 
  error_description: 'Incorrect redirect_uri' 
 },

And I would like to debug what is being sent.
Do you have a method/way to do so?

Thanks.

[panva]

Yes, the customFetch extension point would allow you to inspect and/or modify the outgoing fetch requests

[spaceo]

Thank you for fast feedback. 🎉
I will try that out right away.

[spaceo]

Hmm. Sorry but I get nothing liked following the ky example.
I have following nextjs route:
app/auth/callback/unilogin/route.ts

This is how I construct the config:

export async function getUniloginClientConfig() {
  const server: URL = new URL(goConfig("service.unilogin.wellknown.url"))
  const clientId: string = goConfig("service.unilogin.client-id")
  const clientSecret: string = goConfig("service.unilogin.client-secret")
  return await client.discovery(server, clientId, clientSecret)
}

This is beginning of the route handler:

import ky from "ky"
import { NextRequest } from "next/server"
import * as client from "openid-client"

import goConfig from "@/lib/config/config"
import { getUniloginClientConfig, uniloginClientSettings } from "@/lib/session/oauth/uniloginClient"
import { getSession, setTokensOnSession } from "@/lib/session/session"
import { TTokenSet } from "@/lib/types/session"

export async function GET(request: NextRequest) {
  const session = await getSession()
  const config = await getUniloginClientConfig()
  const currentUrl = new URL(request.nextUrl.href)

  const logRequest = (request: Request) => {
    // eslint-disable-next-line no-console
    console.log("Request: ", request)
  }
  const logResponse = (request: Request, response: Response) => {
    // eslint-disable-next-line no-console
    console.log("Response: ", response)
  }

  config[client.customFetch] = (...args) =>
    ky(args[0], {
      ...args[1],
      hooks: {
        beforeRequest: [
          request => {
            logRequest(request)
          },
        ],
        afterResponse: [
          (request, _, response) => {
            logResponse(request, response)
          },
        ],
      },
    })

  // eslint-disable-next-line no-console
  console.log("currentUrl URL: ", currentUrl)
  // Fetch all user/token info.
  try {
    const tokenSetResponse = await client.authorizationCodeGrant(config, currentUrl, {
      pkceCodeVerifier: session.code_verifier,
      idTokenExpected: true,
    })

[spaceo]

Is there something I should do differently?

[spaceo]

I am using openid-client ver. 6.1.3

[spaceo]

Nevermind. I should not be running multiple instances of my nextjs application when debugging 😀
Thanks for you help!!