dd5ee09d07
- Change frontend apiTokenRequest scopes from OpenID-only to CLIENT_ID/.default This makes Azure AD issue tokens with audience = app client ID instead of Graph API - Add diagnostic logging in backend to show token claims before verification - Fixes 401 Unauthorized errors on all API calls after login 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
56 lines
2.1 KiB
TypeScript
Executable file
56 lines
2.1 KiB
TypeScript
Executable file
/**
|
|
* MSAL (Microsoft Authentication Library) configuration for Azure AD SSO.
|
|
* Uses PKCE flow by default for SPA security.
|
|
*/
|
|
import { Configuration, LogLevel, PopupRequest } from '@azure/msal-browser';
|
|
|
|
// Client ID used for both MSAL config and API token requests
|
|
const CLIENT_ID = import.meta.env.VITE_AZURE_CLIENT_ID || '';
|
|
|
|
// MSAL configuration - uses PKCE by default for SPAs
|
|
export const msalConfig: Configuration = {
|
|
auth: {
|
|
clientId: CLIENT_ID,
|
|
authority: `https://login.microsoftonline.com/${import.meta.env.VITE_AZURE_TENANT_ID || 'common'}`,
|
|
redirectUri: import.meta.env.VITE_AZURE_REDIRECT_URI || window.location.origin,
|
|
postLogoutRedirectUri: window.location.origin,
|
|
},
|
|
cache: {
|
|
cacheLocation: 'localStorage', // Persists auth state across browser tabs/refresh
|
|
storeAuthStateInCookie: false, // Not needed for modern browsers
|
|
},
|
|
system: {
|
|
loggerOptions: {
|
|
loggerCallback: (level, message, containsPii) => {
|
|
if (containsPii) return;
|
|
const prefix = '[MSAL]';
|
|
switch (level) {
|
|
case LogLevel.Error:
|
|
console.error(prefix, message);
|
|
break;
|
|
case LogLevel.Warning:
|
|
console.warn(prefix, message);
|
|
break;
|
|
case LogLevel.Info:
|
|
console.info(prefix, message);
|
|
break;
|
|
case LogLevel.Verbose:
|
|
console.debug(prefix, message);
|
|
break;
|
|
}
|
|
},
|
|
logLevel: LogLevel.Info, // Set to Info for debugging MSAL activity
|
|
},
|
|
},
|
|
};
|
|
|
|
// Scopes for initial login (ID token)
|
|
export const loginRequest: PopupRequest = {
|
|
scopes: ['openid', 'profile', 'email'],
|
|
};
|
|
|
|
// Scopes for API calls - request token for OUR app, not Graph
|
|
// Using the client ID as scope requests an access token for this app
|
|
export const apiTokenRequest = {
|
|
scopes: [`${CLIENT_ID}/.default`],
|
|
};
|