feat: parse resources and scopes if they are strings to allow setting…

… them by env

playground/nuxt.config.ts

@@ -9,6 +9,7 @@ export default defineNuxtConfig({
     basePath: '/api/logto',
     cookieSecret: 'complex_password_at_least_32_characters_long',
     cookieSecure: process.env.NODE_ENV === 'production',
-    resources: [],
+    resources: '',
+    scopes: '',
   },
 })

src/module.ts

@@ -1,27 +1,32 @@
 import { defineNuxtModule, addPlugin, createResolver, addTemplate, addImports } from '@nuxt/kit'
 import { defu } from 'defu'
-import { LogtoNuxtConfig } from './runtime/types'
+import { LogtoNuxtModuleConfig } from './runtime/types'
 
-export default defineNuxtModule<LogtoNuxtConfig>({
+export default defineNuxtModule<LogtoNuxtModuleConfig>({
   meta: {
     name: '@zernico/nuxt-logto',
     configKey: 'logto',
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url)
 
+    // @ts-ignore
     nuxt.options.runtimeConfig.logto = defu(
       nuxt.options.runtimeConfig.logto,
       { ...options },
       { coookieSecure: true, basePath: '/api/logto' }
     )
 
+    // @ts-ignore
     nuxt.options.runtimeConfig.public.logto = defu(
       nuxt.options.runtimeConfig.public.logto,
       {
         appId: options.appId,
         basePath: options.basePath,
       },
+      {
+        appId: nuxt.options.runtimeConfig.logto.appId,
+      },
       { basePath: '/api/logto' }
     )
 

src/runtime/config.ts

@@ -0,0 +1,27 @@
+import { useRuntimeConfig } from '#imports'
+import type { LogtoNuxtConfig } from './types'
+
+export const useConfig = () => {
+  const config = useRuntimeConfig().logto
+
+
+  let resources = config.resources
+  if (resources && typeof resources === 'string') {
+    try {
+      resources = JSON.parse(config.resources)
+    } catch (e) {
+      console.warn("Failed to parse resources string")
+    }
+  }
+
+  let scopes = config.scopes
+  if (scopes && typeof scopes === 'string') {
+    try {
+      scopes = JSON.parse(config.scopes)
+    } catch (e) {
+      console.warn("Failed to parse scopes string")
+    }
+  }
+
+  return { ...config, scopes, resources } as unknown as LogtoNuxtConfig
+}

src/runtime/logto/client.ts

@@ -1,14 +1,14 @@
 import { GetContextParameters, InteractionMode } from '@logto/node'
 import { H3Event, eventHandler, sendRedirect, getQuery } from 'h3'
 import { joinURL } from 'ufo'
-import { useRuntimeConfig } from '#imports'
 import { LogtoNuxtConfig } from '../types'
 import { createLogtoEvent } from './event'
+import { useConfig } from "../config"
 
 export class LogtoClient {
   protected logtoConfig: LogtoNuxtConfig
   constructor() {
-    this.logtoConfig = useRuntimeConfig().logto
+    this.logtoConfig = useConfig()
   }
 
   /**

src/runtime/types.ts

@@ -20,6 +20,11 @@ export interface LogtoNuxtConfig extends LogtoConfig {
   basePath: string
 }
 
+export type LogtoNuxtModuleConfig = Omit<LogtoNuxtConfig, 'resources' | 'scopes'> & {
+  resources: string | string[]
+  scopes: string | string[]
+}
+
 export type Adapters = {
   NodeClient: typeof NodeClient
 }