feat: add authorizationParams in oauth config (#56)

* feat: add authorizationParams in oauth config

* fix: improve GH error handling

Author: atinux

playground/app.vue

@@ -3,67 +3,67 @@ const { loggedIn, user, session, clear } = useUserSession()
 
 const providers = computed(() => [
   {
-    label: session.value.user?.github?.login || 'GitHub',
+    label: session.value.user?.github || 'GitHub',
     to: '/auth/github',
     disabled: Boolean(user.value?.github),
     icon: 'i-simple-icons-github',
   },
   {
-    label: session.value.user?.spotify?.display_name || 'Spotify',
+    label: session.value.user?.spotify || 'Spotify',
     to: '/auth/spotify',
     disabled: Boolean(user.value?.spotify),
     icon: 'i-simple-icons-spotify',
   },
   {
-    label: session.value.user?.google?.email || 'Google',
+    label: session.value.user?.google || 'Google',
     to: '/auth/google',
     disabled: Boolean(user.value?.google),
     icon: 'i-simple-icons-google',
   },
   {
-    label: session.value.user?.twitch?.login || 'Twitch',
+    label: session.value.user?.twitch || 'Twitch',
     to: '/auth/twitch',
     disabled: Boolean(user.value?.twitch),
     icon: 'i-simple-icons-twitch',
   },
   {
-    label: user.value?.auth0?.email || 'Auth0',
+    label: user.value?.auth0 || 'Auth0',
     to: '/auth/auth0',
     disabled: Boolean(user.value?.auth0),
     icon: 'i-simple-icons-auth0',
   },
   {
-    label: user.value?.discord?.username || 'Discord',
+    label: user.value?.discord || 'Discord',
     to: '/auth/discord',
     disabled: Boolean(user.value?.discord),
     icon: 'i-simple-icons-discord',
   },
   {
-    label: user.value?.battledotnet?.battletag || 'Battle.net',
+    label: user.value?.battledotnet || 'Battle.net',
     to: '/auth/battledotnet',
     disabled: Boolean(user.value?.battledotnet),
     icon: 'i-simple-icons-battledotnet',
   },
   {
-    label: user.value?.microsoft?.displayName || 'Microsoft',
+    label: user.value?.microsoft || 'Microsoft',
     to: '/auth/microsoft',
     disabled: Boolean(user.value?.microsoft),
     icon: 'i-simple-icons-microsoft',
   },
   {
-    label: user.value?.keycloak?.preferred_username || 'Keycloak',
+    label: user.value?.keycloak || 'Keycloak',
     to: '/auth/keycloak',
     disabled: Boolean(user.value?.keycloak),
     icon: 'i-simple-icons-redhat'
   },
   {
-    label: user.value?.linkedin?.email || 'LinkedIn',
+    label: user.value?.linkedin || 'LinkedIn',
     to: '/auth/linkedin',
     disabled: Boolean(user.value?.linkedin),
     icon: 'i-simple-icons-linkedin',
   },
   {
-    label: user.value?.cognito?.email || 'Cognito',
+    label: user.value?.cognito || 'Cognito',
     to: '/auth/cognito',
     disabled: Boolean(user.value?.cognito),
     icon: 'i-simple-icons-amazonaws',

playground/auth.d.ts

@@ -1,15 +1,16 @@
 declare module '#auth-utils' {
   interface User {
-    spotify?: any
-    github?: any
-    google?: any
-    twitch?: any
-    auth0?: any
-    microsoft?: any;
-    discord?: any
-    battledotnet?: any
-    keycloak?: any
-    linkedin?: any
+    spotify?: string
+    github?: string
+    google?: string
+    twitch?: string
+    auth0?: string
+    microsoft?: string
+    discord?: string
+    battledotnet?: string
+    keycloak?: string
+    linkedin?: string
+    cognito?: string
   }
 
   interface UserSession {

playground/server/routes/auth/auth0.get.ts

@@ -5,7 +5,7 @@ export default oauth.auth0EventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        auth0: user,
+        auth0: user.email
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/battledotnet.get.ts

@@ -2,7 +2,7 @@ export default oauth.battledotnetEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        battledotnet: user,
+        battledotnet: user.battletag
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/cognito.get.ts

@@ -2,7 +2,7 @@ export default oauth.cognitoEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        cognito: user,
+        cognito: user.email
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/discord.get.ts

@@ -2,7 +2,7 @@ export default oauth.discordEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        discord: user,
+        discord: user.username
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/github.get.ts

@@ -2,7 +2,7 @@ export default oauth.githubEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        github: user,
+        github: user.login
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/google.get.ts

@@ -1,8 +1,13 @@
 export default oauth.googleEventHandler({
+  config: {
+    authorizationParams: {
+      access_type: 'offline'
+    }
+  },
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        google: user,
+        google: user.email
       },
       loggedInAt: Date.now()
     })

playground/server/routes/auth/keycloak.get.ts

@@ -2,7 +2,7 @@ export default oauth.keycloakEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        keycloak: user,
+        keycloak: user.preferred_username
       },
       loggedInAt: Date.now(),
     })

playground/server/routes/auth/linkedin.get.ts

@@ -5,7 +5,7 @@ export default oauth.linkedinEventHandler({
   async onSuccess(event, { user }) {
     await setUserSession(event, {
       user: {
-        linkedin: user,
+        linkedin: user.email
       },
       loggedInAt: Date.now()
     })