Files
nats-console/apps/web/lib/api.ts
T
Fizer Khan a9f2ca31d7 fix build issues.
add support for invite members.
update new invite accept and success page.
2025-12-06 16:47:24 +05:30

777 lines
23 KiB
TypeScript

import { useAuthStore } from '@/stores/auth';
const API_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3001/api/v1';
// Auth pages where 401 should not redirect
const AUTH_PATHS = ['/login', '/register', '/forgot-password', '/reset-password'];
function isAuthPage(): boolean {
if (typeof window === 'undefined') return false;
return AUTH_PATHS.some(path => window.location.pathname.startsWith(path));
}
function getAccessToken(): string | null {
// Read directly from Zustand store for immediate access after login
const storeToken = useAuthStore.getState().accessToken;
if (storeToken) return storeToken;
// Fallback to localStorage for page refreshes before hydration
if (typeof window !== 'undefined') {
return localStorage.getItem('accessToken');
}
return null;
}
function handleUnauthorized(): void {
if (typeof window === 'undefined') return;
// Don't redirect if already on auth pages
if (isAuthPage()) return;
// Clear auth data from store
useAuthStore.getState().logout();
// Redirect to login
window.location.href = '/login';
}
interface ApiOptions {
method?: 'GET' | 'POST' | 'PATCH' | 'PUT' | 'DELETE';
body?: unknown;
headers?: Record<string, string>;
}
class ApiError extends Error {
constructor(
public status: number,
public code: string,
message: string
) {
super(message);
this.name = 'ApiError';
}
}
async function request<T>(endpoint: string, options: ApiOptions = {}): Promise<T> {
const { method = 'GET', body, headers = {} } = options;
// Get token from store (preferred) or localStorage
const token = getAccessToken();
// Only set Content-Type for requests with a body
const requestHeaders: Record<string, string> = {
...(token && { Authorization: `Bearer ${token}` }),
...headers,
};
if (body) {
requestHeaders['Content-Type'] = 'application/json';
}
const response = await fetch(`${API_URL}${endpoint}`, {
method,
headers: requestHeaders,
body: body ? JSON.stringify(body) : undefined,
});
if (!response.ok) {
const error = await response.json().catch(() => ({ error: { message: 'Request failed' } }));
// Handle 401 Unauthorized - redirect to login (except on auth pages)
if (response.status === 401) {
handleUnauthorized();
}
throw new ApiError(
response.status,
error.error?.code || 'UNKNOWN_ERROR',
error.error?.message || 'An error occurred'
);
}
if (response.status === 204) {
return {} as T;
}
return response.json();
}
// Auth API - Login can return either full auth result or MFA requirement
export interface LoginSuccessResult {
user: any;
tokens: any;
orgId: string;
mfaRequired?: false;
}
export interface LoginMfaRequiredResult {
mfaRequired: true;
mfaToken: string;
userId: string;
}
export type LoginResult = LoginSuccessResult | LoginMfaRequiredResult;
export const auth = {
login: (email: string, password: string) =>
request<LoginResult>('/auth/login', {
method: 'POST',
body: { email, password },
}),
loginWithMfa: (mfaToken: string, code: string) =>
request<LoginSuccessResult>('/auth/login/mfa', {
method: 'POST',
body: { mfaToken, code },
}),
register: (data: { email: string; password: string; firstName: string; lastName: string }) =>
request<{ user: any; tokens: any }>('/auth/register', {
method: 'POST',
body: data,
}),
logout: () => request<{ success: boolean }>('/auth/logout', { method: 'POST', body: {} }),
refresh: (refreshToken: string) =>
request<{ tokens: any }>('/auth/refresh', {
method: 'POST',
body: { refreshToken },
}),
me: () => request<{ user: any }>('/auth/me'),
updateProfile: (data: { firstName?: string; lastName?: string; email?: string }) =>
request<{ user: any }>('/auth/profile', {
method: 'PATCH',
body: data,
}),
changePassword: (data: { currentPassword: string; newPassword: string }) =>
request<{ message: string }>('/auth/change-password', {
method: 'POST',
body: data,
}),
};
// Clusters API
export const clusters = {
list: () => request<{ clusters: any[] }>('/clusters'),
get: (id: string) => request<{ cluster: any }>(`/clusters/${id}`),
create: (data: any) =>
request<{ cluster: any }>('/clusters', {
method: 'POST',
body: data,
}),
update: (id: string, data: any) =>
request<{ cluster: any }>(`/clusters/${id}`, {
method: 'PATCH',
body: data,
}),
delete: (id: string) => request(`/clusters/${id}`, { method: 'DELETE' }),
health: (id: string) => request<any>(`/clusters/${id}/health`),
info: (id: string) => request<any>(`/clusters/${id}/info`),
};
// Streams API
export const streams = {
list: (clusterId: string) => request<{ streams: any[] }>(`/clusters/${clusterId}/streams`),
get: (clusterId: string, name: string) =>
request<{ stream: any }>(`/clusters/${clusterId}/streams/${name}`),
create: (clusterId: string, data: any) =>
request<{ stream: any }>(`/clusters/${clusterId}/streams`, {
method: 'POST',
body: data,
}),
update: (clusterId: string, name: string, data: any) =>
request<{ stream: any }>(`/clusters/${clusterId}/streams/${name}`, {
method: 'PATCH',
body: data,
}),
delete: (clusterId: string, name: string) =>
request(`/clusters/${clusterId}/streams/${name}`, { method: 'DELETE' }),
purge: (clusterId: string, name: string, options?: any) =>
request<{ purged: number }>(`/clusters/${clusterId}/streams/${name}/purge`, {
method: 'POST',
body: options,
}),
messages: (clusterId: string, name: string, params?: Record<string, string>) => {
const query = params ? `?${new URLSearchParams(params)}` : '';
return request<{ messages: any[] }>(`/clusters/${clusterId}/streams/${name}/messages${query}`);
},
publish: (clusterId: string, name: string, data: { subject: string; data: string }) =>
request<{ sequence: number; stream: string }>(`/clusters/${clusterId}/streams/${name}/messages`, {
method: 'POST',
body: data,
}),
exportMessages: (
clusterId: string,
name: string,
format: 'json' | 'csv' = 'json',
options?: { startSeq?: number; limit?: number; subject?: string }
) => {
const params = new URLSearchParams({ format });
if (options?.startSeq) params.set('start_seq', String(options.startSeq));
if (options?.limit) params.set('limit', String(options.limit));
if (options?.subject) params.set('subject', options.subject);
return `/clusters/${clusterId}/streams/${name}/messages/export?${params}`;
},
replayMessages: (
clusterId: string,
name: string,
data: { targetSubject: string; startSeq?: number; endSeq?: number; limit?: number }
) =>
request<{ replayed: number; total: number; errors?: Array<{ sequence: number; error: string }> }>(
`/clusters/${clusterId}/streams/${name}/messages/replay`,
{ method: 'POST', body: data }
),
getSchema: (clusterId: string, name: string, options?: { subject?: string; sampleSize?: number }) => {
const params = new URLSearchParams();
if (options?.subject) params.set('subject', options.subject);
if (options?.sampleSize) params.set('sample_size', String(options.sampleSize));
const query = params.toString() ? `?${params}` : '';
return request<{ schema: InferredSchema }>(`/clusters/${clusterId}/streams/${name}/schema${query}`);
},
};
// Schema types
export interface SchemaField {
name: string;
type: string;
required: boolean;
nullable: boolean;
children?: SchemaField[];
examples?: unknown[];
minLength?: number;
maxLength?: number;
minimum?: number;
maximum?: number;
enum?: unknown[];
}
export interface InferredSchema {
type: 'object' | 'array' | 'primitive';
fields: SchemaField[];
sampleCount: number;
parseErrors: number;
format?: string;
}
// Consumers API
export const consumers = {
list: (clusterId: string, streamName: string) =>
request<{ consumers: any[] }>(`/clusters/${clusterId}/streams/${streamName}/consumers`),
listAll: (clusterId: string) =>
request<{ consumers: any[] }>(`/clusters/${clusterId}/consumers`),
get: (clusterId: string, streamName: string, name: string) =>
request<{ consumer: any }>(`/clusters/${clusterId}/streams/${streamName}/consumers/${name}`),
create: (clusterId: string, streamName: string, data: any) =>
request<{ consumer: any }>(`/clusters/${clusterId}/streams/${streamName}/consumers`, {
method: 'POST',
body: data,
}),
update: (clusterId: string, streamName: string, name: string, data: any) =>
request<{ consumer: any }>(`/clusters/${clusterId}/streams/${streamName}/consumers/${name}`, {
method: 'PATCH',
body: data,
}),
delete: (clusterId: string, streamName: string, name: string) =>
request(`/clusters/${clusterId}/streams/${streamName}/consumers/${name}`, { method: 'DELETE' }),
pause: (clusterId: string, streamName: string, name: string, pauseUntil?: string) =>
request<{ consumer: any; paused: boolean }>(`/clusters/${clusterId}/streams/${streamName}/consumers/${name}/pause`, {
method: 'POST',
body: pauseUntil ? { pauseUntil } : {},
}),
resume: (clusterId: string, streamName: string, name: string) =>
request<{ consumer: any; resumed: boolean }>(`/clusters/${clusterId}/streams/${streamName}/consumers/${name}/resume`, {
method: 'POST',
body: {},
}),
};
// Analytics API
export const analytics = {
metrics: (params: Record<string, string>) => {
const query = `?${new URLSearchParams(params)}`;
return request<{ metrics: any[]; type: string }>(`/analytics${query}`);
},
overview: (clusterId: string, timeRange: string) =>
request<{
totalMessages: number;
totalBytes: number;
avgThroughput: number;
avgLatency: number;
messagesTrend: number;
bytesTrend: number;
throughputTrend: number;
latencyTrend: number;
}>(`/analytics/overview?clusterId=${clusterId}&timeRange=${timeRange}`),
streamThroughput: (name: string, params: Record<string, string>) => {
const query = `?${new URLSearchParams(params)}`;
return request<any>(`/analytics/streams/${name}/throughput${query}`);
},
consumerLag: (name: string, params: Record<string, string>) => {
const query = `?${new URLSearchParams(params)}`;
return request<any>(`/analytics/consumers/${name}/lag${query}`);
},
clusterOverview: (clusterId?: string) => {
const query = clusterId ? `?clusterId=${clusterId}` : '';
return request<any>(`/analytics/cluster/overview${query}`);
},
chartThroughput: (clusterId: string, timeRange: string = '24h') =>
request<{
data: Array<{ name: string; value: number; time: string }>;
interval: string;
}>(`/analytics/charts/throughput?clusterId=${clusterId}&timeRange=${timeRange}`),
chartConsumerLag: (clusterId: string, timeRange: string = '24h') =>
request<{
data: Array<{ name: string; value: number }>;
}>(`/analytics/charts/consumer-lag?clusterId=${clusterId}&timeRange=${timeRange}`),
chartStreamActivity: (clusterId: string, timeRange: string = '24h') =>
request<{
streams: Record<string, Array<{ time: string; value: number }>>;
interval: string;
}>(`/analytics/charts/stream-activity?clusterId=${clusterId}&timeRange=${timeRange}`),
};
// Alerts API
export const alerts = {
list: (clusterId: string) =>
request<{ alerts: any[] }>(`/clusters/${clusterId}/alerts`),
// Alert Rules
listRules: () => request<{ rules: any[] }>('/alerts/rules'),
getRule: (id: string) => request<{ rule: any }>(`/alerts/rules/${id}`),
createRule: (data: any) =>
request<{ rule: any }>('/alerts/rules', {
method: 'POST',
body: data,
}),
updateRule: (id: string, data: any) =>
request<{ rule: any }>(`/alerts/rules/${id}`, {
method: 'PATCH',
body: data,
}),
deleteRule: (id: string) => request(`/alerts/rules/${id}`, { method: 'DELETE' }),
// Notification Channels
listChannels: () => request<{ channels: any[] }>('/alerts/channels'),
getChannel: (id: string) => request<{ channel: any }>(`/alerts/channels/${id}`),
createChannel: (data: any) =>
request<{ channel: any }>('/alerts/channels', {
method: 'POST',
body: data,
}),
updateChannel: (id: string, data: any) =>
request<{ channel: any }>(`/alerts/channels/${id}`, {
method: 'PATCH',
body: data,
}),
deleteChannel: (id: string) => request(`/alerts/channels/${id}`, { method: 'DELETE' }),
testChannel: (id: string) =>
request<{ success: boolean; message: string }>(`/alerts/channels/${id}/test`, {
method: 'POST',
body: {},
}),
// Incidents
listIncidents: (params?: Record<string, string>) => {
const query = params ? `?${new URLSearchParams(params)}` : '';
return request<{ incidents: any[]; total: number }>(`/alerts/incidents${query}`);
},
getIncident: (id: string) => request<{ incident: any }>(`/alerts/incidents/${id}`),
updateIncident: (id: string, data: { status: string }) =>
request<{ incident: any }>(`/alerts/incidents/${id}`, {
method: 'PATCH',
body: data,
}),
acknowledgeIncident: (id: string) =>
request<{ incident: any }>(`/alerts/incidents/${id}/acknowledge`, {
method: 'POST',
body: {},
}),
resolveIncident: (id: string) =>
request<{ incident: any }>(`/alerts/incidents/${id}/resolve`, {
method: 'POST',
body: {},
}),
closeIncident: (id: string) =>
request<{ incident: any }>(`/alerts/incidents/${id}/close`, {
method: 'POST',
body: {},
}),
// Events
listEvents: (params?: Record<string, string>) => {
const query = params ? `?${new URLSearchParams(params)}` : '';
return request<{ events: any[] }>(`/alerts/events${query}`);
},
};
// Dashboards API
export const dashboards = {
list: () => request<{ dashboards: any[] }>('/dashboards'),
get: (id: string) => request<{ dashboard: any }>(`/dashboards/${id}`),
create: (data: any) =>
request<{ dashboard: any }>('/dashboards', {
method: 'POST',
body: data,
}),
update: (id: string, data: any) =>
request<{ dashboard: any }>(`/dashboards/${id}`, {
method: 'PATCH',
body: data,
}),
delete: (id: string) => request(`/dashboards/${id}`, { method: 'DELETE' }),
clone: (id: string) =>
request<{ dashboard: any }>(`/dashboards/${id}/clone`, {
method: 'POST',
body: {},
}),
};
// Saved Queries API
export const savedQueries = {
list: () => request<{ savedQueries: any[] }>('/saved-queries'),
get: (id: string) => request<{ savedQuery: any }>(`/saved-queries/${id}`),
create: (data: { name: string; query: string; description?: string; isShared?: boolean }) =>
request<{ savedQuery: any }>('/saved-queries', {
method: 'POST',
body: data,
}),
update: (id: string, data: { name?: string; query?: string; description?: string; isShared?: boolean }) =>
request<{ savedQuery: any }>(`/saved-queries/${id}`, {
method: 'PATCH',
body: data,
}),
delete: (id: string) => request(`/saved-queries/${id}`, { method: 'DELETE' }),
clone: (id: string) =>
request<{ savedQuery: any }>(`/saved-queries/${id}/clone`, {
method: 'POST',
body: {},
}),
execute: (id: string) =>
request<{ savedQuery: any; queryConfig: any; results: any[] }>(`/saved-queries/${id}/execute`, {
method: 'POST',
body: {},
}),
};
// Organizations API
export const organizations = {
list: () => request<{ organizations: any[] }>('/organizations'),
get: (id: string) => request<{ organization: any }>(`/organizations/${id}`),
getMembers: (id: string) =>
request<{
members: Array<{
id: string;
userId: string;
role: string;
joinedAt: string;
user: {
id: string;
email: string;
firstName: string;
lastName: string;
avatarUrl?: string;
};
}>;
}>(`/organizations/${id}/members`),
removeMember: (orgId: string, memberId: string) =>
request(`/organizations/${orgId}/members/${memberId}`, { method: 'DELETE' }),
updateMemberRole: (orgId: string, memberId: string, role: string) =>
request<{ member: any }>(`/organizations/${orgId}/members/${memberId}`, {
method: 'PATCH',
body: { role },
}),
};
// Invites API
export const invites = {
list: () => request<{ invites: any[] }>('/invites'),
create: (data: { email: string; role: 'admin' | 'member' | 'viewer' }) =>
request<{ invite: any }>('/invites', {
method: 'POST',
body: data,
}),
getByToken: (token: string) => request<{ invite: any }>(`/invites/${token}`),
accept: (token: string, data: { firstName: string; lastName: string; password: string }) =>
request<{ user: any; organization: any; isNewUser: boolean }>(`/invites/${token}/accept`, {
method: 'POST',
body: data,
}),
revoke: (id: string) => request(`/invites/${id}`, { method: 'DELETE' }),
};
// Settings API
export const settings = {
getPreferences: () => request<{ settings: any }>('/settings/preferences'),
updatePreferences: (data: any) =>
request<{ settings: any }>('/settings/preferences', {
method: 'PATCH',
body: data,
}),
listApiKeys: () => request<{ apiKeys: any[] }>('/settings/api-keys'),
createApiKey: (data: { name: string; expiresIn?: string }) =>
request<{ apiKey: any }>('/settings/api-keys', {
method: 'POST',
body: data,
}),
deleteApiKey: (id: string) => request(`/settings/api-keys/${id}`, { method: 'DELETE' }),
// Security settings (admin only)
getIpAllowlist: () =>
request<{ ipAllowlist: { enabled: boolean; allowedIps: string[]; allowedCidrs: string[] } }>(
'/settings/security/ip-allowlist'
),
updateIpAllowlist: (data: { enabled: boolean; allowedIps: string[]; allowedCidrs: string[] }) =>
request<{ ipAllowlist: any }>('/settings/security/ip-allowlist', {
method: 'PUT',
body: data,
}),
// Compliance settings (admin only)
getRetentionPolicy: () =>
request<{
retention: {
metricsRetentionDays: number;
auditLogsRetentionDays: number;
alertEventsRetentionDays: number;
messageSamplesRetentionDays: number;
};
}>('/settings/compliance/retention'),
updateRetentionPolicy: (data: {
metricsRetentionDays: number;
auditLogsRetentionDays: number;
alertEventsRetentionDays: number;
messageSamplesRetentionDays: number;
}) =>
request<{ retention: any }>('/settings/compliance/retention', {
method: 'PUT',
body: data,
}),
exportAuditLogs: (params?: { from?: string; to?: string; action?: string; format?: 'json' | 'csv' }) => {
const query = params ? `?${new URLSearchParams(params as Record<string, string>)}` : '';
return `/settings/compliance/audit-export${query}`;
},
getComplianceReport: () =>
request<{
report: {
generatedAt: string;
organization: any;
security: {
totalUsers: number;
mfaEnabledUsers: number;
mfaAdoptionRate: number;
ipAllowlistEnabled: boolean;
activeApiKeys: number;
activeSessions: number;
};
dataRetention: any;
recommendations: string[];
};
}>('/settings/compliance/report'),
// GDPR (all users)
exportUserData: async () => {
const token = getAccessToken();
const response = await fetch(`${API_URL}/settings/gdpr/export`, {
method: 'GET',
headers: {
'Authorization': `Bearer ${token}`,
},
});
if (!response.ok) {
throw new Error('Failed to export data');
}
const blob = await response.blob();
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = `user-data-export-${new Date().toISOString().split('T')[0]}.zip`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
URL.revokeObjectURL(url);
},
deleteAccount: () =>
request<{ message: string }>('/settings/gdpr/delete-account', { method: 'DELETE' }),
};
// MFA API (via auth endpoints)
export const mfa = {
enable: () => request<{ secret: string; qrCode: string }>('/auth/mfa/enable', { method: 'POST', body: {} }),
verify: (code: string) => request<{ valid: boolean }>('/auth/mfa/verify', { method: 'POST', body: { code } }),
disable: () => request<{ success: boolean }>('/auth/mfa/disable', { method: 'DELETE' }),
};
// DLQ API
export interface DlqStream {
clusterId: string;
clusterName: string;
streamName: string;
messageCount: number;
bytesTotal: number;
firstSeq?: number;
lastSeq?: number;
subjects: string[];
sourceStream?: string;
}
export interface DlqMessage {
subject: string;
sequence: number;
time: string;
data: string;
headers?: Record<string, string>;
originalSubject?: string;
deliveryCount?: number;
failureReason?: string;
}
export const dlq = {
listStreams: () => request<{ dlqStreams: DlqStream[] }>('/dlq/streams'),
getStream: (clusterId: string, streamName: string) =>
request<{ stream: any }>(`/dlq/${clusterId}/${streamName}`),
getMessages: (clusterId: string, streamName: string, params?: { startSeq?: number; limit?: number; subject?: string }) => {
const queryParams = new URLSearchParams();
if (params?.startSeq) queryParams.set('startSeq', String(params.startSeq));
if (params?.limit) queryParams.set('limit', String(params.limit));
if (params?.subject) queryParams.set('subject', params.subject);
const query = queryParams.toString() ? `?${queryParams}` : '';
return request<{ messages: DlqMessage[] }>(`/dlq/${clusterId}/${streamName}/messages${query}`);
},
replayMessage: (clusterId: string, streamName: string, seq: number, targetSubject?: string) =>
request<{ replayed: boolean; targetSubject: string; newSequence: number; stream: string }>(
`/dlq/${clusterId}/${streamName}/messages/${seq}/replay`,
{ method: 'POST', body: { targetSubject } }
),
replayBatch: (
clusterId: string,
streamName: string,
sequences: number[],
options?: { targetSubject?: string; preserveHeaders?: boolean }
) =>
request<{
total: number;
succeeded: number;
failed: number;
results: Array<{ sequence: number; success: boolean; newSequence?: number; error?: string }>;
}>(`/dlq/${clusterId}/${streamName}/replay-batch`, {
method: 'POST',
body: { sequences, ...options },
}),
deleteMessage: (clusterId: string, streamName: string, seq: number) =>
request(`/dlq/${clusterId}/${streamName}/messages/${seq}`, { method: 'DELETE' }),
purge: (clusterId: string, streamName: string, subject?: string) => {
const query = subject ? `?subject=${encodeURIComponent(subject)}` : '';
return request<{ purged: number }>(`/dlq/${clusterId}/${streamName}/purge${query}`, { method: 'DELETE' });
},
createDlqStream: (data: {
clusterId: string;
sourceStreamName: string;
retention?: 'limits' | 'interest' | 'workqueue';
maxAge?: number;
maxMsgs?: number;
maxBytes?: number;
}) =>
request<{ stream: any }>('/dlq/create', { method: 'POST', body: data }),
};
export const api = {
auth,
clusters,
streams,
consumers,
analytics,
alerts,
dashboards,
savedQueries,
organizations,
invites,
settings,
mfa,
dlq,
};