Files
supabase/apps/studio/components/layouts/AuthLayout/AuthLayout.utils.ts
T
Danny WhiteandJoshen Lim c1681cfcc2 chore(studio): add feature preview for auth security template UI (#39661)
* feature preview logic

* sidebar changes based on feature preview

* singular naming

* minor

* Flip isPlatformOnly for new preview

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-10-21 15:18:56 +11:00

163 lines
4.8 KiB
TypeScript

import type { ProductMenuGroup } from 'components/ui/ProductMenu/ProductMenu.types'
import { IS_PLATFORM } from 'lib/constants'
export const generateAuthMenu = (
ref: string,
flags?: {
authenticationSignInProviders: boolean
authenticationRateLimits: boolean
authenticationEmails: boolean
authenticationMultiFactor: boolean
authenticationAttackProtection: boolean
authenticationAdvanced: boolean
authenticationShowOverview: boolean
authenticationShowSecurityNotifications: boolean
}
): ProductMenuGroup[] => {
const {
authenticationSignInProviders,
authenticationRateLimits,
authenticationEmails,
authenticationMultiFactor,
authenticationAttackProtection,
authenticationAdvanced,
authenticationShowOverview,
authenticationShowSecurityNotifications,
} = flags ?? {}
return [
{
title: 'Manage',
items: [
...(authenticationShowOverview
? [{ name: 'Overview', key: 'overview', url: `/project/${ref}/auth/overview`, items: [] }]
: []),
{ name: 'Users', key: 'users', url: `/project/${ref}/auth/users`, items: [] },
],
},
...(authenticationEmails && authenticationShowSecurityNotifications && IS_PLATFORM
? [
{
title: 'Notifications',
items: [
...(authenticationEmails
? [
{
name: 'Email',
key: 'email',
pages: ['templates', 'smtp'],
url: `/project/${ref}/auth/templates`,
items: [],
},
]
: []),
],
},
]
: []),
{
title: 'Configuration',
items: [
{
name: 'Policies',
key: 'policies',
url: `/project/${ref}/auth/policies`,
items: [],
},
...(IS_PLATFORM
? [
...(authenticationSignInProviders
? [
{
name: 'Sign In / Providers',
key: 'sign-in-up',
pages: ['providers', 'third-party'],
url: `/project/${ref}/auth/providers`,
items: [],
},
]
: []),
{
name: 'Sessions',
key: 'sessions',
url: `/project/${ref}/auth/sessions`,
items: [],
},
...(authenticationRateLimits
? [
{
name: 'Rate Limits',
key: 'rate-limits',
url: `/project/${ref}/auth/rate-limits`,
items: [],
},
]
: []),
...(authenticationEmails && !authenticationShowSecurityNotifications
? [
{
name: 'Emails',
key: 'emails',
pages: ['templates', 'smtp'],
url: `/project/${ref}/auth/templates`,
items: [],
},
]
: []),
...(authenticationMultiFactor
? [
{
name: 'Multi-Factor',
key: 'mfa',
url: `/project/${ref}/auth/mfa`,
items: [],
},
]
: []),
{
name: 'URL Configuration',
key: 'url-configuration',
url: `/project/${ref}/auth/url-configuration`,
items: [],
},
...(authenticationAttackProtection
? [
{
name: 'Attack Protection',
key: 'protection',
url: `/project/${ref}/auth/protection`,
items: [],
},
]
: []),
{
name: 'Auth Hooks',
key: 'hooks',
url: `/project/${ref}/auth/hooks`,
items: [],
label: 'BETA',
},
{
name: 'Audit Logs',
key: 'audit-logs',
url: `/project/${ref}/auth/audit-logs`,
items: [],
label: 'BETA',
},
...(authenticationAdvanced
? [
{
name: 'Advanced',
key: 'advanced',
url: `/project/${ref}/auth/advanced`,
items: [],
},
]
: []),
]
: []),
],
},
]
}