Onboarding flow

[omar2205]

If we are building a YouTube feed, it would be helpful for the user to see the YouTube channels they have subscribed to.

I was able to add more scopes to the auth with this

    Google({
      clientId: GOOGLE_CLIENT_ID,
      clientSecret: GOOGLE_CLIENT_SECRET,
      authorization: {
        params: {
          scope:
            'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/youtube.readonly',
        }
      }
    }),

I'm not sure if this will count towards our API usage.

[omar2205]

We can get extra stuff like access_token and id_token like this:

    Google({
      clientId: GOOGLE_CLIENT_ID,
      clientSecret: GOOGLE_CLIENT_SECRET,
      authorization: {
        params: {
          scope:
            'openid https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/youtube.readonly',
        },
      },
      // extra has id_token, access_token, and expires_in
      profile(profile, extra) {
        console.log({ profile, extra })
        return {
          id: profile.sub,
          name: profile.name,
          image: profile.picture,
          email: profile.email,
        }
      },
    }),

[omar2205]

Using the access token I was able to get my Channels

const YT_API = 'https://www.googleapis.com/youtube/v3'
const getUserSubscriptions = async (access_token: string) =>
  (await fetch(
      `${YT_API}/subscriptions?part=snippet&mine=true&access_token=${access_token}`)).json()

[omar2205]

/subscriptions returns 5 results by default, we can provide maxResults which takes 0 to 50.
More info https://developers.google.com/youtube/v3/docs/subscriptions/list

[omar2205]

Adding access_type: 'offline', prompt: 'consent' to authorization.params will give us refresh_token

We can then follow this guide to refresh the token https://authjs.dev/guides/basics/refresh-token-rotation