Skip to content

Create OIDC module for frontend authentication and user profile integration #128

@Zorin95670

Description

@Zorin95670

Description

Create a dedicated OIDC module responsible for handling OpenID Connect authentication and configuration on the frontend.

This module will be integrated into catalog-ui and will provide user authentication, token validation, and user profile display.

The implementation must use the following library:
https://www.npmjs.com/package/oidc-client-ts

Features

OIDC Authentication

The module should:

  • Handle the OIDC login flow
  • Implement callback pages required for authentication
  • Manage access tokens
  • Validate token state and expiration
  • Provide user information extracted from token claims

Default Claims

The application will rely on the following default claims:

  • name → user's full name
  • email → user's email address

Header Profile Integration

A new profile section must be added to the header in catalog-ui.

The component should:

  • Display the name of the authenticated user
  • Provide a clickable button showing the user's name
  • When clicked, display a dropdown menu containing:
    • The user's email address

Extensibility

The component should also expose an additional zone for future extensions:

profile-options

This zone will allow other modules to inject additional profile-related actions or options.

Expected Result

  • A reusable OIDC module
  • Full authentication flow handled on the frontend
  • User information displayed in the header
  • Extensible profile menu for additional features

Metadata

Metadata

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions