mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 12:55:06 +03:00
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES ## What kind of change does this PR introduce? Introduces UI for Scoped PAT's. ## Additional context WIP. Testing endpoints. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Scoped access tokens: create, view, delete, and manage granular resource/action permissions with custom expiry options and scoped creation flows. * New scoped token UI: modal/sheet creation flow, resource access selectors, permissions editor, and a scoped token list. * **UI Improvements** * Tabbed Classic vs Scoped tokens layout, refreshed tokens page, improved forms, search/filtering, and table tweaks. * **Bug Fixes / Maintenance** * New data hooks and utilities for scoped tokens and token handling. * **Removed** * Legacy account settings layout and legacy token banner. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
76 lines
2.1 KiB
TypeScript
76 lines
2.1 KiB
TypeScript
import { components } from 'api-types'
|
|
import { permissions } from '@supabase/shared-types'
|
|
|
|
export type ScopedAccessTokenPermission =
|
|
components['schemas']['CreateScopedAccessTokenBody']['permissions'][number]
|
|
|
|
export const NON_EXPIRING_TOKEN_VALUE = 'never'
|
|
export const CUSTOM_EXPIRY_VALUE = 'custom'
|
|
|
|
export const EXPIRES_AT_OPTIONS = {
|
|
hour: { value: 'hour', label: '1 hour' },
|
|
day: { value: 'day', label: '1 day' },
|
|
week: { value: 'week', label: '7 days' },
|
|
month: { value: 'month', label: '30 days' },
|
|
never: { value: NON_EXPIRING_TOKEN_VALUE, label: 'Never' },
|
|
custom: { value: CUSTOM_EXPIRY_VALUE, label: 'Custom' },
|
|
} as const
|
|
|
|
const FGA = permissions.FgaPermissions
|
|
|
|
const getAction = (key: string): string => {
|
|
if (key.endsWith('_READ')) return 'read'
|
|
if (key.endsWith('_WRITE')) return 'write'
|
|
if (key.endsWith('_CREATE')) return 'create'
|
|
if (key.endsWith('_DELETE')) return 'delete'
|
|
return 'read'
|
|
}
|
|
|
|
const getResource = (key: string): string => {
|
|
return key.replace(/_(READ|WRITE|CREATE|DELETE)$/, '').toLowerCase()
|
|
}
|
|
|
|
const buildPermissionList = () => {
|
|
const list: Array<{
|
|
scope: string
|
|
resource: string
|
|
action: string
|
|
id: string
|
|
title: string
|
|
}> = []
|
|
|
|
for (const [scope, scopePerms] of Object.entries(FGA)) {
|
|
for (const [key, perm] of Object.entries(scopePerms)) {
|
|
list.push({
|
|
scope: scope.toLowerCase(),
|
|
resource: getResource(key),
|
|
action: getAction(key),
|
|
id: perm.id,
|
|
title: perm.title,
|
|
})
|
|
}
|
|
}
|
|
|
|
return list
|
|
}
|
|
|
|
export const PERMISSION_LIST = buildPermissionList()
|
|
|
|
export const ACCESS_TOKEN_RESOURCES = (() => {
|
|
const resourceMap = new Map<string, { resource: string; title: string; actions: string[] }>()
|
|
|
|
for (const p of PERMISSION_LIST) {
|
|
const key = `${p.scope}:${p.resource}`
|
|
if (!resourceMap.has(key)) {
|
|
const cleanTitle = p.title.replace(/^(Read|Manage|Create|Delete)\s+/i, '')
|
|
resourceMap.set(key, { resource: key, title: cleanTitle, actions: [] })
|
|
}
|
|
const entry = resourceMap.get(key)!
|
|
if (!entry.actions.includes(p.action)) {
|
|
entry.actions.push(p.action)
|
|
}
|
|
}
|
|
|
|
return Array.from(resourceMap.values())
|
|
})()
|