npm - @logto/react - Versions diffs - 1.0.0-beta.0 → 1.0.0-beta.4 - Mend

@logto/react 1.0.0-beta.0 → 1.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md CHANGED Viewed

@@ -3,9 +3,9 @@
 [![Build Status](https://github.com/logto-io/js/actions/workflows/main.yml/badge.svg)](https://github.com/logto-io/js/actions/workflows/main.yml)
 [![Codecov](https://img.shields.io/codecov/c/github/logto-io/js)](https://app.codecov.io/gh/logto-io/js?branch=master)
-The Logto React SDK written in TypeScript. Check out our [integration guide](https://docs.logto.io/integrate-sdk/react) or [docs](https://docs.logto.io/sdk/react) for more information.
+The Logto React SDK written in TypeScript. Check out our [integration guide](https://docs.logto.io/docs/recipes/integrate-logto/react) or [docs](https://docs.logto.io/sdk/JavaScript/react/) for more information.
-We also provide [集成指南](https://docs.logto.io/zh-cn/integrate-sdk/react) and [文档](https://docs.logto.io/zh-cn/sdk/react) in Simplified Chinese.
+We also provide [集成指南](https://docs.logto.io/zh-cn/docs/recipes/integrate-logto/react/) and [文档](https://docs.logto.io/zh-cn/sdk/JavaScript/react/) in Simplified Chinese.
 ## Installation
@@ -24,109 +24,21 @@ yarn add @logto/react
 ### Using pnpm
 ```bash
-pnpm install @logto/react
+pnpm add @logto/react
 ```
-### Using CDN
+## Get sample
-```bash
-<script src="https://logto.io/js/logto-sdk-react/0.1.0/logto-sdk-react.production.js" />
-```
-## Get Started
-A sample project with the following code snippets can be found at [React Sample](https://github.com/logto-io/js/tree/master/packages/react-sample)
-Check out the source code and try it yourself. (We use [pnpm](https://pnpm.io/) for package management)
-```bash
-pnpm i && pnpm start
-```
-### Initiate LogtoClient
-```tsx
-import { LogtoProvider, LogtoConfig } from '@logto/react';
-const App = () => {
-  const config: LogtoConfig = {
-    clientId: 'foo',
-    endpoint: 'https://your-endpoint-domain.com'
-  };
-  return (
-    <BrowserRouter>
-      <LogtoProvider config={config}>
-        <Routes>
-          <Route path="/" element={<Home />} />
-          <Route path="/callback" element={<Callback />} />
-          <Route
-            path="/protected-resource"
-            element={
-              <RequireAuth>
-                <ProtectedResource />
-              </RequireAuth>
-            }
-          />
-        </Routes>
-      </LogtoProvider>
-    </BrowserRouter>
-  );
-};
-```
-### Setup your sign-in
+A sample project can be found at [React Sample](https://github.com/logto-io/js/tree/master/packages/react-sample)
-```tsx
-import { useLogto } from '@logto/react';
+Check out the source code and try it with ease.
-const SignInButton = () => {
-  const { signIn } = useLogto();
-  const redirectUrl = window.location.origin + '/callback';
-  return <button onClick={() => signIn(redirectUrl)}>Sign In</button>;
-};
-export default SignInButton;
-```
-### Retrieve Auth Status
-```tsx
-import { useLogto } from '@logto/react';
-const App = () => {
-  const { isAuthenticated, signIn } = useLogto();
-  if !(isAuthenticated) {
-    return <SignInButton />
-  }
-  return <>
-    <AppContent />
-    <SignOutButton />
-  </>
-};
 ```
-### Sign out
-```tsx
-import { useLogto } from '@logto/react';
-const SignOutButton = () => {
-  const { signOut } = useLogto();
-  const postLogoutRedirectUri = window.location.origin;
-  return <button onClick={() => signOut(postLogoutRedirectUri)}>Sign out</button>;
-};
-export default SignOutButton;
+pnpm i && pnpm start
 ```
 ## Resources
 [![Website](https://img.shields.io/badge/website-logto.io-8262F8.svg)](https://logto.io/)
-[![Docs](https://img.shields.io/badge/docs-logto.io-green.svg)](https://docs.logto.io/docs/sdk/swift/)
+[![Docs](https://img.shields.io/badge/docs-logto.io-green.svg)](https://docs.logto.io/sdk/JavaScript/react/)
 [![Discord](https://img.shields.io/discord/965845662535147551?logo=discord&logoColor=ffffff&color=7389D8&cacheSeconds=600)](https://discord.gg/UEPaF3j5e6)

package/lib/index.d.ts CHANGED Viewed

@@ -19,11 +19,11 @@ type Logto = {
     isLoading: boolean;
     error?: Error;
     getAccessToken: (resource?: string) => Promise<string | undefined>;
-    getIdTokenClaims: () => IdTokenClaims | undefined;
+    getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
     signIn: (redirectUri: string) => Promise<void>;
     signOut: (postLogoutRedirectUri?: string) => Promise<void>;
 };
-export const useHandleSignInCallback: (callback?: (() => void) | undefined) => {
+export const useHandleSignInCallback: (callback?: () => void) => {
     isLoading: boolean;
     isAuthenticated: boolean;
     error: Error | undefined;

package/lib/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":";;AAGA,gCAAgC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kBAAkB,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,eAAe,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;CACnE,CAAC;ACNF,iCAAiC;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,OAAO,MAAM,sCAAuC,kBAAkB,~~gBAqBrE~~,CAAC;~~AC1BF~~,aAAa;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,aAAa,GAAG,SAAS,CAAC;~~IAClD~~,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,qBAAqB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAsCF,OAAA,MAAM,~~4CAA4C~~,IAAI;;;;CA4CrD,CAAC;AAEF,OAAA,MAAM,gBAAe,KA6FpB,CAAC;AC5LF,YAAY,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC","sources":["packages/react/src/src/context.tsx","packages/react/src/src/provider.tsx","packages/react/src/src/hooks/index.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,null,"export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
1	+ {"mappings":";;AAGA,gCAAgC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kBAAkB,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,eAAe,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;CACnE,CAAC;ACNF,iCAAiC;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,OAAO,MAAM,sCAAuC,kBAAkB,gBA6BrE,CAAC;AClCF,aAAa;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,CAAC,qBAAqB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAsCF,OAAA,MAAM,qCAAsC,MAAM,IAAI;;;;CA4CrD,CAAC;AAEF,OAAA,MAAM,gBAAe,KA6FpB,CAAC;AC5LF,YAAY,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC","sources":["packages/react/src/src/context.tsx","packages/react/src/src/provider.tsx","packages/react/src/src/hooks/index.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,null,"export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/lib/index.js CHANGED Viewed

@@ -54,14 +54,23 @@ const $52a461056f85891e$export$e5bf247804b97da7 = /*#__PURE__*/ (0, $lYn3l$react
 const $00c2be589188321f$export$bfa587c2c3245948 = ({ config: config , children: children  })=>{
-    const [loadingCount, setLoadingCount] = (0, $lYn3l$react.useState)(0);
+    const [loadingCount, setLoadingCount] = (0, $lYn3l$react.useState)(1);
     const memorizedLogtoClient = (0, $lYn3l$react.useMemo)(()=>({
             logtoClient: new (0, ($parcel$interopDefault($lYn3l$logtobrowser)))(config)
         }), [
         config
     ]);
-    const [isAuthenticated, setIsAuthenticated] = (0, $lYn3l$react.useState)(memorizedLogtoClient.logtoClient.isAuthenticated);
+    const [isAuthenticated, setIsAuthenticated] = (0, $lYn3l$react.useState)(false);
     const [error, setError] = (0, $lYn3l$react.useState)();
+    (0, $lYn3l$react.useEffect)(()=>{
+        (async ()=>{
+            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
+            setIsAuthenticated(isAuthenticated);
+            setLoadingCount((count)=>Math.max(0, count - 1));
+        })();
+    }, [
+        memorizedLogtoClient
+    ]);
     const memorizedContextValue = (0, $lYn3l$react.useMemo)(()=>({
             ...memorizedLogtoClient,
             isAuthenticated: isAuthenticated,
@@ -113,7 +122,7 @@ const $ccb423956ca75d68$var$useErrorHandler = ()=>{
     };
 };
 const $ccb423956ca75d68$export$84e88c4b3c082374 = (callback)=>{
-    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error1 , setIsAuthenticated: setIsAuthenticated  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
+    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error , setIsAuthenticated: setIsAuthenticated  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
     const { isLoading: isLoading , setLoadingState: setLoadingState  } = $ccb423956ca75d68$var$useLoadingState();
     const { handleError: handleError  } = $ccb423956ca75d68$var$useErrorHandler();
     const callbackRef = (0, $lYn3l$react.useRef)();
@@ -152,11 +161,11 @@ const $ccb423956ca75d68$export$84e88c4b3c082374 = (callback)=>{
     return {
         isLoading: isLoading,
         isAuthenticated: isAuthenticated,
-        error: error1
+        error: error
     };
 };
 const $ccb423956ca75d68$export$44fc9df4d2a1789a = ()=>{
-    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error2  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
+    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
     const { setLoadingState: setLoadingState  } = $ccb423956ca75d68$var$useLoadingState();
     const { handleError: handleError  } = $ccb423956ca75d68$var$useErrorHandler();
     const isLoading = loadingCount > 0;
@@ -208,10 +217,10 @@ const $ccb423956ca75d68$export$44fc9df4d2a1789a = ()=>{
         setLoadingState,
         handleError
     ]);
-    const getIdTokenClaims = (0, $lYn3l$react.useCallback)(()=>{
+    const getIdTokenClaims = (0, $lYn3l$react.useCallback)(async ()=>{
         if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
         try {
-            return logtoClient.getIdTokenClaims();
+            return await logtoClient.getIdTokenClaims();
         } catch  {
         // Do nothing if any exception occurs. Caller will get undefined value.
         }
@@ -222,7 +231,7 @@ const $ccb423956ca75d68$export$44fc9df4d2a1789a = ()=>{
     return {
         isAuthenticated: isAuthenticated,
         isLoading: isLoading,
-        error: error2,
+        error: error,
         signIn: signIn,
         signOut: signOut,
         getAccessToken: getAccessToken,

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n config: LogtoConfig;\n children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n const [loadingCount, setLoadingCount] = useState(0);\n const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n const [isAuthenticated, setIsAuthenticated] = useState(\n memorizedLogtoClient.logtoClient.isAuthenticated\n );\n const [error, setError] = useState<Error>();\n const memorizedContextValue = useMemo(\n () => ({\n ...memorizedLogtoClient,\n isAuthenticated,\n setIsAuthenticated,\n loadingCount,\n setLoadingCount,\n error,\n setError,\n }),\n [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n );\n\n return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n logtoClient?: LogtoClient;\n isAuthenticated: boolean;\n loadingCount: number;\n error?: Error;\n setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n setError: React.Dispatch<React.SetStateAction<Error \| undefined>>;\n};\n\nexport const throwContextError = (): never => {\n throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n logtoClient: undefined,\n isAuthenticated: false,\n loadingCount: 0,\n error: undefined,\n setIsAuthenticated: throwContextError,\n setLoadingCount: throwContextError,\n setError: throwContextError,\n});\n","import { IdTokenClaims } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n isAuthenticated: boolean;\n isLoading: boolean;\n error?: Error;\n getAccessToken: (resource?: string) => Promise<string \| undefined>;\n getIdTokenClaims: () => IdTokenClaims \| undefined;\n signIn: (redirectUri: string) => Promise<void>;\n signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n const isLoading = loadingCount > 0;\n\n const setLoadingState = useCallback(\n (state: boolean) => {\n if (state) {\n setLoadingCount((count) => count + 1);\n } else {\n setLoadingCount((count) => Math.max(0, count - 1));\n }\n },\n [setLoadingCount]\n );\n\n return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n const { setError } = useContext(LogtoContext);\n\n const handleError = useCallback(\n (error: unknown, fallbackErrorMessage?: string) => {\n if (error instanceof Error) {\n setError(error);\n } else if (fallbackErrorMessage) {\n setError(new Error(fallbackErrorMessage));\n }\n console.error(error);\n },\n [setError]\n );\n\n return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n const { isLoading, setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n const callbackRef = useRef<() => void>();\n\n useEffect(() => {\n // eslint-disable-next-line @silverhand/fp/no-mutation\n callbackRef.current = callback; // Update ref to the latest callback.\n }, [callback]);\n\n const handleSignInCallback = useCallback(\n async (callbackUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n await logtoClient.handleSignInCallback(callbackUri);\n setIsAuthenticated(true);\n callbackRef.current?.();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while handling sign in callback.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n );\n\n useEffect(() => {\n const currentPageUrl = window.location.href;\n\n if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n void handleSignInCallback(currentPageUrl);\n }\n }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n return {\n isLoading,\n isAuthenticated,\n error,\n };\n};\n\nconst useLogto = (): Logto => {\n const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n const { setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n\n const isLoading = loadingCount > 0;\n\n const signIn = useCallback(\n async (redirectUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signIn(redirectUri);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing in.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const signOut = useCallback(\n async (postLogoutRedirectUri?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signOut(postLogoutRedirectUri);\n\n // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing out.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getAccessToken = useCallback(\n async (resource?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.getAccessToken(resource);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while getting access token.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getIdTokenClaims = useCallback(() => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n return logtoClient.getIdTokenClaims();\n } catch {\n // Do nothing if any exception occurs. Caller will get undefined value.\n }\n }, [logtoClient]);\n\n if (!logtoClient) {\n return throwContextError();\n }\n\n return {\n isAuthenticated,\n isLoading,\n error,\n signIn,\n signOut,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"index.js.map"}
1	+ {"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n config: LogtoConfig;\n children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n const [loadingCount, setLoadingCount] = useState(1);\n const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n const [isAuthenticated, setIsAuthenticated] = useState(false);\n const [error, setError] = useState<Error>();\n\n useEffect(() => {\n (async () => {\n const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();\n\n setIsAuthenticated(isAuthenticated);\n setLoadingCount((count) => Math.max(0, count - 1));\n })();\n }, [memorizedLogtoClient]);\n\n const memorizedContextValue = useMemo(\n () => ({\n ...memorizedLogtoClient,\n isAuthenticated,\n setIsAuthenticated,\n loadingCount,\n setLoadingCount,\n error,\n setError,\n }),\n [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n );\n\n return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n logtoClient?: LogtoClient;\n isAuthenticated: boolean;\n loadingCount: number;\n error?: Error;\n setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n setError: React.Dispatch<React.SetStateAction<Error \| undefined>>;\n};\n\nexport const throwContextError = (): never => {\n throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n logtoClient: undefined,\n isAuthenticated: false,\n loadingCount: 0,\n error: undefined,\n setIsAuthenticated: throwContextError,\n setLoadingCount: throwContextError,\n setError: throwContextError,\n});\n","import { IdTokenClaims } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n isAuthenticated: boolean;\n isLoading: boolean;\n error?: Error;\n getAccessToken: (resource?: string) => Promise<string \| undefined>;\n getIdTokenClaims: () => Promise<IdTokenClaims \| undefined>;\n signIn: (redirectUri: string) => Promise<void>;\n signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n const isLoading = loadingCount > 0;\n\n const setLoadingState = useCallback(\n (state: boolean) => {\n if (state) {\n setLoadingCount((count) => count + 1);\n } else {\n setLoadingCount((count) => Math.max(0, count - 1));\n }\n },\n [setLoadingCount]\n );\n\n return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n const { setError } = useContext(LogtoContext);\n\n const handleError = useCallback(\n (error: unknown, fallbackErrorMessage?: string) => {\n if (error instanceof Error) {\n setError(error);\n } else if (fallbackErrorMessage) {\n setError(new Error(fallbackErrorMessage));\n }\n console.error(error);\n },\n [setError]\n );\n\n return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n const { isLoading, setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n const callbackRef = useRef<() => void>();\n\n useEffect(() => {\n // eslint-disable-next-line @silverhand/fp/no-mutation\n callbackRef.current = callback; // Update ref to the latest callback.\n }, [callback]);\n\n const handleSignInCallback = useCallback(\n async (callbackUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n await logtoClient.handleSignInCallback(callbackUri);\n setIsAuthenticated(true);\n callbackRef.current?.();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while handling sign in callback.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n );\n\n useEffect(() => {\n const currentPageUrl = window.location.href;\n\n if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n void handleSignInCallback(currentPageUrl);\n }\n }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n return {\n isLoading,\n isAuthenticated,\n error,\n };\n};\n\nconst useLogto = (): Logto => {\n const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n const { setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n\n const isLoading = loadingCount > 0;\n\n const signIn = useCallback(\n async (redirectUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signIn(redirectUri);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing in.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const signOut = useCallback(\n async (postLogoutRedirectUri?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signOut(postLogoutRedirectUri);\n\n // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing out.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getAccessToken = useCallback(\n async (resource?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.getAccessToken(resource);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while getting access token.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getIdTokenClaims = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n return await logtoClient.getIdTokenClaims();\n } catch {\n // Do nothing if any exception occurs. Caller will get undefined value.\n }\n }, [logtoClient]);\n\n if (!logtoClient) {\n return throwContextError();\n }\n\n return {\n isAuthenticated,\n isLoading,\n error,\n signIn,\n signOut,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"index.js.map"}

package/lib/module.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import $19DtJ$logtobrowser, {LogtoError as $c7d9d85b511cb05a$re_export$LogtoError, LogtoClientError as $c7d9d85b511cb05a$re_export$LogtoClientError, OidcError as $c7d9d85b511cb05a$re_export$OidcError, Prompt as $c7d9d85b511cb05a$re_export$Prompt} from "@logto/browser";
 import {jsx as $19DtJ$jsx} from "react/jsx-runtime";
-import {useState as $19DtJ$useState, useMemo as $19DtJ$useMemo, createContext as $19DtJ$createContext, useContext as $19DtJ$useContext, useCallback as $19DtJ$useCallback, useRef as $19DtJ$useRef, useEffect as $19DtJ$useEffect} from "react";
+import {useState as $19DtJ$useState, useMemo as $19DtJ$useMemo, useEffect as $19DtJ$useEffect, createContext as $19DtJ$createContext, useContext as $19DtJ$useContext, useCallback as $19DtJ$useCallback, useRef as $19DtJ$useRef} from "react";
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -28,14 +28,23 @@ const $e48cc35865e6f365$export$e5bf247804b97da7 = /*#__PURE__*/ (0, $19DtJ$creat
 const $8097f9b4a6c197ce$export$bfa587c2c3245948 = ({ config: config , children: children  })=>{
-    const [loadingCount, setLoadingCount] = (0, $19DtJ$useState)(0);
+    const [loadingCount, setLoadingCount] = (0, $19DtJ$useState)(1);
     const memorizedLogtoClient = (0, $19DtJ$useMemo)(()=>({
             logtoClient: new (0, $19DtJ$logtobrowser)(config)
         }), [
         config
     ]);
-    const [isAuthenticated, setIsAuthenticated] = (0, $19DtJ$useState)(memorizedLogtoClient.logtoClient.isAuthenticated);
+    const [isAuthenticated, setIsAuthenticated] = (0, $19DtJ$useState)(false);
     const [error, setError] = (0, $19DtJ$useState)();
+    (0, $19DtJ$useEffect)(()=>{
+        (async ()=>{
+            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
+            setIsAuthenticated(isAuthenticated);
+            setLoadingCount((count)=>Math.max(0, count - 1));
+        })();
+    }, [
+        memorizedLogtoClient
+    ]);
     const memorizedContextValue = (0, $19DtJ$useMemo)(()=>({
             ...memorizedLogtoClient,
             isAuthenticated: isAuthenticated,
@@ -87,7 +96,7 @@ const $9cc626600a847be2$var$useErrorHandler = ()=>{
     };
 };
 const $9cc626600a847be2$export$84e88c4b3c082374 = (callback)=>{
-    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error1 , setIsAuthenticated: setIsAuthenticated  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
+    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error , setIsAuthenticated: setIsAuthenticated  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
     const { isLoading: isLoading , setLoadingState: setLoadingState  } = $9cc626600a847be2$var$useLoadingState();
     const { handleError: handleError  } = $9cc626600a847be2$var$useErrorHandler();
     const callbackRef = (0, $19DtJ$useRef)();
@@ -126,11 +135,11 @@ const $9cc626600a847be2$export$84e88c4b3c082374 = (callback)=>{
     return {
         isLoading: isLoading,
         isAuthenticated: isAuthenticated,
-        error: error1
+        error: error
     };
 };
 const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
-    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error2  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
+    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
     const { setLoadingState: setLoadingState  } = $9cc626600a847be2$var$useLoadingState();
     const { handleError: handleError  } = $9cc626600a847be2$var$useErrorHandler();
     const isLoading = loadingCount > 0;
@@ -182,10 +191,10 @@ const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
         setLoadingState,
         handleError
     ]);
-    const getIdTokenClaims = (0, $19DtJ$useCallback)(()=>{
+    const getIdTokenClaims = (0, $19DtJ$useCallback)(async ()=>{
         if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
         try {
-            return logtoClient.getIdTokenClaims();
+            return await logtoClient.getIdTokenClaims();
         } catch  {
         // Do nothing if any exception occurs. Caller will get undefined value.
         }
@@ -196,7 +205,7 @@ const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
     return {
         isAuthenticated: isAuthenticated,
         isLoading: isLoading,
-        error: error2,
+        error: error,
         signIn: signIn,
         signOut: signOut,
         getAccessToken: getAccessToken,

package/lib/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n config: LogtoConfig;\n children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n const [loadingCount, setLoadingCount] = useState(0);\n const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n const [isAuthenticated, setIsAuthenticated] = useState(\n memorizedLogtoClient.logtoClient.isAuthenticated\n );\n const [error, setError] = useState<Error>();\n const memorizedContextValue = useMemo(\n () => ({\n ...memorizedLogtoClient,\n isAuthenticated,\n setIsAuthenticated,\n loadingCount,\n setLoadingCount,\n error,\n setError,\n }),\n [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n );\n\n return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n logtoClient?: LogtoClient;\n isAuthenticated: boolean;\n loadingCount: number;\n error?: Error;\n setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n setError: React.Dispatch<React.SetStateAction<Error \| undefined>>;\n};\n\nexport const throwContextError = (): never => {\n throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n logtoClient: undefined,\n isAuthenticated: false,\n loadingCount: 0,\n error: undefined,\n setIsAuthenticated: throwContextError,\n setLoadingCount: throwContextError,\n setError: throwContextError,\n});\n","import { IdTokenClaims } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n isAuthenticated: boolean;\n isLoading: boolean;\n error?: Error;\n getAccessToken: (resource?: string) => Promise<string \| undefined>;\n getIdTokenClaims: () => IdTokenClaims \| undefined;\n signIn: (redirectUri: string) => Promise<void>;\n signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n const isLoading = loadingCount > 0;\n\n const setLoadingState = useCallback(\n (state: boolean) => {\n if (state) {\n setLoadingCount((count) => count + 1);\n } else {\n setLoadingCount((count) => Math.max(0, count - 1));\n }\n },\n [setLoadingCount]\n );\n\n return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n const { setError } = useContext(LogtoContext);\n\n const handleError = useCallback(\n (error: unknown, fallbackErrorMessage?: string) => {\n if (error instanceof Error) {\n setError(error);\n } else if (fallbackErrorMessage) {\n setError(new Error(fallbackErrorMessage));\n }\n console.error(error);\n },\n [setError]\n );\n\n return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n const { isLoading, setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n const callbackRef = useRef<() => void>();\n\n useEffect(() => {\n // eslint-disable-next-line @silverhand/fp/no-mutation\n callbackRef.current = callback; // Update ref to the latest callback.\n }, [callback]);\n\n const handleSignInCallback = useCallback(\n async (callbackUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n await logtoClient.handleSignInCallback(callbackUri);\n setIsAuthenticated(true);\n callbackRef.current?.();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while handling sign in callback.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n );\n\n useEffect(() => {\n const currentPageUrl = window.location.href;\n\n if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n void handleSignInCallback(currentPageUrl);\n }\n }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n return {\n isLoading,\n isAuthenticated,\n error,\n };\n};\n\nconst useLogto = (): Logto => {\n const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n const { setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n\n const isLoading = loadingCount > 0;\n\n const signIn = useCallback(\n async (redirectUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signIn(redirectUri);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing in.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const signOut = useCallback(\n async (postLogoutRedirectUri?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signOut(postLogoutRedirectUri);\n\n // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing out.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getAccessToken = useCallback(\n async (resource?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.getAccessToken(resource);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while getting access token.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getIdTokenClaims = useCallback(() => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n return logtoClient.getIdTokenClaims();\n } catch {\n // Do nothing if any exception occurs. Caller will get undefined value.\n }\n }, [logtoClient]);\n\n if (!logtoClient) {\n return throwContextError();\n }\n\n return {\n isAuthenticated,\n isLoading,\n error,\n signIn,\n signOut,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n LogtoConfig,\n IdTokenClaims,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport { LogtoError, LogtoClientError, OidcError, Prompt } from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n config: LogtoConfig;\n children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n const [loadingCount, setLoadingCount] = useState(1);\n const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n const [isAuthenticated, setIsAuthenticated] = useState(false);\n const [error, setError] = useState<Error>();\n\n useEffect(() => {\n (async () => {\n const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();\n\n setIsAuthenticated(isAuthenticated);\n setLoadingCount((count) => Math.max(0, count - 1));\n })();\n }, [memorizedLogtoClient]);\n\n const memorizedContextValue = useMemo(\n () => ({\n ...memorizedLogtoClient,\n isAuthenticated,\n setIsAuthenticated,\n loadingCount,\n setLoadingCount,\n error,\n setError,\n }),\n [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n );\n\n return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n logtoClient?: LogtoClient;\n isAuthenticated: boolean;\n loadingCount: number;\n error?: Error;\n setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n setError: React.Dispatch<React.SetStateAction<Error \| undefined>>;\n};\n\nexport const throwContextError = (): never => {\n throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n logtoClient: undefined,\n isAuthenticated: false,\n loadingCount: 0,\n error: undefined,\n setIsAuthenticated: throwContextError,\n setLoadingCount: throwContextError,\n setError: throwContextError,\n});\n","import { IdTokenClaims } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n isAuthenticated: boolean;\n isLoading: boolean;\n error?: Error;\n getAccessToken: (resource?: string) => Promise<string \| undefined>;\n getIdTokenClaims: () => Promise<IdTokenClaims \| undefined>;\n signIn: (redirectUri: string) => Promise<void>;\n signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n const isLoading = loadingCount > 0;\n\n const setLoadingState = useCallback(\n (state: boolean) => {\n if (state) {\n setLoadingCount((count) => count + 1);\n } else {\n setLoadingCount((count) => Math.max(0, count - 1));\n }\n },\n [setLoadingCount]\n );\n\n return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n const { setError } = useContext(LogtoContext);\n\n const handleError = useCallback(\n (error: unknown, fallbackErrorMessage?: string) => {\n if (error instanceof Error) {\n setError(error);\n } else if (fallbackErrorMessage) {\n setError(new Error(fallbackErrorMessage));\n }\n console.error(error);\n },\n [setError]\n );\n\n return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n const { isLoading, setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n const callbackRef = useRef<() => void>();\n\n useEffect(() => {\n // eslint-disable-next-line @silverhand/fp/no-mutation\n callbackRef.current = callback; // Update ref to the latest callback.\n }, [callback]);\n\n const handleSignInCallback = useCallback(\n async (callbackUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n await logtoClient.handleSignInCallback(callbackUri);\n setIsAuthenticated(true);\n callbackRef.current?.();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while handling sign in callback.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n );\n\n useEffect(() => {\n const currentPageUrl = window.location.href;\n\n if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n void handleSignInCallback(currentPageUrl);\n }\n }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n return {\n isLoading,\n isAuthenticated,\n error,\n };\n};\n\nconst useLogto = (): Logto => {\n const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n const { setLoadingState } = useLoadingState();\n const { handleError } = useErrorHandler();\n\n const isLoading = loadingCount > 0;\n\n const signIn = useCallback(\n async (redirectUri: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signIn(redirectUri);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing in.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const signOut = useCallback(\n async (postLogoutRedirectUri?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n await logtoClient.signOut(postLogoutRedirectUri);\n\n // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while signing out.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getAccessToken = useCallback(\n async (resource?: string) => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.getAccessToken(resource);\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while getting access token.');\n } finally {\n setLoadingState(false);\n }\n },\n [logtoClient, setLoadingState, handleError]\n );\n\n const getIdTokenClaims = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n return await logtoClient.getIdTokenClaims();\n } catch {\n // Do nothing if any exception occurs. Caller will get undefined value.\n }\n }, [logtoClient]);\n\n if (!logtoClient) {\n return throwContextError();\n }\n\n return {\n isAuthenticated,\n isLoading,\n error,\n signIn,\n signOut,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"module.js.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@logto/react",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.4",
   "source": "./src/index.ts",
   "main": "./lib/index.js",
   "exports": {
@@ -29,31 +29,31 @@
     "prepack": "pnpm test"
   },
   "dependencies": {
-    "@logto/browser": "^1.0.0-beta.0",
-    "@silverhand/essentials": "^1.1.6"
+    "@logto/browser": "^1.0.0-beta.4",
+    "@silverhand/essentials": "^1.2.0"
   },
   "devDependencies": {
     "@jest/types": "^27.5.1",
-    "@parcel/core": "^2.6.2",
-    "@parcel/packager-ts": "^2.6.2",
-    "@parcel/transformer-typescript-types": "^2.6.2",
-    "@silverhand/eslint-config": "^0.17.0",
-    "@silverhand/eslint-config-react": "^0.17.0",
-    "@silverhand/ts-config": "^0.17.0",
-    "@silverhand/ts-config-react": "^0.17.0",
+    "@parcel/core": "^2.7.0",
+    "@parcel/packager-ts": "^2.7.0",
+    "@parcel/transformer-typescript-types": "^2.7.0",
+    "@silverhand/eslint-config": "^1.0.0",
+    "@silverhand/eslint-config-react": "^1.0.0",
+    "@silverhand/ts-config": "^1.0.0",
+    "@silverhand/ts-config-react": "^1.0.0",
     "@testing-library/react-hooks": "^8.0.0",
     "@types/jest": "^27.4.1",
     "@types/react": "^17.0.39",
-    "eslint": "^8.9.0",
+    "eslint": "^8.23.0",
     "jest": "^27.5.1",
     "lint-staged": "^13.0.0",
-    "parcel": "^2.6.2",
+    "parcel": "^2.7.0",
     "postcss": "^8.4.6",
-    "prettier": "^2.5.1",
+    "prettier": "^2.7.1",
     "react": "^17.0.2",
-    "stylelint": "^14.8.2",
+    "stylelint": "^14.11.0",
     "ts-jest": "^27.0.4",
-    "typescript": "^4.6.2"
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0f78e6f0b97174de98588b35d1d12c8396206ba"
+  "gitHead": "8b0f8947ac211fd8d4b6e2e00ce6acfc9dd344db"
 }