@openstack_dev/gatsby-theme-marketing-oif-core 1.0.33-beta.3 → 1.0.35-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.33-beta.3",
+  "version": "1.0.35-beta.1",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [

package/src/components/AuthBootstrap.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+import { useSelector } from "react-redux";
+import { doLoginBasicLogin } from "openstack-uicore-foundation/lib/security/methods";
+import { getBackURL } from "../utils/url";
+
+export default function AuthBootstrap() {
+  const isLoggedUser = useSelector(
+    (state) => state.loggedUserState.isLoggedUser
+  );
+
+  const checkLoginStatus = async () => {
+    try {
+      const response = await fetch("/oidc/session/whoami", {
+        method: "GET",
+        credentials: "same-origin"
+      });
+
+      if (response.ok) {
+        const data = await response.json();
+        if (
+          data.email &&
+          typeof data.email === "string" &&
+          /\S+@\S+\.\S+/.test(data.email)
+        ) {
+          doLoginBasicLogin(getBackURL(), data.email);
+        } else {
+          console.warn(
+            "Invalid or missing email in login response:",
+            data.email
+          );
+        }
+      }
+    } catch (error) {
+      console.error(
+        "Failed to check login status. Possible network error or invalid response.",
+        {
+          error,
+          attemptedUrl: "/oidc/session/whoami"
+        }
+      );
+    }
+  };
+
+  useEffect(() => {
+    if (!isLoggedUser) checkLoginStatus();
+  }, [isLoggedUser]);
+
+  return null;
+}

package/src/state/ReduxWrapper.js

@@ -4,6 +4,7 @@ import { PersistGate } from "redux-persist/integration/react";
 import { CacheProvider } from "@emotion/react";
 import { store, persistor } from "./store";
 import createEmotionCache from "../utils/createEmotionCache";
+import AuthBootstrap from "../components/AuthBootstrap";
 
 export function ReduxWrapper({ element }) {
   return (
@@ -14,10 +15,12 @@ export function ReduxWrapper({ element }) {
 }
 
 export function ReduxWrapperWithCacheProvider({ element }) {
-  const cache = createEmotionCache();
+  const cacheRef = React.useRef(null);
+  if (!cacheRef.current) cacheRef.current = createEmotionCache();
   return (
-    <CacheProvider value={cache}>
+    <CacheProvider value={cacheRef.current}>
       <Provider store={store}>
+        <AuthBootstrap />
         <PersistGate persistor={persistor}>{() => element}</PersistGate>
       </Provider>
     </CacheProvider>

package/src/utils/url.js

@@ -0,0 +1,7 @@
+export const getBackURL = () => {
+  let backUrl = "/";
+  if (typeof window !== "undefined") {
+    backUrl = window.location.pathname;
+  }
+  return backUrl;
+};