First working version of login post hydra/kratos upgrade

Signed-off-by: Dom Del Nano <ddelnano@gmail.com>

Author: ddelnano

k8s/cloud/base/ory_auth/hydra/hydra_deployment.yaml

@@ -127,7 +127,7 @@ spec:
         - name: SERVE_PUBLIC_CORS_ALLOWED_ORIGINS_1
           value: https://work.$(PL_DOMAIN_NAME)
         - name: PL_WORK_DOMAIN
-          value: work.$(PL_DOMAIN_NAME):8080
+          value: work.$(PL_DOMAIN_NAME)
         - name: PL_OAUTH_DOMAIN
           value: $(PL_WORK_DOMAIN)/oauth
         - name: HYDRA_URL

k8s/cloud/base/ory_auth/kratos/kratos_deployment.yaml

@@ -100,7 +100,7 @@ spec:
         - name: LOG_LEVEL
           value: trace
         - name: PL_WORK_DOMAIN
-          value: work.$(PL_DOMAIN_NAME):8080
+          value: work.$(PL_DOMAIN_NAME)
         - name: PL_OAUTH_DOMAIN
           value: $(PL_WORK_DOMAIN)/oauth
         - name: FRONTEND_URL

src/ui/src/pages/auth/hydra-oauth-provider.ts

@@ -101,18 +101,20 @@ interface DynamicClientRegistrationResponse extends OAuth2Client {
   registration_access_token?: string;
 }
 
-// Cache for the dynamically registered client ID
-let cachedClientId: string | null = null;
+// Cache key for storing the dynamic client ID in session storage
+const DYNAMIC_CLIENT_ID_KEY = 'hydra-dynamic-client-id';
 
 async function getDynamicClientId(): Promise<string> {
   // Only use dynamic registration for hydra provider
   if (OAUTH_PROVIDER !== 'hydra') {
     return AUTH_CLIENT_ID;
   }
 
-  // Return cached client ID if available
-  if (cachedClientId) {
-    return cachedClientId;
+  // Check session storage for existing client ID
+  const storedClientId = sessionStorage.getItem(DYNAMIC_CLIENT_ID_KEY);
+  if (storedClientId) {
+    console.log('Using cached dynamic client ID from session storage:', storedClientId);
+    return storedClientId;
   }
 
   // Use /oauth/hydra prefix which will be stripped by the proxy
@@ -155,8 +157,8 @@ async function getDynamicClientId(): Promise<string> {
       throw new Error('No client_id returned from dynamic registration');
     }
 
-    // Cache the client ID for future use
-    cachedClientId = data.client_id;
+    // Store the client ID in session storage for use across page loads
+    sessionStorage.setItem(DYNAMIC_CLIENT_ID_KEY, data.client_id);
 
     console.log('Successfully registered dynamic OAuth2 client:', data.client_id);
     return data.client_id;