azirid-react 0.9.9 → 0.10.0

package/dist/index.cjs

@@ -165,6 +165,31 @@ function createAccessClient(config, appContext) {
   let refreshToken = ssGet(storageKeyRt);
   let csrfToken = ssGet(storageKeyCsrf);
   let refreshPromise = null;
+  let channel = null;
+  try {
+    if (typeof BroadcastChannel !== "undefined") {
+      channel = new BroadcastChannel("azirid-auth");
+      channel.onmessage = (event) => {
+        if (event.data?.type === "token-refreshed") {
+          accessToken = event.data.accessToken;
+          if (event.data.refreshToken) setRefreshToken(event.data.refreshToken);
+          if (event.data.csrfToken) setCsrfToken(event.data.csrfToken);
+        }
+      };
+    }
+  } catch {
+  }
+  function broadcastTokens() {
+    try {
+      channel?.postMessage({
+        type: "token-refreshed",
+        accessToken,
+        refreshToken,
+        csrfToken
+      });
+    } catch {
+    }
+  }
   function setAccessToken(token) {
     accessToken = token;
   }
@@ -226,6 +251,7 @@ function createAccessClient(config, appContext) {
     const xc = json.xc ?? json.csrfToken;
     if (rt) setRefreshToken(rt);
     if (xc) setCsrfToken(xc);
+    broadcastTokens();
   }
   function refreshTokens(opts) {
     if (opts?.tenantId) {
@@ -775,6 +801,27 @@ function AziridProviderInner({
   }, [client, props.autoBootstrap, updateAccessToken, saveSessionTokens]);
   const silentRefresh = react.useCallback(async () => {
     if (!client.getAccessToken()) return;
+    if (typeof navigator !== "undefined" && "locks" in navigator) {
+      let acquired = false;
+      try {
+        await navigator.locks.request(
+          "azirid-token-refresh",
+          { ifAvailable: true },
+          async (lock) => {
+            if (!lock) return;
+            acquired = true;
+            await client.refreshSession();
+            updateAccessToken(client.getAccessToken());
+          }
+        );
+      } catch (err) {
+        if (acquired && isAuthError(err)) {
+          clearSession();
+          props.onSessionExpired?.();
+        }
+      }
+      return;
+    }
     try {
       await client.refreshSession();
       updateAccessToken(client.getAccessToken());
@@ -785,6 +832,27 @@ function AziridProviderInner({
       }
     }
   }, [client, updateAccessToken, clearSession, props]);
+  react.useEffect(() => {
+    let channel = null;
+    try {
+      if (typeof BroadcastChannel !== "undefined") {
+        channel = new BroadcastChannel("azirid-auth");
+        channel.onmessage = (event) => {
+          if (event.data?.type === "token-refreshed" && event.data.accessToken) {
+            client.setAccessToken(event.data.accessToken);
+            updateAccessToken(event.data.accessToken);
+          }
+        };
+      }
+    } catch {
+    }
+    return () => {
+      try {
+        channel?.close();
+      } catch {
+      }
+    };
+  }, [client, updateAccessToken]);
   react.useEffect(() => {
     const intervalMs = props.refreshInterval ?? 5e4;
     if (intervalMs <= 0) return;
@@ -4275,7 +4343,7 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.9.9";
+var SDK_VERSION = "0.10.0";
 
 exports.AuthForm = AuthForm;
 exports.AziridProvider = AziridProvider;