refactor

Author: enrico-kaack-comp

src/context/AuthProviderOnboarding.tsx

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { AuthProvider } from 'react-oidc-context';
-import { useFrontendConfig } from './FrontendConfigContext.tsx';
-import { buildAuthProviderProps } from '../lib/oidc/onboardingApi.ts';
+import { OIDCConfig, useFrontendConfig } from './FrontendConfigContext.tsx';
+import { WebStorageStateStore } from "oidc-client-ts";
+import { AuthProviderProps } from "react-oidc-context";
+
 
 interface AuthProviderOnboardingProps {
   children?: ReactNode;
@@ -12,6 +14,23 @@ export function AuthProviderOnboarding({
 }: AuthProviderOnboardingProps) {
   const { oidcConfig } = useFrontendConfig();
 
-  const authConfig = buildAuthProviderProps(oidcConfig);
+  const authConfig = buildAuthProviderConfig(oidcConfig);
   return <AuthProvider {...authConfig}>{children}</AuthProvider>;
 }
+
+export function buildAuthProviderConfig(oidcConfig: OIDCConfig) {
+  const userStore = new WebStorageStateStore({ store: window.localStorage });
+
+  const props: AuthProviderProps = {
+    authority: oidcConfig.issuerUrl,
+    client_id: oidcConfig.clientId,
+    redirect_uri: window.location.origin,
+    scope: oidcConfig.scopes.join(' '),
+    userStore: userStore,
+    automaticSilentRenew: false, // we show a window instead that asks the user to renew the token
+    onSigninCallback: () => {
+      window.history.replaceState({}, document.title, window.location.pathname);
+    },
+  };
+  return props;
+}

src/context/FrontendConfigContext.tsx

@@ -1,6 +1,5 @@
 import { ReactNode, createContext, use } from 'react';
 import { DocLinkCreator } from '../lib/shared/links';
-import { OIDCConfig } from '../lib/oidc/onboardingApi';
 
 export enum Landscape {
   Live = 'LIVE',
@@ -10,6 +9,12 @@ export enum Landscape {
   Local = 'LOCAL',
 }
 
+export interface OIDCConfig {
+  clientId: string;
+  issuerUrl: string;
+  scopes: string[];
+}
+
 type FrontendConfig = {
   backendUrl: string;
   gatewayUrl: string;
@@ -18,11 +23,11 @@ type FrontendConfig = {
   oidcConfig: OIDCConfig;
 }
 
-interface FrontendConfigContextProps extends FrontendConfig {
+interface FrontendConfigContextType extends FrontendConfig {
   links: DocLinkCreator;
 }
 
-export const FrontendConfigContext = createContext<FrontendConfigContextProps | null>(
+export const FrontendConfigContext = createContext<FrontendConfigContextType | null>(
   null,
 );
 
@@ -36,7 +41,7 @@ interface FrontendConfigProviderProps {
 export function FrontendConfigProvider({ children }: FrontendConfigProviderProps) {
   const config = use(fetchPromise);
   const docLinks = new DocLinkCreator(config.documentationBaseUrl);
-  const value: FrontendConfigContextProps = {
+  const value: FrontendConfigContextType = {
     links: docLinks,
     ...config,
   };