Files
new-api/web/src/features/keys/api.ts
T
Calcium-Ion 0ab0202060 Feat/auto group (#6590)
* feat(token): support custom auto group order

* feat(keys): enhance auto group presentation

* fix(keys): rework Auto flow border and compact inherited order

The Auto group highlight previously tinted the whole control surface
with a gradient and animated only a 1px top sweep, which read as a
background color rather than a flowing border. Replace it with a
border-only effect: an aria-hidden, pointer-events-none overlay whose
conic gradient is masked down to a thin ring hugging the rounded
perimeter, so the highlight travels around all four edges and corners
every 3.2s. The interior stays neutral with a restrained static
primary border and glow; prefers-reduced-motion hides the moving
layer while keeping the static emphasis.

The inherited global Auto order also rendered as spacious two-line
rows with circular sequence markers, wasting drawer space. Render it
as a compact wrapping strip of one-line chips (index, name, ratio
badge) with descriptions kept accessible via title and sr-only text,
scrolling only past a much smaller max height.

Custom add/remove/reorder editing, empty-array inheritance semantics,
and the submit payload are unchanged.

* fix(keys): preserve Auto inheritance and unify effects

* refactor(keys): temporarily disable AutoGroupBadge in api-key-group-cell
2026-08-01 23:19:01 +08:00

128 lines
3.8 KiB
TypeScript

/*
Copyright (C) 2023-2026 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import { api } from '@/lib/api'
import type {
ApiKey,
ApiResponse,
GetApiKeysParams,
GetApiKeysResponse,
SearchApiKeysParams,
ApiKeyFormData,
TokenAutoGroupsConfig,
} from './types'
// ============================================================================
// API Key Management
// ============================================================================
// Get paginated API keys list
export async function getApiKeys(
params: GetApiKeysParams = {}
): Promise<GetApiKeysResponse> {
const { p = 1, size = 10 } = params
const res = await api.get(`/api/token/?p=${p}&size=${size}`)
return res.data
}
// Search API keys by keyword or token (with pagination)
export async function searchApiKeys(
params: SearchApiKeysParams
): Promise<GetApiKeysResponse> {
const { keyword = '', token = '', p, size } = params
const queryParams = new URLSearchParams()
if (keyword) queryParams.set('keyword', keyword)
if (token) queryParams.set('token', token)
if (p != null) queryParams.set('p', String(p))
if (size != null) queryParams.set('size', String(size))
const res = await api.get(`/api/token/search?${queryParams.toString()}`)
return res.data
}
// Get single API key by ID
export async function getApiKey(id: number): Promise<ApiResponse<ApiKey>> {
const res = await api.get(`/api/token/${id}`)
return res.data
}
// Get the current user's global Auto order and the per-token selection limit.
export async function getTokenAutoGroups(): Promise<
ApiResponse<TokenAutoGroupsConfig>
> {
const res = await api.get('/api/token/auto-groups')
return res.data
}
// Create a new API key
export async function createApiKey(
data: ApiKeyFormData
): Promise<ApiResponse<ApiKey>> {
const res = await api.post('/api/token/', data)
return res.data
}
// Update an existing API key
export async function updateApiKey(
data: ApiKeyFormData & { id: number }
): Promise<ApiResponse<ApiKey>> {
const res = await api.put('/api/token/', data)
return res.data
}
// Delete a single API key
export async function deleteApiKey(id: number): Promise<ApiResponse> {
const res = await api.delete(`/api/token/${id}/`)
return res.data
}
// Batch delete multiple API keys
export async function batchDeleteApiKeys(
ids: number[]
): Promise<ApiResponse<number>> {
const res = await api.post('/api/token/batch', { ids })
return res.data
}
// Update API key status (enable/disable)
export async function updateApiKeyStatus(
id: number,
status: number
): Promise<ApiResponse<ApiKey>> {
const res = await api.put('/api/token/?status_only=true', { id, status })
return res.data
}
// Fetch the real (unmasked) key for a token by ID
export async function fetchTokenKey(
id: number
): Promise<{ success: boolean; message?: string; data?: { key: string } }> {
const res = await api.post(`/api/token/${id}/key`)
return res.data
}
// Batch fetch real (unmasked) keys for multiple tokens
export async function fetchTokenKeysBatch(ids: number[]): Promise<{
success: boolean
message?: string
data?: { keys: Record<number, string> }
}> {
const res = await api.post('/api/token/batch/keys', { ids })
return res.data
}