Merge pull request #15 from bento-platform/feat/auto-authenticate

feat: add auto-authenticate hook

src/autoAuthenticate.ts

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+import { useIsAuthenticated, useOpenIdConfig } from "./hooks";
+import { LS_BENTO_WAS_SIGNED_IN, setLSNotSignedIn, usePerformAuth } from "./performAuth";
+
+export interface AutoAuthenticateState {
+    isAutoAuthenticating: boolean;
+}
+
+export const useAutoAuthenticate = (): AutoAuthenticateState => {
+    const [isAutoAuthenticating, setIsAutoAuthenticating] = useState(false);
+
+    const isAuthenticated = useIsAuthenticated();
+    const openIdConfig = useOpenIdConfig();
+    const performAuth = usePerformAuth();
+
+    const authzEndpoint = openIdConfig?.["authorization_endpoint"];
+
+    useEffect(() => {
+        if (
+            !isAuthenticated &&
+            !isAutoAuthenticating &&
+            authzEndpoint &&
+            localStorage.getItem(LS_BENTO_WAS_SIGNED_IN) === "true"
+        ) {
+            console.debug("auto-authenticating");
+            setLSNotSignedIn();
+            setIsAutoAuthenticating(true);
+            performAuth().catch(console.error);
+        }
+    }, [authzEndpoint, isAuthenticated, isAutoAuthenticating]);
+
+    return { isAutoAuthenticating };
+};

src/index.ts

@@ -1,3 +1,4 @@
+export * from "./autoAuthenticate";
 export * from "./contexts";
 export * from "./hooks";
 export * from "./performAuth";