@logto/react 2.0.1 → 2.1.1

package/lib/hooks/index.cjs

@@ -56,10 +56,17 @@ const useHandleSignInCallback = (callback) => {
         }
     }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
     react.useEffect(() => {
-        const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {
-            void handleSignInCallback(currentPageUrl);
-        }
+        if (!logtoClient) {
+            return;
+        }
+        (async () => {
+            const currentPageUrl = window.location.href;
+            const isAuthenticated = await logtoClient.isAuthenticated();
+            const isRedirected = await logtoClient.isSignInRedirected(currentPageUrl);
+            if (!isAuthenticated && isRedirected) {
+                void handleSignInCallback(currentPageUrl);
+            }
+        })();
     }, [handleSignInCallback, isAuthenticated, logtoClient]);
     return {
         isLoading,

package/lib/hooks/index.js

@@ -54,10 +54,17 @@ const useHandleSignInCallback = (callback) => {
         }
     }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
     useEffect(() => {
-        const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {
-            void handleSignInCallback(currentPageUrl);
-        }
+        if (!logtoClient) {
+            return;
+        }
+        (async () => {
+            const currentPageUrl = window.location.href;
+            const isAuthenticated = await logtoClient.isAuthenticated();
+            const isRedirected = await logtoClient.isSignInRedirected(currentPageUrl);
+            if (!isAuthenticated && isRedirected) {
+                void handleSignInCallback(currentPageUrl);
+            }
+        })();
     }, [handleSignInCallback, isAuthenticated, logtoClient]);
     return {
         isLoading,

package/lib/provider.cjs

@@ -9,9 +9,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var LogtoClient__default = /*#__PURE__*/_interopDefault(LogtoClient);
 
-const LogtoProvider = ({ config, children }) => {
+const LogtoProvider = ({ config, children, unstable_enableCache = false, }) => {
     const [loadingCount, setLoadingCount] = react.useState(1);
-    const memorizedLogtoClient = react.useMemo(() => ({ logtoClient: new LogtoClient__default.default(config) }), [config]);
+    const memorizedLogtoClient = react.useMemo(() => ({ logtoClient: new LogtoClient__default.default(config, unstable_enableCache) }), [config, unstable_enableCache]);
     const [isAuthenticated, setIsAuthenticated] = react.useState(false);
     const [error, setError] = react.useState();
     react.useEffect(() => {

package/lib/provider.d.ts

@@ -2,6 +2,11 @@ import { type LogtoConfig } from '@logto/browser';
 import { type ReactNode } from 'react';
 export type LogtoProviderProps = {
     config: LogtoConfig;
+    /**
+     * Whether to enable cache for well-known data. Use sessionStorage by default.
+     * @default false
+     */
+    unstable_enableCache?: boolean;
     children?: ReactNode;
 };
-export declare const LogtoProvider: ({ config, children }: LogtoProviderProps) => JSX.Element;
+export declare const LogtoProvider: ({ config, children, unstable_enableCache, }: LogtoProviderProps) => JSX.Element;

package/lib/provider.js

@@ -3,9 +3,9 @@ import LogtoClient from '@logto/browser';
 import { useState, useMemo, useEffect } from 'react';
 import { LogtoContext } from './context.js';
 
-const LogtoProvider = ({ config, children }) => {
+const LogtoProvider = ({ config, children, unstable_enableCache = false, }) => {
     const [loadingCount, setLoadingCount] = useState(1);
-    const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);
+    const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config, unstable_enableCache) }), [config, unstable_enableCache]);
     const [isAuthenticated, setIsAuthenticated] = useState(false);
     const [error, setError] = useState();
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/react",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "type": "module",
   "main": "./lib/index.cjs",
   "module": "./lib/index.js",
@@ -21,7 +21,7 @@
     "directory": "packages/react"
   },
   "dependencies": {
-    "@logto/browser": "^2.0.0",
+    "@logto/browser": "^2.1.0",
     "@silverhand/essentials": "^2.6.2"
   },
   "devDependencies": {