feat(console): introduce custom domain selector (#7788)

Author: xiaoyijun

packages/console/src/assets/docs/guides/api-express/README.mdx

@@ -1,6 +1,7 @@
 import Tabs from '@/mdx-components/Tabs';
 import TabItem from '@/mdx-components/TabItem';
 import InlineNotification from '@/ds-components/InlineNotification';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
 import { appendPath } from '@silverhand/essentials';
@@ -174,6 +175,10 @@ export const authMiddleware = async (req, res, next) => {
 };`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice variant="replace" />
+
 You can now employ this middleware to protect your API endpoints:
 
 ```ts

packages/console/src/assets/docs/guides/api-python/README.mdx

@@ -1,4 +1,5 @@
 import InlineNotification from '@/ds-components/InlineNotification';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
 import { appendPath } from '@silverhand/essentials';
@@ -99,6 +100,10 @@ def requires_auth(f):
 
 <br/>
 
+<CustomDomainEndpointNotice variant="replace" />
+
+<br/>
+
 <InlineNotification>
   For <Anchor href="https://docs.logto.io/docs/recipes/rbac/" target="_blank" rel="noopener">🔐 RBAC</Anchor>, scope validation is also required.
 </InlineNotification>

packages/console/src/assets/docs/guides/api-spring-boot/README.mdx

@@ -1,6 +1,7 @@
 import Tabs from '@/mdx-components/Tabs';
 import TabItem from '@/mdx-components/TabItem';
 import InlineNotification from '@/ds-components/InlineNotification';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
 import { appendPath } from '@silverhand/essentials';
@@ -66,6 +67,10 @@ An example of the response:
 }`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice variant="replace" />
+
 </Step>
 
 <Step title="Configure application">

packages/console/src/assets/docs/guides/native-android/README.mdx

@@ -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 CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import RedirectUrisNative from '../../fragments/_redirect-uris-native.mdx';
 import Checkpoint from '../../fragments/_checkpoint.md';
 
@@ -86,6 +87,10 @@ class LogtoViewModel(application: Application) : AndroidViewModel(application) {
 }
 ```
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 then, create a `LogtoViewModel` for your `MainActivity.kt`:
 
 ```kotlin title="MainActivity.kt"

packages/console/src/assets/docs/guides/native-capacitor/README.mdx

@@ -1,6 +1,7 @@
 import UriInputField from '@/mdx-components/UriInputField';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import NpmLikeInstallation from '@/mdx-components/NpmLikeInstallation';
 
 import capaticorIos from './assets/capacitor-ios.webp';
@@ -38,6 +39,10 @@ const logtoClient = new LogtoClient({
 });`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 </Step>
 
 <Step title="Configure redirect URIs" >

packages/console/src/assets/docs/guides/native-expo/README.mdx

@@ -3,6 +3,7 @@ import NpmLikeInstallation from '@/mdx-components/NpmLikeInstallation';
 import InlineNotification from '@/ds-components/InlineNotification';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import Checkpoint from '../../fragments/_checkpoint.md';
 import RedirectUrisNative, { defaultRedirectUri } from '../../fragments/_redirect-uris-native.mdx';
 
@@ -44,6 +45,10 @@ const App = () => (
 );`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 </Step>
 
 <Step title="Configure redirect URIs">

packages/console/src/assets/docs/guides/native-ios-swift/README.mdx

@@ -4,6 +4,7 @@ import TabItem from '@/mdx-components/TabItem';
 import InlineNotification from '@/ds-components/InlineNotification';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 import Checkpoint from '../../fragments/_checkpoint.md';
 import RedirectUrisNative, { defaultRedirectUri } from '../../fragments/_redirect-uris-native.mdx';
 
@@ -59,6 +60,10 @@ let config = try? LogtoConfig(
 let logtoClient = LogtoClient(useConfig: config)`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 By default, we store credentials like ID Token and Refresh Token in Keychain. Thus the user doesn't need to sign in again when he returns.
 
 To turn off this behavior, set `usingPersistStorage` to `false`:

packages/console/src/assets/docs/guides/spa-angular/README.mdx

@@ -3,6 +3,7 @@ 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 CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 
 import Checkpoint from '../../fragments/_checkpoint.md';
 import RedirectUrisWeb, {defaultRedirectUri, defaultPostSignOutUri} from '../../fragments/_redirect-uris-web.mdx';
@@ -48,6 +49,10 @@ export const appConfig: ApplicationConfig = {
 };`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 </Step>
 
 <Step title="Implement sign-in and sign-out">

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

@@ -3,6 +3,7 @@ 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 CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 
 import Checkpoint from '../../fragments/_checkpoint.md';
 import RedirectUrisWeb, { defaultRedirectUri, defaultPostSignOutUri } from '../../fragments/_redirect-uris-web.mdx';
@@ -37,6 +38,10 @@ const App = () => (
 );`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 </Step>
 
 <Step title="Configure redirect URIs">

packages/console/src/assets/docs/guides/spa-vanilla/README.mdx

@@ -4,6 +4,7 @@ import TabItem from '@/mdx-components/TabItem';
 import InlineNotification from '@/ds-components/InlineNotification';
 import Steps from '@/mdx-components/Steps';
 import Step from '@/mdx-components/Step';
+import CustomDomainEndpointNotice from '@/mdx-components/CustomDomainEndpointNotice';
 
 import Checkpoint from '../../fragments/_checkpoint.md';
 import RedirectUrisWeb, { defaultRedirectUri, defaultPostSignOutUri } from '../../fragments/_redirect-uris-web.mdx';
@@ -60,6 +61,10 @@ const logtoClient = new LogtoClient({
 });`}
 </Code>
 
+<br/>
+
+<CustomDomainEndpointNotice />
+
 </Step>
 
 <Step title="Configure redirect URIs">