mirror of
https://github.com/logto-io/logto.git
synced 2025-03-31 22:51:25 -05:00
refactor(console): get-started tasks (#3208)
This commit is contained in:
Xiao Yijun
GitHub
parent
89715baaa6
commit
13f877ca4d
27 changed files with 381 additions and 196 deletions
4
packages/console/src/consts/external-links.ts
Normal file
4
packages/console/src/consts/external-links.ts
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
export const discordLink = 'https://discord.gg/UEPaF3j5e6';
|
||||
export const githubLink = 'https://github.com/logto-io/logto';
|
||||
export const githubIssuesLink = 'https://github.com/logto-io/logto/issues';
|
||||
export const contactEmailLink = 'mailto:feedback@logto.io';
|
||||
|
|
@ -4,6 +4,7 @@ export * from './logs';
|
|||
export * from './management-api';
|
||||
export * from './tenants';
|
||||
export * from './page-tabs';
|
||||
export * from './external-links';
|
||||
|
||||
export const themeStorageKey = 'logto:admin_console:theme';
|
||||
export const requestTimeout = 20_000;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ import EmailDark from '@/assets/images/email-dark.svg';
|
|||
import Email from '@/assets/images/email.svg';
|
||||
import GithubDark from '@/assets/images/github-dark.svg';
|
||||
import Github from '@/assets/images/github.svg';
|
||||
import { contactEmailLink, discordLink, githubIssuesLink } from '@/consts';
|
||||
import { useTheme } from '@/hooks/use-theme';
|
||||
|
||||
type ContactItem = {
|
||||
|
|
@ -27,21 +28,21 @@ export const useContacts = (): ContactItem[] => {
|
|||
icon: isLightMode ? Discord : DiscordDark,
|
||||
description: 'contact.discord.description',
|
||||
label: 'contact.discord.button',
|
||||
link: 'https://discord.gg/UEPaF3j5e6',
|
||||
link: discordLink,
|
||||
},
|
||||
{
|
||||
title: 'contact.github.title',
|
||||
icon: isLightMode ? Github : GithubDark,
|
||||
description: 'contact.github.description',
|
||||
label: 'contact.github.button',
|
||||
link: 'https://github.com/logto-io/logto/issues',
|
||||
link: githubIssuesLink,
|
||||
},
|
||||
{
|
||||
title: 'contact.email.title',
|
||||
icon: isLightMode ? Email : EmailDark,
|
||||
description: 'contact.email.description',
|
||||
label: 'contact.email.button',
|
||||
link: 'mailto:feedback@logto.io',
|
||||
link: contactEmailLink,
|
||||
},
|
||||
];
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import type { Application } from '@logto/schemas';
|
||||
import { ApplicationType } from '@logto/schemas';
|
||||
import { conditional } from '@silverhand/essentials';
|
||||
import { useState } from 'react';
|
||||
import { useController, useForm } from 'react-hook-form';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
|
@ -58,7 +59,12 @@ const CreateForm = ({ onClose }: Props) => {
|
|||
const createdApp = await api.post('api/applications', { json: data }).json<Application>();
|
||||
setCreatedApp(createdApp);
|
||||
setIsGetStartedModalOpen(true);
|
||||
void updateConfigs({ applicationCreated: true });
|
||||
void updateConfigs({
|
||||
applicationCreated: true,
|
||||
...conditional(
|
||||
createdApp.type === ApplicationType.MachineToMachine && { applicationM2mCreated: true }
|
||||
),
|
||||
});
|
||||
});
|
||||
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -92,7 +92,6 @@ const Guide = ({ connector, onClose }: Props) => {
|
|||
|
||||
await updateConfigs({
|
||||
...conditional(!isSocialConnector && { passwordlessConfigured: true }),
|
||||
...conditional(isSocialConnector && { socialSignInConfigured: true }),
|
||||
});
|
||||
|
||||
onClose();
|
||||
|
|
|
|||
|
|
@ -3,22 +3,25 @@ import { AppearanceMode } from '@logto/schemas';
|
|||
import { useContext, useMemo } from 'react';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
|
||||
import CheckDemoDark from '@/assets/images/check-demo-dark.svg';
|
||||
import CheckDemo from '@/assets/images/check-demo.svg';
|
||||
import CheckPreviewDark from '@/assets/images/check-demo-dark.svg';
|
||||
import CheckPreview from '@/assets/images/check-demo.svg';
|
||||
import CreateAppDark from '@/assets/images/create-app-dark.svg';
|
||||
import CreateApp from '@/assets/images/create-app.svg';
|
||||
import CustomizeDark from '@/assets/images/customize-dark.svg';
|
||||
import Customize from '@/assets/images/customize.svg';
|
||||
import FurtherReadingsDark from '@/assets/images/further-readings-dark.svg';
|
||||
import FurtherReadings from '@/assets/images/further-readings.svg';
|
||||
import DiscordDark from '@/assets/images/discord-dark.svg';
|
||||
import Discord from '@/assets/images/discord.svg';
|
||||
import GithubDark from '@/assets/images/github-dark.svg';
|
||||
import Github from '@/assets/images/github.svg';
|
||||
import MachineToMachineDark from '@/assets/images/machine-to-machine-dark.svg';
|
||||
import MachineToMachine from '@/assets/images/machine-to-machine.svg';
|
||||
import PasswordlessDark from '@/assets/images/passwordless-dark.svg';
|
||||
import Passwordless from '@/assets/images/passwordless.svg';
|
||||
import SocialDark from '@/assets/images/social-dark.svg';
|
||||
import Social from '@/assets/images/social.svg';
|
||||
import { discordLink, githubLink } from '@/consts';
|
||||
import { isCloud } from '@/consts/cloud';
|
||||
import { ConnectorsTabs } from '@/consts/page-tabs';
|
||||
import { AppEndpointsContext } from '@/containers/AppEndpointsProvider';
|
||||
import useConfigs from '@/hooks/use-configs';
|
||||
import useDocumentationUrl from '@/hooks/use-documentation-url';
|
||||
import { useTheme } from '@/hooks/use-theme';
|
||||
|
||||
type GetStartedMetadata = {
|
||||
|
|
@ -33,7 +36,6 @@ type GetStartedMetadata = {
|
|||
};
|
||||
|
||||
const useGetStartedMetadata = () => {
|
||||
const { getDocumentationUrl } = useDocumentationUrl();
|
||||
const { configs, updateConfigs } = useConfigs();
|
||||
const { userEndpoint } = useContext(AppEndpointsContext);
|
||||
const theme = useTheme();
|
||||
|
|
@ -43,21 +45,21 @@ const useGetStartedMetadata = () => {
|
|||
const data = useMemo(() => {
|
||||
const metadataItems: GetStartedMetadata[] = [
|
||||
{
|
||||
id: 'checkDemo',
|
||||
title: 'get_started.card1_title',
|
||||
subtitle: 'get_started.card1_subtitle',
|
||||
icon: isLightMode ? CheckDemo : CheckDemoDark,
|
||||
buttonText: 'general.check_out',
|
||||
isComplete: configs?.demoChecked,
|
||||
id: 'checkLivePreview',
|
||||
title: 'get_started.check_preview_title',
|
||||
subtitle: 'get_started.check_preview_subtitle',
|
||||
icon: isLightMode ? CheckPreview : CheckPreviewDark,
|
||||
buttonText: 'general.try_now',
|
||||
isComplete: configs?.livePreviewChecked,
|
||||
onClick: async () => {
|
||||
void updateConfigs({ demoChecked: true });
|
||||
void updateConfigs({ livePreviewChecked: true });
|
||||
window.open(new URL('/demo-app', userEndpoint), '_blank');
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'createApplication',
|
||||
title: 'get_started.card2_title',
|
||||
subtitle: 'get_started.card2_subtitle',
|
||||
title: 'get_started.integration_title',
|
||||
subtitle: 'get_started.integration_subtitle',
|
||||
icon: isLightMode ? CreateApp : CreateAppDark,
|
||||
buttonText: 'general.create',
|
||||
isComplete: configs?.applicationCreated,
|
||||
|
|
@ -65,10 +67,21 @@ const useGetStartedMetadata = () => {
|
|||
navigate('/applications/create');
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'configurePasswordless',
|
||||
title: 'get_started.passwordless_title',
|
||||
subtitle: 'get_started.passwordless_subtitle',
|
||||
icon: isLightMode ? Passwordless : PasswordlessDark,
|
||||
buttonText: 'general.enable',
|
||||
isComplete: configs?.passwordlessConfigured,
|
||||
onClick: () => {
|
||||
navigate(`/connectors/${ConnectorsTabs.Passwordless}`);
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'customizeSignInExperience',
|
||||
title: 'get_started.card3_title',
|
||||
subtitle: 'get_started.card3_subtitle',
|
||||
title: 'get_started.custom_sie_title',
|
||||
subtitle: 'get_started.custom_sie_subtitle',
|
||||
icon: isLightMode ? Customize : CustomizeDark,
|
||||
buttonText: 'general.customize',
|
||||
isComplete: configs?.signInExperienceCustomized,
|
||||
|
|
@ -76,41 +89,40 @@ const useGetStartedMetadata = () => {
|
|||
navigate('/sign-in-experience');
|
||||
},
|
||||
},
|
||||
isCloud
|
||||
? {
|
||||
id: 'interactWithManagementAPI',
|
||||
title: 'get_started.management_api_title',
|
||||
subtitle: 'get_started.management_api_subtitle',
|
||||
icon: isLightMode ? MachineToMachine : MachineToMachineDark,
|
||||
buttonText: 'general.create',
|
||||
isComplete: configs?.m2mApplicationCreated,
|
||||
onClick: () => {
|
||||
navigate('/applications/create');
|
||||
},
|
||||
}
|
||||
: {
|
||||
id: 'checkOutSelfHostingOptions',
|
||||
title: 'get_started.self_hosting_title',
|
||||
subtitle: 'get_started.self_hosting_subtitle',
|
||||
icon: isLightMode ? Github : GithubDark,
|
||||
buttonText: 'general.visit',
|
||||
isComplete: configs?.selfHostingChecked,
|
||||
onClick: () => {
|
||||
void updateConfigs({ selfHostingChecked: true });
|
||||
window.open(githubLink, '_blank');
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'configurePasswordless',
|
||||
title: 'get_started.card4_title',
|
||||
subtitle: 'get_started.card4_subtitle',
|
||||
icon: isLightMode ? Passwordless : PasswordlessDark,
|
||||
buttonText: 'general.set_up',
|
||||
isComplete: configs?.passwordlessConfigured,
|
||||
id: 'joinCommunity',
|
||||
title: 'get_started.community_title',
|
||||
subtitle: 'get_started.community_subtitle',
|
||||
icon: isLightMode ? Discord : DiscordDark,
|
||||
buttonText: 'general.join',
|
||||
isComplete: configs?.communityChecked,
|
||||
onClick: () => {
|
||||
navigate(`/connectors/${ConnectorsTabs.Passwordless}`);
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'configureSocialSignIn',
|
||||
title: 'get_started.card5_title',
|
||||
subtitle: 'get_started.card5_subtitle',
|
||||
icon: isLightMode ? Social : SocialDark,
|
||||
buttonText: 'general.add',
|
||||
isComplete: configs?.socialSignInConfigured,
|
||||
onClick: () => {
|
||||
navigate(`/connectors/${ConnectorsTabs.Social}`);
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'checkFurtherReadings',
|
||||
title: 'get_started.card6_title',
|
||||
subtitle: 'get_started.card6_subtitle',
|
||||
icon: isLightMode ? FurtherReadings : FurtherReadingsDark,
|
||||
buttonText: 'general.check_out',
|
||||
isComplete: configs?.furtherReadingsChecked,
|
||||
onClick: () => {
|
||||
void updateConfigs({ furtherReadingsChecked: true });
|
||||
window.open(
|
||||
getDocumentationUrl('/docs/tutorials/get-started/further-readings'),
|
||||
'_blank'
|
||||
);
|
||||
void updateConfigs({ communityChecked: true });
|
||||
window.open(discordLink, '_blank');
|
||||
},
|
||||
},
|
||||
];
|
||||
|
|
@ -118,16 +130,16 @@ const useGetStartedMetadata = () => {
|
|||
return metadataItems.filter(({ isHidden }) => !isHidden);
|
||||
}, [
|
||||
isLightMode,
|
||||
configs?.demoChecked,
|
||||
configs?.livePreviewChecked,
|
||||
configs?.applicationCreated,
|
||||
configs?.signInExperienceCustomized,
|
||||
configs?.passwordlessConfigured,
|
||||
configs?.socialSignInConfigured,
|
||||
configs?.furtherReadingsChecked,
|
||||
configs?.signInExperienceCustomized,
|
||||
configs?.m2mApplicationCreated,
|
||||
configs?.selfHostingChecked,
|
||||
configs?.communityChecked,
|
||||
updateConfigs,
|
||||
userEndpoint,
|
||||
navigate,
|
||||
getDocumentationUrl,
|
||||
]);
|
||||
|
||||
return {
|
||||
|
|
|
|||
|
|
@ -81,12 +81,13 @@ export const mockRole2: Role = {
|
|||
};
|
||||
|
||||
export const mockAdminConsoleData: AdminConsoleData = {
|
||||
demoChecked: false,
|
||||
livePreviewChecked: false,
|
||||
applicationCreated: false,
|
||||
signInExperienceCustomized: false,
|
||||
passwordlessConfigured: false,
|
||||
socialSignInConfigured: false,
|
||||
furtherReadingsChecked: false,
|
||||
selfHostingChecked: false,
|
||||
communityChecked: false,
|
||||
m2mApplicationCreated: false,
|
||||
};
|
||||
|
||||
export const mockPasscode: Passcode = {
|
||||
|
|
|
|||
|
|
@ -30,10 +30,12 @@ describe('configs routes', () => {
|
|||
});
|
||||
|
||||
it('PATCH /configs/admin-console', async () => {
|
||||
const demoChecked = !mockAdminConsoleData.demoChecked;
|
||||
const response = await roleRequester.patch('/configs/admin-console').send({ demoChecked });
|
||||
const livePreviewChecked = !mockAdminConsoleData.livePreviewChecked;
|
||||
const response = await roleRequester
|
||||
.patch('/configs/admin-console')
|
||||
.send({ livePreviewChecked });
|
||||
|
||||
expect(response.status).toEqual(200);
|
||||
expect(response.body).toEqual({ ...mockAdminConsoleData, demoChecked });
|
||||
expect(response.body).toEqual({ ...mockAdminConsoleData, livePreviewChecked });
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -45,6 +45,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors', // UNTRANSLATED
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: 'Remove', // UNTRANSLATED
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -7,23 +7,25 @@ const get_started = {
|
|||
hide_this: 'Ausblenden',
|
||||
confirm_message:
|
||||
'Bist du sicher, dass du diese Seite ausblenden willst? Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
card1_title: 'Zur Demo',
|
||||
card1_subtitle: 'Probiere die Logto-Anmeldung jetzt aus, um zu sehen, wie sie funktioniert',
|
||||
card2_title: 'Erste Anwendung erstellen und integrieren',
|
||||
card2_subtitle:
|
||||
'Richte eine native, Single Page oder herkömmliche Anwendung ein, die Logto zur Authentifizierung nutzt.',
|
||||
card3_title: 'Anmeldeoberfläche anpassen',
|
||||
card3_subtitle:
|
||||
'Passe die Benutzeroberfläche für die Anmeldung an deine Marke an und zeige eine Vorschau in Echtzeit an',
|
||||
card4_title: 'SMS- und E-Mail-Verbindung einrichten',
|
||||
card4_subtitle:
|
||||
'Probiere die passwortlose Anmeldung mit Telefonnummer oder E-Mail aus, um ein sicheres und reibungsloses Kundenerlebnis zu ermöglichen.',
|
||||
card5_title: 'Social Connector hinzufügen',
|
||||
card5_subtitle:
|
||||
'Lass deine Kunden sich mit einem Klick mit ihren sozialen Identitäten bei deiner App anmelden',
|
||||
card6_title: 'Weitere Informationen',
|
||||
card6_subtitle:
|
||||
'Schau dir unsere schrittweisen, szenariobasierten Dokumentationen ohne langweilige Konzepte an',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle:
|
||||
'Probiere die Logto-Anmeldung jetzt aus, um zu sehen, wie sie funktioniert',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -44,6 +44,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors',
|
||||
skip_for_now: 'Skip for now',
|
||||
remove: 'Remove',
|
||||
visit: 'Visit',
|
||||
join: 'Join',
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -6,20 +6,24 @@ const get_started = {
|
|||
subtitle_part2: 'I’m a pro and have completed all steps. ',
|
||||
hide_this: 'Hide this',
|
||||
confirm_message: 'Are you sure you want to hide this page? This action cannot be undone.',
|
||||
card1_title: 'Check out the demo',
|
||||
card1_subtitle: 'Try Logto sign-in experience now to see how it works',
|
||||
card2_title: 'Create and integrate the first application',
|
||||
card2_subtitle:
|
||||
'Set up Logto authentication for your native, single page, M2M, or traditional application',
|
||||
card3_title: 'Customize sign-in experience',
|
||||
card3_subtitle: 'Customize the sign in UI to match your brand and view in real time',
|
||||
card4_title: 'Set up SMS and email connector',
|
||||
card4_subtitle:
|
||||
'Try passwordless sign in with phone number or email to enable a secure and frictionless customer experience',
|
||||
card5_title: 'Add a social connector',
|
||||
card5_subtitle: 'Let your customers sign in to your app with the social identities in one click',
|
||||
card6_title: 'Further readings',
|
||||
card6_subtitle: 'Check out our step-by-step, scenario-based docs without tedious concepts',
|
||||
check_preview_title: 'Check the live preview',
|
||||
check_preview_subtitle: 'Try Logto sign-in experience now to see how it works',
|
||||
integration_title: 'Create and integrate the your own application',
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication',
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options',
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings',
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors',
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer',
|
||||
self_hosting_title: 'Check Github for self-hosting options',
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes',
|
||||
community_title: 'Join our discord community',
|
||||
community_subtitle: 'Join our public channel to chat with other developers',
|
||||
management_api_title: 'Interact with Management API',
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup',
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors', // UNTRANSLATED
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: 'Remove', // UNTRANSLATED
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -8,24 +8,25 @@ const get_started = {
|
|||
hide_this: 'Cacher cela',
|
||||
confirm_message:
|
||||
'Êtes-vous sûr de vouloir masquer cette page ? Cette action ne peut être annulée.',
|
||||
card1_title: 'Regardez la démo',
|
||||
card1_subtitle:
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle:
|
||||
"Essayez maintenant l'expérience de connexion Logto pour voir comment elle fonctionne.",
|
||||
card2_title: 'Créer et intégrer la première application',
|
||||
card2_subtitle:
|
||||
"Configurez une application mobile, une page unique ou une application traditionnelle pour utiliser Logto pour l'authentification.",
|
||||
card3_title: "Personnaliser l'expérience de connexion",
|
||||
card3_subtitle:
|
||||
"Personnalisez l'interface utilisateur pour qu'elle corresponde à votre marque et consultez-la en temps réel.",
|
||||
card4_title: 'Configurer le connecteur SMS et e-mail',
|
||||
card4_subtitle:
|
||||
"Essayez de vous connecter sans mot de passe à l'aide d'un numéro de téléphone ou d'une adresse email pour offrir une expérience client sécurisée et sans friction.",
|
||||
card5_title: 'Ajouter un connecteur social',
|
||||
card5_subtitle:
|
||||
'Permettez à vos clients de se connecter à votre application avec leurs identités sociales en un clic.',
|
||||
card6_title: 'Informations complémentaires',
|
||||
card6_subtitle:
|
||||
'Découvrez nos documents basés sur des scénarios, étape par étape, sans concepts fastidieux',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -44,6 +44,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} 오류',
|
||||
skip_for_now: '지금은 건너뛰기',
|
||||
remove: '삭제',
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -6,20 +6,24 @@ const get_started = {
|
|||
subtitle_part2: '설정을 마칠게요 ',
|
||||
hide_this: '가리기',
|
||||
confirm_message: '정말로 이 페이지를 가릴까요? 이 행동은 취소할 수 없어요.',
|
||||
card1_title: '체험해보기',
|
||||
card1_subtitle: 'Logto 로그인 경험을 체험해 보세요.',
|
||||
card2_title: '첫 어플리케이션 생성 및 연동해 보기',
|
||||
card2_subtitle: '모바일 앱 및 Single Page, Tranditional 웹에 Logto 인증을 적용해 보세요.',
|
||||
card3_title: '로그인 경험 커스터마이징하기',
|
||||
card3_subtitle: '로그인 화면을 브랜드에 맞게 커스터마이징 그리고 실시간으로 확인해 보세요.',
|
||||
card4_title: 'SMS/이메일 연동하기',
|
||||
card4_subtitle:
|
||||
'SMS 또는 이메일을 통해 비밀번호가 없이, 그리고 더욱 안전한 로그인 경험을 사용자에게 제공해 보세요.',
|
||||
card5_title: '소셜 연동',
|
||||
card5_subtitle:
|
||||
'사용자의 소셜 정보를 통해 한 번의 클릭으로 로그인할 수 있는 경험을 사용자에게 제공해 보세요.',
|
||||
card6_title: '더욱 나아가서',
|
||||
card6_subtitle: '복잡하지 않은 단계별 시나리오 문서를 확인해 보세요.',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle: 'Logto 로그인 경험을 체험해 보세요.',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} erros',
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: 'Remove', // UNTRANSLATED
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -7,22 +7,24 @@ const get_started = {
|
|||
hide_this: 'Esconder isso',
|
||||
confirm_message:
|
||||
'Tem certeza de que deseja ocultar esta página? Essa ação não pode ser desfeita.',
|
||||
card1_title: 'Confira a demonstração',
|
||||
card1_subtitle: 'Experimente a experiência de Logto agora para ver como funciona',
|
||||
card2_title: 'Crie e integre o primeiro aplicativo',
|
||||
card2_subtitle:
|
||||
'Configure um aplicativo móvel, single page ou tradicional para usar o Logto para autenticação',
|
||||
card3_title: 'Personalize a experiência de login',
|
||||
card3_subtitle:
|
||||
'Personalize a interface do usuário de login para corresponder à sua marca e visualize em tempo real',
|
||||
card4_title: 'Configurar SMS e conector de e-mail',
|
||||
card4_subtitle:
|
||||
'Experimente o login sem senha com número de telefone ou e-mail para permitir uma experiência do cliente segura e sem atrito',
|
||||
card5_title: 'Adicionar um conector social',
|
||||
card5_subtitle:
|
||||
'Permita que seus clientes façam login em seu aplicativo com as identidades sociais em um clique',
|
||||
card6_title: 'Leituras adicionais',
|
||||
card6_subtitle: 'Confira nossos documentos de passo a passo baseados em cenários',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle: 'Experimente a experiência de Logto agora para ver como funciona',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -44,6 +44,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors', // UNTRANSLATED
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: 'Remove', // UNTRANSLATED
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -6,22 +6,25 @@ const get_started = {
|
|||
subtitle_part2: 'Acabei com esta configuração. ',
|
||||
hide_this: 'Ocultar isto',
|
||||
confirm_message: 'Tem a certeza que deseja ocultar esta página? Esta ação não pode ser desfeita.',
|
||||
card1_title: 'Confira a demonstração',
|
||||
card1_subtitle: 'Experimente a experiência de login do Logto agora para ver como funciona',
|
||||
card2_title: 'Crie e integre a primeira aplicação',
|
||||
card2_subtitle:
|
||||
'Configure um aplicativo móvel, de página única ou tradicional para usar o Logto para autenticação',
|
||||
card3_title: 'Personalize a experiência de login',
|
||||
card3_subtitle:
|
||||
'Personalize a interface de login para corresponder a sua marca e visualize em tempo rea',
|
||||
card4_title: 'Configure um conector de SMS/Email',
|
||||
card4_subtitle:
|
||||
'Experimente o login sem senha com número de telefone ou email para permitir uma experiência do cliente segura e sem atritos',
|
||||
card5_title: 'Adicione um conector social',
|
||||
card5_subtitle: 'Permita que os seus clientes entrem com as identidades sociais em um clique',
|
||||
card6_title: 'Outras leituras',
|
||||
card6_subtitle:
|
||||
'Confira a nossa documentação passo a passo baseados em cenários sem conceitos tediosos',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle:
|
||||
'Experimente a experiência de login do Logto agora para ver como funciona',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -45,6 +45,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors', // UNTRANSLATED
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: 'Remove', // UNTRANSLATED
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -6,22 +6,25 @@ const get_started = {
|
|||
subtitle_part2: 'Bu kurulumla işim bitti. ',
|
||||
hide_this: 'Bunu gizle',
|
||||
confirm_message: 'Bu sayfayı gizlemek istediğinizden emin misiniz? Bu işlem geri alınamaz.',
|
||||
card1_title: 'Demoya göz atın',
|
||||
card1_subtitle: 'Nasıl çalıştığını görmek için şimdi Logto oturum açma deneyimini deneyiniz',
|
||||
card2_title: 'İlk uygulamayı oluşturun ve entegre edin',
|
||||
card2_subtitle:
|
||||
'Kimlik doğrulaması için Logtoyu kullanmak üzere mobil, tek sayfa veya geleneksel bir uygulama ayarlayın',
|
||||
card3_title: 'Oturum açma deneyimini özelleştirin',
|
||||
card3_subtitle:
|
||||
'Oturum açma kullanıcı arayüzünü markanıza uyacak şekilde özelleştiriniz ve gerçek zamanlı olarak görüntüleyiniz',
|
||||
card4_title: 'SMS ve e-posta connectorunu ayarlayınız',
|
||||
card4_subtitle:
|
||||
'Güvenli ve sorunsuz bir müşteri deneyimi sağlamak için telefon numarası veya e-posta ile şifresiz oturum açmayı deneyiniz',
|
||||
card5_title: 'Bir social connector ekle',
|
||||
card5_subtitle:
|
||||
'Müşterilerinizin tek tıklamayla sosyal kimliklerle uygulamanızda oturum açmasına izin verin',
|
||||
card6_title: 'Daha fazla okuma',
|
||||
card6_subtitle: 'Sıkıcı kavramlar olmadan adım adım senaryo tabanlı belgelerimize göz atın',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle:
|
||||
'Nasıl çalıştığını görmek için şimdi Logto oturum açma deneyimini deneyiniz',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -44,6 +44,9 @@ const general = {
|
|||
tab_errors: '{{count, number}} errors', // UNTRANSLATED
|
||||
skip_for_now: 'Skip for now', // UNTRANSLATED
|
||||
remove: '移除',
|
||||
visit: 'Visit', // UNTRANSLATED
|
||||
join: 'Join', // UNTRANSLATED
|
||||
try_now: 'Try Now', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default general;
|
||||
|
|
|
|||
|
|
@ -6,18 +6,24 @@ const get_started = {
|
|||
subtitle_part2: '我已经完成了这些设置。 ',
|
||||
hide_this: '隐藏引导',
|
||||
confirm_message: '你确认要隐藏该页面吗? 本操作将无法恢复。',
|
||||
card1_title: '看看 Demo',
|
||||
card1_subtitle: '来体验 Logto 登录吧',
|
||||
card2_title: '创建你的第一款应用',
|
||||
card2_subtitle: '创建一个原生、单页或传统应用，并通过 Logto 进行身份验证',
|
||||
card3_title: '自定义你的登录体验',
|
||||
card3_subtitle: '自定义符合品牌形象的登录界面，并实时预览真实效果',
|
||||
card4_title: '配置短信和邮件连接器',
|
||||
card4_subtitle: '通过手机号或邮箱无密码登录以提供一个安全无缝的用户体验',
|
||||
card5_title: '添加社交连接器',
|
||||
card5_subtitle: '让你的用户通过社交帐号一键登录',
|
||||
card6_title: '更多阅读',
|
||||
card6_subtitle: '查看我们一步一步基于场景的文档，没有复杂的概念，深入浅出',
|
||||
check_preview_title: 'Check the live preview', // UNTRANSLATED
|
||||
check_preview_subtitle: '来体验 Logto 登录吧',
|
||||
integration_title: 'Create and integrate the your own application', // UNTRANSLATED
|
||||
integration_subtitle:
|
||||
'Setup a native, single page or traditional application to use Logto for authentication', // UNTRANSLATED
|
||||
custom_sie_title: 'Customize your sign-in experience with advanced options', // UNTRANSLATED
|
||||
custom_sie_subtitle: 'Unlock a vast range of business scenarios with advanced settings', // UNTRANSLATED
|
||||
passwordless_title: 'Scale passwordless sign in by adding your own connectors', // UNTRANSLATED
|
||||
passwordless_subtitle:
|
||||
'Try passwordless sign in and enable a secure and frictionless experience for your customer', // UNTRANSLATED
|
||||
self_hosting_title: 'Check Github for self-hosting options', // UNTRANSLATED
|
||||
self_hosting_subtitle:
|
||||
'Efficiently deploy by visiting the Github homepage in a matter of minutes', // UNTRANSLATED
|
||||
community_title: 'Join our discord community', // UNTRANSLATED
|
||||
community_subtitle: 'Join our public channel to chat with other developers', // UNTRANSLATED
|
||||
management_api_title: 'Interact with Management API', // UNTRANSLATED
|
||||
management_api_subtitle:
|
||||
'Build a machine to machine app for API access and your product tech infrastructure setup', // UNTRANSLATED
|
||||
};
|
||||
|
||||
export default get_started;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,108 @@
|
|||
import type { DatabaseTransactionConnection } from 'slonik';
|
||||
import { sql } from 'slonik';
|
||||
|
||||
import type { AlterationScript } from '../lib/types/alteration.js';
|
||||
|
||||
const adminConsoleConfigKey = 'adminConsole';
|
||||
|
||||
type DeprecatedAdminConsoleData = {
|
||||
demoChecked: boolean;
|
||||
applicationCreated: boolean;
|
||||
signInExperienceCustomized: boolean;
|
||||
passwordlessConfigured: boolean;
|
||||
socialSignInConfigured: boolean;
|
||||
furtherReadingsChecked: boolean;
|
||||
} & Record<string, unknown>;
|
||||
|
||||
type DeprecatedLogtoAdminConsoleConfig = {
|
||||
tenantId: string;
|
||||
value: DeprecatedAdminConsoleData;
|
||||
};
|
||||
|
||||
type AdminConsoleData = {
|
||||
livePreviewChecked: boolean;
|
||||
applicationCreated: boolean;
|
||||
signInExperienceCustomized: boolean;
|
||||
passwordlessConfigured: boolean;
|
||||
selfHostingChecked: boolean;
|
||||
communityChecked: boolean;
|
||||
m2mApplicationCreated: boolean;
|
||||
} & Record<string, unknown>;
|
||||
|
||||
type LogtoAdminConsoleConfig = {
|
||||
tenantId: string;
|
||||
value: AdminConsoleData;
|
||||
};
|
||||
|
||||
const alterAdminConsoleData = async (
|
||||
logtoConfig: DeprecatedLogtoAdminConsoleConfig,
|
||||
pool: DatabaseTransactionConnection
|
||||
) => {
|
||||
const { tenantId, value: adminConsoleConfig } = logtoConfig;
|
||||
|
||||
const {
|
||||
demoChecked,
|
||||
socialSignInConfigured, // Extract to remove from config
|
||||
furtherReadingsChecked, // Extract to remove from config
|
||||
...others
|
||||
} = adminConsoleConfig;
|
||||
|
||||
const newAdminConsoleData: AdminConsoleData = {
|
||||
...others,
|
||||
livePreviewChecked: demoChecked,
|
||||
selfHostingChecked: false,
|
||||
communityChecked: false,
|
||||
m2mApplicationCreated: false,
|
||||
};
|
||||
|
||||
await pool.query(
|
||||
sql`update logto_configs set value = ${JSON.stringify(
|
||||
newAdminConsoleData
|
||||
)} where tenant_id = ${tenantId} and key = ${adminConsoleConfigKey}`
|
||||
);
|
||||
};
|
||||
|
||||
const rollbackAdminConsoleData = async (
|
||||
logtoConfig: LogtoAdminConsoleConfig,
|
||||
pool: DatabaseTransactionConnection
|
||||
) => {
|
||||
const { tenantId, value: adminConsoleConfig } = logtoConfig;
|
||||
|
||||
const {
|
||||
livePreviewChecked,
|
||||
selfHostingChecked, // Extract to remove from config
|
||||
communityChecked, // Extract to remove from config
|
||||
m2mApplicationCreated, // Extract to remove from config
|
||||
...others
|
||||
} = adminConsoleConfig;
|
||||
|
||||
const originAdminConsoleData: DeprecatedAdminConsoleData = {
|
||||
...others,
|
||||
demoChecked: livePreviewChecked,
|
||||
socialSignInConfigured: false,
|
||||
furtherReadingsChecked: false,
|
||||
};
|
||||
|
||||
await pool.query(
|
||||
sql`update logto_configs set value = ${JSON.stringify(
|
||||
originAdminConsoleData
|
||||
)} where tenant_id = ${tenantId} and key = ${adminConsoleConfigKey}`
|
||||
);
|
||||
};
|
||||
|
||||
const alteration: AlterationScript = {
|
||||
up: async (pool) => {
|
||||
const rows = await pool.many<DeprecatedLogtoAdminConsoleConfig>(
|
||||
sql`select * from logto_configs where key = ${adminConsoleConfigKey}`
|
||||
);
|
||||
await Promise.all(rows.map(async (row) => alterAdminConsoleData(row, pool)));
|
||||
},
|
||||
down: async (pool) => {
|
||||
const rows = await pool.many<LogtoAdminConsoleConfig>(
|
||||
sql`select * from logto_configs where key = ${adminConsoleConfigKey}`
|
||||
);
|
||||
await Promise.all(rows.map(async (row) => rollbackAdminConsoleData(row, pool)));
|
||||
},
|
||||
};
|
||||
|
||||
export default alteration;
|
||||
|
|
@ -15,11 +15,12 @@ export const createDefaultAdminConsoleConfig = (
|
|||
value: {
|
||||
language: 'en',
|
||||
appearanceMode: AppearanceMode.SyncWithSystem,
|
||||
demoChecked: false,
|
||||
livePreviewChecked: false,
|
||||
applicationCreated: false,
|
||||
signInExperienceCustomized: false,
|
||||
passwordlessConfigured: false,
|
||||
socialSignInConfigured: false,
|
||||
furtherReadingsChecked: false,
|
||||
selfHostingChecked: false,
|
||||
communityChecked: false,
|
||||
m2mApplicationCreated: false,
|
||||
},
|
||||
} satisfies CreateLogtoConfig);
|
||||
|
|
|
|||
|
|
@ -22,12 +22,13 @@ export const logtoOidcConfigGuard: Readonly<{
|
|||
// Admin console config
|
||||
export const adminConsoleDataGuard = z.object({
|
||||
// Get started challenges
|
||||
demoChecked: z.boolean(),
|
||||
livePreviewChecked: z.boolean(),
|
||||
applicationCreated: z.boolean(),
|
||||
signInExperienceCustomized: z.boolean(),
|
||||
passwordlessConfigured: z.boolean(),
|
||||
socialSignInConfigured: z.boolean(),
|
||||
furtherReadingsChecked: z.boolean(),
|
||||
selfHostingChecked: z.boolean(),
|
||||
communityChecked: z.boolean(),
|
||||
m2mApplicationCreated: z.boolean(),
|
||||
});
|
||||
|
||||
export type AdminConsoleData = z.infer<typeof adminConsoleDataGuard>;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue