finish poc: dynamic imports

Author: BracketJohn

playground/nuxt.config.ts

@@ -1,5 +1,6 @@
 import { defineNuxtConfig } from 'nuxt/config'
 import GithubProvider from 'next-auth/providers/github'
+import Fusion from 'next-auth/providers/fusionauth'
 import NuxtAuth from '..'
 
 export default defineNuxtConfig({
@@ -13,6 +14,10 @@ export default defineNuxtConfig({
           GithubProvider({
             clientId: 'enter-your-client-id-here',
             clientSecret: 'enter-your-client-secret-here'
+          }),
+          Fusion({
+            clientId: 'enter-your-client-id-here',
+            clientSecret: 'enter-your-client-secret-here'
           })
         ]
       }

src/module.ts

@@ -68,15 +68,21 @@ export default defineNuxtModule<ModuleOptions>({
 
     // 2.3. Create virtual imports
     //      - TODO: add imports for all providers
-    const providerImports = providerOptions.map(({ id }) => `import ${id} from next-auth/providers/${id}`)
-    const preamble = `
-        ${providerImports.concat('\n')}
 
-        const providers = ${JSON.stringify(providerOptions.map(({ id }) => id))}
+    // TODO: deduplicate providers
+    const providerImports = providerOptions.map(({ id }) => `import ${id} from "next-auth/providers/${id}"`)
+    const providerExports = providerOptions.map(({ id }) => `"${id}": ${id}`)
+
+    // TODO: make `\n` OS-independent
+    const providerModule = `
+        ${providerImports.join('\n')}
+
+        export default {
+          ${providerExports.join(', ')}
+        }
     `
-    console.log('hiiii', preamble)
     nuxt.options.nitro.virtual = defu(nuxt.options.nitro.virtual, {
-      '#sidebase/providers': preamble
+      '#sidebase/providers': providerModule
     })
     nuxt.options.nitro.virtual = defu(nuxt.options.nitro.virtual,
       {

src/runtime/server/api/auth.ts

@@ -9,6 +9,7 @@ import type { NextAuthConfig } from '../../../module'
 
 // @ts-ignore Virtual import declared in `module.ts` - TODO: make the import discoverable
 import nextConfig from '#sidebase/auth'
+import bundlesProviders from '#sidebase/providers'
 
 // TODO: Make `NEXTAUTH_URL` configurable
 const NEXTAUTH_URL = nextConfig.url ? parseURL(nextConfig.url) : parseURL('http://localhost:3000/api/auth/')
@@ -20,17 +21,17 @@ let loadedNextConfig: NextAuthConfig | undefined
 /**
  * Generate the next auth config that can be used for handling requests
  */
-const getNextConfig = async (): Promise<NextAuthConfig> => {
+const getNextConfig = (): NextAuthConfig => {
   if (loadedNextConfig) {
     return loadedNextConfig
   }
 
-  const providers = await Promise.all(nextConfig.options.providers.map(async (providerConfig) => {
-    const provider = await import(`next-auth/providers/${providerConfig.id}`)
+  const providers = nextConfig.options.providers.map((providerConfig) => {
+    const provider = bundlesProviders[providerConfig.id]
 
     // Import is exported on .default during SSR, so we need to call `.default.default` here
-    return provider.default.default(providerConfig.options)
-  }))
+    return provider.default(providerConfig.options)
+  })
 
   const finalConfig = {
     ...nextConfig,
@@ -120,7 +121,7 @@ const readBodyForNext = async (event: H3Event) => {
  * @param event H3Event event to transform into `RequestInternal`
  */
 const getInternalNextAuthRequestData = async (event: H3Event): Promise<RequestInternal> => {
-  const { url } = await getNextConfig()
+  const { url } = getNextConfig()
   const nextRequest: RequestInternal = {
     host: url,
     body: undefined,
@@ -185,7 +186,7 @@ export const authHandler = async (event: H3Event) => {
   }
 
   // 2. Assemble and perform request to the NextAuth.js auth handler
-  const nextConfig = await getNextConfig()
+  const nextConfig = getNextConfig()
   const nextRequest = await getInternalNextAuthRequestData(event)
 
   const nextResult = await NextAuthHandler({