/**
 * <div style={{backgroundColor: "#000", display: "flex", justifyContent: "space-between", color: "#fff", padding: 16}}>
 * <span>Built-in <b>Dribbble</b> integration.</span>
 * <a href="https://dribbble.com">
 *   <img style={{display: "block"}} src="https://authjs.dev/img/providers/dribbble.svg" height="48" width="48"/>
 * </a>
 * </div>
 *
 * @module providers/dribbble
 */
import type { OAuthConfig, OAuthUserConfig } from "./index.js"

export interface DribbbleProfile extends Record<string, any> {
  id: number
  name: string
  email: string
  avatar_url: string
}

/**
 *
 * Add Dribbble login to your page.
 *
 * ### Setup
 *
 * #### Callback URL
 * ```
 * https://example.com/api/auth/callback/dribbble
 * ```
 *
 * #### Configuration
 *```ts
 * import { Auth } from "@auth/core"
 * import Dribbble from "@auth/core/providers/dribbble"
 *
 * const request = new Request(origin)
 * const response = await Auth(request, {
 *   providers: [
 *     Dribbble({
 *       clientId: DRIBBBLE_CLIENT_ID,
 *       clientSecret: DRIBBBLE_CLIENT_SECRET,
 *     }),
 *   ],
 * })
 * ```
 *
 * ### Resources
 *
 *  - [Dribbble API](https://developer.dribbble.com)
 *  - [Dribbble OAuth](https://developer.dribbble.com/v2/oauth/)
 *  - [Dribbble Applications](https://dribbble.com/account/applications/new)
 *
 * ### Notes
 *
 * By default, Auth.js assumes that the GitHub provider is
 * based on the [OAuth 2](https://www.rfc-editor.org/rfc/rfc6749.html) specification.
 *
 * :::tip
 *
 * The Dribbble provider comes with a [default configuration](https://github.com/nextauthjs/next-auth/blob/main/packages/core/src/providers/dribbble.ts).
 * To override the defaults for your use case, check out [customizing a built-in OAuth provider](https://authjs.dev/guides/configuring-oauth-providers).
 *
 * :::
 *
 * :::info **Disclaimer**
 *
 * If you think you found a bug in the default configuration, you can [open an issue](https://authjs.dev/new/provider-issue).
 *
 * Auth.js strictly adheres to the specification and it cannot take responsibility for any deviation from
 * the spec by the provider. You can open an issue, but if the problem is non-compliance with the spec,
 * we might not pursue a resolution. You can ask for more help in [Discussions](https://authjs.dev/new/github-discussions).
 *
 * :::
 *
 * :::tip
 * You can optionally set the scope to `public upload` for more advanced scenarios. If omitted, the default `public` scope will be used for authentication purposes.
 * :::
 */

export default function Dribbble<P extends DribbbleProfile>(
  options: OAuthUserConfig<P> & {
    /**
     * Reference: https://developer.dribbble.com/v2/oauth/#scopes
     *
     * For the purposes of NextAuth.js `upload`-only scope makes no sense,
     * therefore it is excluded from suggested values. Treated by Dribbble as `public` when omitted.
     *
     * @default public
     */
    scope?: "public" | "public upload"
  }
): OAuthConfig<P> {
  return {
    id: "dribbble",
    name: "Dribbble",
    type: "oauth",

    authorization: {
      url: "https://dribbble.com/oauth/authorize",
      params: { scope: options.scope },
    },

    token: "https://dribbble.com/oauth/token",
    userinfo: "https://api.dribbble.com/v2/user",

    profile(profile) {
      return {
        id: profile.id.toString(),
        name: profile.name,
        email: profile.email,
        image: profile.avatar_url,
      }
    },

    style: {
      text: "#fff",
      bg: "#000",
    },

    options,
  }
}