feat: Moved custom callback url outside, therefore devs needs to spec…

…ify `PROVIDER_ID` if they need it.

.gitignore

@@ -28,4 +28,4 @@ storybook-static
 
 .env
 vite-env.d.ts
-stats.html
+stats.*

README.md

@@ -46,6 +46,38 @@ export default function handler(req: NextApiRequest, res: NextApiResponse) {
 }
 ```
 
+### 🔹 Custom Next Auth URL for Provider
+
+If you would like to customize your callback URL as `/steam` or some other route, you can easily do so as below.
+
+```ts
+// app/api/auth/[...nextauth]/route.ts
+import { PROVIDER_ID } from '@hyperplay/next-auth-steam'
+
+// ...
+
+async function handler(
+  req: NextRequest,
+  ctx: {
+    params: {
+      nextauth: string[]
+    }
+  }
+) {
+  // @ts-ignore
+  return NextAuth(req, ctx, {
+    providers: [
+      SteamProvider({
+        clientSecret: process.env.STEAM_SECRET!
+        nextAuthUrl: `${process.env.NEXTAUTH_URL!}/${PROVIDER_ID}` // https://example.com/api/auth/callback/steam
+      })
+    ]
+  })
+}
+
+export { handler as GET, handler as POST }
+```
+
 ### 🔹 App Directory Integration
 
 ```ts

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperplay/next-auth-steam",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "license": "BUSL-1.1",
   "description": "Steam authentication provider for next-auth",
   "main": "dist/index.js",

src/steam.ts

@@ -30,15 +30,15 @@ export function Steam(
   providerOptions: SteamProviderOptions
 ): OAuthConfig<SteamProfile> {
   const {
-    nextAuthUrl = 'http://localhost:3000',
+    nextAuthUrl = 'http://localhost:3000/api/auth/callback',
     clientSecret,
     ...options
   } = providerOptions
 
   const callbackUrl = new URL(nextAuthUrl)
 
   const realm = callbackUrl.origin
-  const returnTo = `${callbackUrl.href}/api/auth/callback/${PROVIDER_ID}`
+  const returnTo = callbackUrl.href
   const path = `${callbackUrl.pathname}${callbackUrl.search}`
 
   return {