feat: add Azure AD Login for UI

README.md

@@ -40,6 +40,7 @@ It is built using Next.js, Node.js 20, Typescript and MongoDB Atlas.
 - Ingests trace data from Langchain/Langsmith
 - Handles feedback creation and updating
 - UI to view trace data
+- UI authentication providers (Github, Microsoft AD)
 - MongoDB Trigger to add token usage data to the trace data
 
 ### Limitations

packages/ui/.env.example

@@ -10,3 +10,8 @@ NEXTAUTH_ENABLE=false
 #NEXTAUTH_GITHUB_ID=
 #NEXTAUTH_GITHUB_SECRET=
 #NEXTAUTH_GITHUB_ORGANISATION=
+
+# Azure AD/Entra
+#NEXTAUTH_AZURE_AD_CLIENT_ID=
+#NEXTAUTH_AZURE_AD_CLIENT_SECRET=
+#NEXTAUTH_AZURE_AD_TENANT_ID=

packages/ui/src/app/api/auth/[...nextauth]/route.ts

@@ -1,5 +1,5 @@
 import { authOptions } from '@/lib/utils/auth-options';
 import NextAuth from 'next-auth';
 
-const handler = NextAuth( authOptions);
+const handler = NextAuth(authOptions);
 export { handler as GET, handler as POST };

packages/ui/src/lib/utils/auth-options.ts

@@ -1,5 +1,6 @@
 import { NextAuthOptions } from 'next-auth';
 import GithubProvider from 'next-auth/providers/github';
+import AzureADProvider from 'next-auth/providers/azure-ad';
 
 export const authOptions: NextAuthOptions = {
   providers: [
@@ -12,5 +13,10 @@ export const authOptions: NextAuthOptions = {
         },
       },
     }),
+    AzureADProvider({
+      clientId: process.env.NEXTAUTH_AZURE_AD_CLIENT_ID!,
+      clientSecret: process.env.NEXTAUTH_AZURE_AD_CLIENT_SECRET!,
+      tenantId: process.env.NEXTAUTH_AZURE_AD_TENANT_ID,
+    }),
   ],
 };