mirror of
https://github.com/supabase/supabase.git
synced 2026-10-07 18:35:07 +03:00
* feat: add basic api keys ui * init JWT secrets. rough * Update JWTSecretKeysTable.tsx * added some info hover cards. • found this this is probably the wrong direction • will create a new page for next iteration. * init new version * add illustrations * Update JWTSecretKeysTablev2.tsx * chore: delete API key now works * some style changes * added better tables * Update JWTSecretKeysTablev2.tsx * add public JWT dialog * moar * adding sub layout in * starts adding in a ButtonGroup * about to make into separate components * added quick copy to project loading screen * build state * basic loading * confirm dialog and loading states * switched for better loading experience * moved styles of Input to InputVariants * issue with ref type * loading,error and rest states * new loading states * alt l;ayout * add group * updated error states for permissions * copy button behaviour for secret keys * delete dialog * Update QuickKeyCopy.tsx * fix type errors * Update JWTSecretKeysTablev2.tsx * update menu to hide pages * Update SettingsMenu.utils.tsx * Update resource-query.ts * remove old file * moved JWT secrets to use valtio * Update api-keys-query.ts * fix typecheck * rename files * remove JWT stuff * revert file * remove more JWT stuff * Update package.json * Update pnpm-lock.yaml * Update ProjectLayout.tsx * Update PublishableAPIKeys.tsx * Update api-keys-query.ts * refactor api-keys-query * Update SettingsMenu.utils.tsx * Some clean up * more clean up and refactor * Update APIKeyRow.tsx * Update LayoutHeader.tsx * resolve comments * Update CreateSecretAPIKeyModal.tsx * Update APIKeyRow.tsx * Add perms check for delete API keys * Remove console log * Delete ConnectDialog.tsx * use project ref --------- Co-authored-by: Stojan Dimitrovski <sdimitrovski@gmail.com> Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
82 lines
2.1 KiB
TypeScript
82 lines
2.1 KiB
TypeScript
import { useQuery, UseQueryOptions } from '@tanstack/react-query'
|
|
import { get, handleError } from 'data/fetchers'
|
|
import { ResponseError } from 'types'
|
|
|
|
import { components } from 'api-types'
|
|
import { apiKeysKeys } from './keys'
|
|
|
|
type LegacyKeys = {
|
|
api_key: string
|
|
description?: string | null
|
|
hash?: string | null
|
|
id?: string | null
|
|
inserted_at?: string | null
|
|
name: string
|
|
prefix?: string | null
|
|
secret_jwt_template?: components['schemas']['ApiKeySecretJWTTemplate'] | null
|
|
type: 'legacy' | null
|
|
updated_at?: string | null
|
|
}
|
|
|
|
type SecretKeys = {
|
|
api_key: string
|
|
description?: string
|
|
hash: string
|
|
id: string
|
|
inserted_at: string
|
|
name: string
|
|
prefix: string
|
|
secret_jwt_template: components['schemas']['ApiKeySecretJWTTemplate']
|
|
type: 'secret'
|
|
updated_at?: string
|
|
}
|
|
|
|
type PublishableKeys = {
|
|
api_key: string
|
|
description?: string
|
|
hash?: string
|
|
id: string
|
|
inserted_at: string
|
|
name: string
|
|
prefix?: string
|
|
secret_jwt_template?: components['schemas']['ApiKeySecretJWTTemplate'] | null
|
|
type: 'publishable'
|
|
updated_at?: string
|
|
}
|
|
|
|
export interface APIKeysVariables {
|
|
projectRef?: string
|
|
reveal: boolean
|
|
}
|
|
|
|
export async function getAPIKeys({ projectRef, reveal }: APIKeysVariables, signal?: AbortSignal) {
|
|
if (!projectRef) throw new Error('projectRef is required')
|
|
|
|
const { data, error } = await get(`/v1/projects/{ref}/api-keys`, {
|
|
params: { path: { ref: projectRef }, query: { reveal } },
|
|
signal,
|
|
})
|
|
|
|
if (error) {
|
|
handleError(error)
|
|
}
|
|
|
|
// [Jonny]: Overriding the types here since some stuff is not actually nullable or optional
|
|
return data as unknown as (LegacyKeys | SecretKeys | PublishableKeys)[]
|
|
}
|
|
|
|
export type APIKeysData = Awaited<ReturnType<typeof getAPIKeys>>
|
|
|
|
export const useAPIKeysQuery = <TData = APIKeysData>(
|
|
{ projectRef, reveal }: APIKeysVariables,
|
|
{ enabled, ...options }: UseQueryOptions<APIKeysData, ResponseError, TData> = {}
|
|
) =>
|
|
useQuery<APIKeysData, ResponseError, TData>(
|
|
apiKeysKeys.list(projectRef),
|
|
({ signal }) => getAPIKeys({ projectRef, reveal }, signal),
|
|
{
|
|
enabled: enabled && !!projectRef,
|
|
...options,
|
|
}
|
|
)
|