Features/jwt local auth

playground/app.vue

@@ -1,5 +1,13 @@
 <script setup>
 const { loggedIn, session, clear } = useUserSession()
+const jwt = function(){
+  $fetch('/auth/jwt', {
+    body:{email:'admin@admin.com',password:'admin'}
+    ,method:'POST'})
+    .then((res)=>{
+      session.value = res
+
+})}
 </script>
 
 <template>
@@ -53,6 +61,17 @@ const { loggedIn, session, clear } = useUserSession()
       >
         Login with Twitch
       </UButton>
+      <UButton
+        v-if="!loggedIn || !session.user.jwt"
+        icon="i-logos-jwt-icon"
+
+        external
+        color="gray"
+        size="xs"
+        @click="jwt"
+      >
+        Login with JWT
+      </UButton>
     </template>
   </UHeader>
   <UMain>

playground/auth.d.ts

@@ -5,6 +5,7 @@ declare module '#auth-utils' {
       github?: any
       google?: any
       twitch?: any
+      jwt?: any
     }
     loggedInAt: number
   }

playground/server/routes/auth/jwt.post.ts

@@ -0,0 +1,15 @@
+export default local.jwtEventHandler({
+  config: {
+  },
+  async onSuccess (event, { user }) {
+    await setUserSession(event, {
+      user: {
+        jwt: user,
+
+      },
+      loggedInAt: Date.now()
+    })
+
+    return user
+  }
+})

src/module.ts

@@ -3,7 +3,7 @@ import { sha256 } from 'ohash'
 import { defu } from 'defu'
 
 // Module options TypeScript interface definition
-export interface ModuleOptions {}
+export interface ModuleOptions { }
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
@@ -36,6 +36,10 @@ export default defineNuxtModule<ModuleOptions>({
             from: resolver.resolve('./runtime/server/utils/oauth'),
             imports: ['oauth']
           },
+          {
+            from: resolver.resolve('./runtime/server/utils/local'),
+            imports: ['local']
+          },
           {
             from: resolver.resolve('./runtime/server/utils/session'),
             imports: [
@@ -69,6 +73,7 @@ export default defineNuxtModule<ModuleOptions>({
     })
     // OAuth settings
     runtimeConfig.oauth = defu(runtimeConfig.oauth, {})
+
     // GitHub Oauth
     runtimeConfig.oauth.github = defu(runtimeConfig.oauth.github, {
       clientId: '',
@@ -89,5 +94,15 @@ export default defineNuxtModule<ModuleOptions>({
       clientId: '',
       clientSecret: ''
     })
+
+    // Local settings
+    runtimeConfig.local = defu(runtimeConfig.local, {})
+
+    // JWT Local
+    runtimeConfig.local.jwt = defu(runtimeConfig.local.jwt, {
+      loginURL: '',
+      userURL: ''
+    })
+
   }
 })

src/runtime/server/lib/local/jwt.ts

@@ -0,0 +1,63 @@
+import type { H3Event, H3Error } from 'h3'
+import { createError, eventHandler } from 'h3'
+import { ofetch } from 'ofetch'
+import { defu } from 'defu'
+import { useRuntimeConfig } from '#imports'
+
+export interface JWTConfig {
+  /**
+   * GitHub OAuth Client ID
+   * @default process.env.NUXT_LOCAL_JWT_LOGIN_URL
+   */
+  loginURL?: string
+
+  /**
+   * GitHub OAuth Client ID
+   * @default process.env.NUXT_LOCAL_JWT_USER_URL
+   */
+  userURL?: string
+}
+
+interface JWTAuthConfig {
+  config?: JWTConfig
+  onSuccess: (event: H3Event, result: { user: any, tokens: any }) => Promise<void> | void
+  onError?: (event: H3Event, error: H3Error) => Promise<void> | void
+}
+
+export function jwtEventHandler ({ config, onSuccess, onError }: JWTAuthConfig) {
+  return eventHandler(async (event: H3Event) => {
+    // @ts-ignore
+    config = defu(config, useRuntimeConfig(event).local?.jwt) as JWTConfig
+    console.log(config)
+    if (!config.loginURL || !config.userURL) {
+      const error = createError({
+        statusCode: 500,
+        message: 'Missing NUXT_LOCAL_JWT_LOGIN_URL or NUXT_LOCAL_JWT_USER_URL env variables.'
+      })
+      if (!onError) throw error
+      return onError(event, error)
+    }
+    const body = await readBody(event)
+
+
+    const tokens: any = await ofetch(config.loginURL, {
+      method: 'POST',
+      body
+    })
+
+    const user: any = await ofetch(
+      config.userURL,
+      {
+        headers: {
+          Authorization: `Bearer ${tokens.token}`,
+        },
+      }
+    )
+
+
+    return onSuccess(event, {
+      user,
+      tokens
+    })
+  })
+}

src/runtime/server/utils/local.ts

@@ -0,0 +1,5 @@
+import { jwtEventHandler } from '../lib/local/jwt'
+
+export const local = {
+  jwtEventHandler
+}