@logto/react 1.0.0-beta.9 → 1.0.0-rc.0
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.
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/module.d.mts +36 -0
- package/lib/{module.js → module.mjs} +1 -1
- package/lib/module.mjs.map +1 -0
- package/package.json +10 -10
- package/lib/module.js.map +0 -1
package/lib/index.js
CHANGED
|
@@ -2,9 +2,6 @@ var $lYn3l$logtobrowser = require("@logto/browser");
|
|
|
2
2
|
var $lYn3l$reactjsxruntime = require("react/jsx-runtime");
|
|
3
3
|
var $lYn3l$react = require("react");
|
|
4
4
|
|
|
5
|
-
function $parcel$export(e, n, v, s) {
|
|
6
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
7
|
-
}
|
|
8
5
|
function $parcel$exportWildcard(dest, source) {
|
|
9
6
|
Object.keys(source).forEach(function(key) {
|
|
10
7
|
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
@@ -21,6 +18,9 @@ function $parcel$exportWildcard(dest, source) {
|
|
|
21
18
|
|
|
22
19
|
return dest;
|
|
23
20
|
}
|
|
21
|
+
function $parcel$export(e, n, v, s) {
|
|
22
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
23
|
+
}
|
|
24
24
|
function $parcel$interopDefault(a) {
|
|
25
25
|
return a && a.__esModule ? a.default : a;
|
|
26
26
|
}
|
package/lib/index.js.map
CHANGED
|
@@ -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 UserInfoResponse,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n LogtoError,\n LogtoClientError,\n OidcError,\n Prompt,\n ReservedScope,\n UserScope,\n} 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, UserInfoResponse } 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 fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\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 }\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 fetchUserInfo = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.fetchUserInfo();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while fetching user info.');\n } finally {\n setLoadingState(false);\n }\n }, [logtoClient, setLoadingState, handleError]);\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 fetchUserInfo,\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 UserInfoResponse,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n LogtoError,\n LogtoClientError,\n OidcError,\n Prompt,\n ReservedScope,\n UserScope,\n} 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, UserInfoResponse } 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 fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\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 }\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 fetchUserInfo = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.fetchUserInfo();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while fetching user info.');\n } finally {\n setLoadingState(false);\n }\n }, [logtoClient, setLoadingState, handleError]);\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 fetchUserInfo,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"index.js.map"}
|
package/lib/module.d.mts
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import LogtoClient, { LogtoConfig, IdTokenClaims, UserInfoResponse } from "@logto/browser";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
export type LogtoContextProps = {
|
|
4
|
+
logtoClient?: LogtoClient;
|
|
5
|
+
isAuthenticated: boolean;
|
|
6
|
+
loadingCount: number;
|
|
7
|
+
error?: Error;
|
|
8
|
+
setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
setLoadingCount: React.Dispatch<React.SetStateAction<number>>;
|
|
10
|
+
setError: React.Dispatch<React.SetStateAction<Error | undefined>>;
|
|
11
|
+
};
|
|
12
|
+
export type LogtoProviderProps = {
|
|
13
|
+
config: LogtoConfig;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export const LogtoProvider: ({ config, children }: LogtoProviderProps) => JSX.Element;
|
|
17
|
+
type Logto = {
|
|
18
|
+
isAuthenticated: boolean;
|
|
19
|
+
isLoading: boolean;
|
|
20
|
+
error?: Error;
|
|
21
|
+
fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
|
|
22
|
+
getAccessToken: (resource?: string) => Promise<string | undefined>;
|
|
23
|
+
getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
|
|
24
|
+
signIn: (redirectUri: string) => Promise<void>;
|
|
25
|
+
signOut: (postLogoutRedirectUri?: string) => Promise<void>;
|
|
26
|
+
};
|
|
27
|
+
export const useHandleSignInCallback: (callback?: () => void) => {
|
|
28
|
+
isLoading: boolean;
|
|
29
|
+
isAuthenticated: boolean;
|
|
30
|
+
error: Error | undefined;
|
|
31
|
+
};
|
|
32
|
+
export const useLogto: () => Logto;
|
|
33
|
+
export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, } from '@logto/browser';
|
|
34
|
+
export { LogtoError, LogtoClientError, OidcError, Prompt, ReservedScope, UserScope, } from '@logto/browser';
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -231,4 +231,4 @@ const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
|
|
|
231
231
|
|
|
232
232
|
|
|
233
233
|
export {$c7d9d85b511cb05a$re_export$LogtoError as LogtoError, $c7d9d85b511cb05a$re_export$LogtoClientError as LogtoClientError, $c7d9d85b511cb05a$re_export$OidcError as OidcError, $c7d9d85b511cb05a$re_export$Prompt as Prompt, $c7d9d85b511cb05a$re_export$ReservedScope as ReservedScope, $c7d9d85b511cb05a$re_export$UserScope as UserScope, $9cc626600a847be2$export$44fc9df4d2a1789a as useLogto, $9cc626600a847be2$export$84e88c4b3c082374 as useHandleSignInCallback, $8097f9b4a6c197ce$export$bfa587c2c3245948 as LogtoProvider};
|
|
234
|
-
//# sourceMappingURL=module.
|
|
234
|
+
//# sourceMappingURL=module.mjs.map
|
|
@@ -0,0 +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 UserInfoResponse,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n LogtoError,\n LogtoClientError,\n OidcError,\n Prompt,\n ReservedScope,\n UserScope,\n} 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, UserInfoResponse } 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 fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\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 }\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 fetchUserInfo = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.fetchUserInfo();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while fetching user info.');\n } finally {\n setLoadingState(false);\n }\n }, [logtoClient, setLoadingState, handleError]);\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 fetchUserInfo,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"module.mjs.map"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@logto/react",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-rc.0",
|
|
4
4
|
"source": "./src/index.ts",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"exports": {
|
|
7
7
|
"require": "./lib/index.js",
|
|
8
|
-
"import": "./lib/module.
|
|
8
|
+
"import": "./lib/module.mjs"
|
|
9
9
|
},
|
|
10
|
-
"module": "./lib/module.
|
|
10
|
+
"module": "./lib/module.mjs",
|
|
11
11
|
"types": "./lib/index.d.ts",
|
|
12
12
|
"files": [
|
|
13
13
|
"lib"
|
|
@@ -22,21 +22,21 @@
|
|
|
22
22
|
"dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
|
|
23
23
|
"precommit": "lint-staged",
|
|
24
24
|
"check": "tsc --noEmit",
|
|
25
|
-
"build": "rm -rf lib/ && pnpm check && parcel build",
|
|
25
|
+
"build": "rm -rf lib/ && pnpm check && parcel build && cp lib/index.d.ts lib/module.d.mts",
|
|
26
26
|
"lint": "eslint --ext .ts --ext .tsx src",
|
|
27
27
|
"test": "jest",
|
|
28
28
|
"test:coverage": "jest --silent --coverage",
|
|
29
29
|
"prepack": "pnpm test"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@logto/browser": "^1.0.0-
|
|
32
|
+
"@logto/browser": "^1.0.0-rc.0",
|
|
33
33
|
"@silverhand/essentials": "^1.2.1"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@jest/types": "^27.5.1",
|
|
37
|
-
"@parcel/core": "^2.
|
|
38
|
-
"@parcel/packager-ts": "^2.
|
|
39
|
-
"@parcel/transformer-typescript-types": "^2.
|
|
37
|
+
"@parcel/core": "^2.8.3",
|
|
38
|
+
"@parcel/packager-ts": "^2.8.3",
|
|
39
|
+
"@parcel/transformer-typescript-types": "^2.8.3",
|
|
40
40
|
"@silverhand/eslint-config": "^1.0.0",
|
|
41
41
|
"@silverhand/eslint-config-react": "^1.0.0",
|
|
42
42
|
"@silverhand/ts-config": "^1.0.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"eslint": "^8.23.0",
|
|
48
48
|
"jest": "^27.5.1",
|
|
49
49
|
"lint-staged": "^13.0.0",
|
|
50
|
-
"parcel": "^2.
|
|
50
|
+
"parcel": "^2.8.3",
|
|
51
51
|
"postcss": "^8.4.6",
|
|
52
52
|
"prettier": "^2.7.1",
|
|
53
53
|
"react": "^17.0.2",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "98960287d1016efa9e68b6c4d4407885d6ec9dc6"
|
|
69
69
|
}
|
package/lib/module.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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 UserInfoResponse,\n LogtoErrorCode,\n LogtoClientErrorCode,\n} from '@logto/browser';\n\nexport {\n LogtoError,\n LogtoClientError,\n OidcError,\n Prompt,\n ReservedScope,\n UserScope,\n} 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, UserInfoResponse } 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 fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\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 }\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 fetchUserInfo = useCallback(async () => {\n if (!logtoClient) {\n return throwContextError();\n }\n\n try {\n setLoadingState(true);\n\n return await logtoClient.fetchUserInfo();\n } catch (error: unknown) {\n handleError(error, 'Unexpected error occurred while fetching user info.');\n } finally {\n setLoadingState(false);\n }\n }, [logtoClient, setLoadingState, handleError]);\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 fetchUserInfo,\n getAccessToken,\n getIdTokenClaims,\n };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"module.js.map"}
|