Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-30 20:33:54 -05:00
Code Issues Activity

fix(console): fix page issues (#6181)

Browse source
This commit is contained in:
Gao Sun 2024-07-04 22:09:53 +08:00 committed by GitHub
parent 8d721d82df
commit 9b3945a48d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/console/src/assets/docs/guides/spa-react/README.mdx
View file

@ -2,6 +2,7 @@ import UriInputField from '@/mdx-components/UriInputField';
import InlineNotification from '@/ds-components/InlineNotification';
import Steps from '@/mdx-components/Steps';
import Step from '@/mdx-components/Step';
import NpmLikeInstallation from '@/mdx-components/NpmLikeInstallation';
import Checkpoint from '../../fragments/_checkpoint.md';
import RedirectUrisWeb, { defaultRedirectUri, defaultPostSignOutUri } from '../../fragments/_redirect-uris-web.mdx';

14
packages/console/src/mdx-components/Mermaid/index.tsx
View file

@ -1,10 +1,14 @@
import { Theme } from '@logto/schemas';
import { noop } from '@silverhand/essentials';
import { type Mermaid as MermaidType } from 'mermaid';
import { useEffect } from 'react';
import useTheme from '@/hooks/use-theme';
/** Load Mermaid asynchronously from jsDelivr to avoid Parcel issues. */
/**
* Load Mermaid asynchronously from jsDelivr to avoid Parcel bundling issues. Parcel does not
* bundle Mermaid correctly for production builds, so we need to load it dynamically from a CDN.
*/
const loadMermaid = async () => {
// Define this variable to "outsmart" the detection of the dynamic import by Parcel:
// https://github.com/parcel-bundler/parcel/issues/7064#issuecomment-942441649
@ -17,7 +21,13 @@ const loadMermaid = async () => {
return imported.default;
};
const mermaidPromise = loadMermaid();
const mermaidPromise = process.env.CI
? // Mock Mermaid in CI to avoid issues with network requests and testing environment.
Promise.resolve({
initialize: noop,
run: noop,
})
: loadMermaid();
type Props = {
readonly children: string;