wip

Author: geelen

examples/chat-ui/src/App.tsx

@@ -6,6 +6,7 @@ function App() {
   return (
     <Router>
       <Routes>
+        <Route path="/oauth/groq/callback" element={<OAuthCallback provider="groq" />} />
         <Route path="/oauth/openrouter/callback" element={<OAuthCallback provider="openrouter" />} />
         <Route path="/oauth/callback" element={<OAuthCallback provider="openrouter" />} />
         <Route path="/" element={<ChatApp />} />

examples/chat-ui/src/types/models.ts

@@ -67,12 +67,12 @@ export const providers: Record<SupportedProvider, Provider> = {
     baseUrl: 'https://api.groq.com/openai/v1',
     logo: '🚀',
     documentationUrl: 'https://console.groq.com/docs',
-    authType: 'apiKey',
     apiKeyHeader: 'Authorization',
-    // oauth: {
-    //   authorizeUrl: 'http://localhost:3000/keys/request',
-    //   tokenUrl: 'https://openrouter.ai/api/v1/auth/keys'
-    // },
+    authType: 'oauth',
+    oauth: {
+      authorizeUrl: 'http://localhost:3000/keys/request',
+      tokenUrl: 'http://localhost:3000/keys/request/exchange',
+    },
   },
   anthropic: {
     id: 'anthropic',

examples/chat-ui/src/utils/auth.ts

@@ -152,7 +152,7 @@ export async function completeOAuthFlow(providerId: SupportedProvider, code: str
   // Retrieve PKCE state
   let pkceState: PKCEState
 
-  if (state === 'no-state' && providerId === 'openrouter') {
+  if (state === 'no-state' && (providerId === 'openrouter' || providerId === 'groq')) {
     // OpenRouter doesn't use state, find the most recent PKCE state for this provider
     const allKeys = Object.keys(sessionStorage)
     const pkceKeys = allKeys.filter((key) => key.startsWith(`pkce_${providerId}_`))
@@ -222,6 +222,7 @@ export async function completeOAuthFlow(providerId: SupportedProvider, code: str
     const requestBody = new URLSearchParams({
       grant_type: 'authorization_code',
       code,
+      // TODO: state??
       redirect_uri: getRedirectUri(providerId),
       code_verifier: pkceState.code_verifier,
     })