mirror of
https://github.com/eigent-ai/eigent.git
synced 2026-05-27 00:14:22 +00:00
Co-authored-by: Douglas <douglas.ym.lai@gmail.com> Co-authored-by: a7m-1st <ahmed.jimi.awelkair500@gmail.com> Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: Tong Chen <web_chentong@163.com>
347 lines
9.2 KiB
TypeScript
347 lines
9.2 KiB
TypeScript
// ========= Copyright 2025-2026 @ Eigent.ai All Rights Reserved. =========
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
// ========= Copyright 2025-2026 @ Eigent.ai All Rights Reserved. =========
|
|
|
|
import { showCreditsToast } from '@/components/Toast/creditsToast';
|
|
import { showStorageToast } from '@/components/Toast/storageToast';
|
|
import { showTrafficToast } from '@/components/Toast/trafficToast';
|
|
import { getAuthStore } from '@/store/authStore';
|
|
|
|
const defaultHeaders = {
|
|
'Content-Type': 'application/json',
|
|
};
|
|
|
|
let baseUrl = '';
|
|
export async function getBaseURL() {
|
|
if (baseUrl) {
|
|
return baseUrl;
|
|
}
|
|
const port = await window.ipcRenderer.invoke('get-backend-port');
|
|
baseUrl = `http://localhost:${port}`;
|
|
return baseUrl;
|
|
}
|
|
|
|
async function fetchRequest(
|
|
method: 'GET' | 'POST' | 'PUT' | 'DELETE',
|
|
url: string,
|
|
data?: Record<string, any>,
|
|
customHeaders: Record<string, string> = {}
|
|
): Promise<any> {
|
|
const baseURL = await getBaseURL();
|
|
const fullUrl = `${baseURL}${url}`;
|
|
const { token } = getAuthStore();
|
|
|
|
const headers: Record<string, string> = {
|
|
...defaultHeaders,
|
|
...customHeaders,
|
|
};
|
|
|
|
// Cases without token: url is a complete http:// path
|
|
if (!url.includes('http://') && token) {
|
|
headers['Authorization'] = `Bearer ${token}`;
|
|
}
|
|
|
|
const options: RequestInit = {
|
|
method,
|
|
headers,
|
|
};
|
|
|
|
if (method === 'GET') {
|
|
const query = data
|
|
? '?' +
|
|
Object.entries(data)
|
|
.map(
|
|
([key, val]) =>
|
|
`${encodeURIComponent(key)}=${encodeURIComponent(val)}`
|
|
)
|
|
.join('&')
|
|
: '';
|
|
return handleResponse(fetch(fullUrl + query, options), data);
|
|
}
|
|
|
|
if (data) {
|
|
options.body = JSON.stringify(data);
|
|
}
|
|
|
|
return handleResponse(fetch(fullUrl, options), data);
|
|
}
|
|
|
|
async function handleResponse(
|
|
responsePromise: Promise<Response>,
|
|
requestData?: Record<string, any>
|
|
): Promise<any> {
|
|
try {
|
|
const res = await responsePromise;
|
|
if (res.status === 204) {
|
|
return { code: 0, text: '' };
|
|
}
|
|
|
|
const contentType = res.headers.get('content-type') || '';
|
|
if (res.body && !contentType.includes('application/json')) {
|
|
return {
|
|
isStream: true,
|
|
body: res.body,
|
|
reader: res.body.getReader(),
|
|
};
|
|
}
|
|
const resData = await res.json();
|
|
if (!resData) {
|
|
return null;
|
|
}
|
|
|
|
const { code, text } = resData;
|
|
// showCreditsToast()
|
|
if (code === 1 || code === 300) {
|
|
return resData;
|
|
}
|
|
|
|
if (code === 20) {
|
|
showCreditsToast();
|
|
return resData;
|
|
}
|
|
|
|
if (code === 21) {
|
|
showStorageToast();
|
|
return resData;
|
|
}
|
|
|
|
if (code === 13) {
|
|
// const { logout } = getAuthStore()
|
|
// logout()
|
|
// window.location.href = '#/login'
|
|
throw new Error(text);
|
|
}
|
|
|
|
if (!res.ok) {
|
|
const err: any = new Error(
|
|
resData?.detail || resData?.message || `HTTP error ${res.status}`
|
|
);
|
|
err.response = { data: resData, status: res.status };
|
|
throw err;
|
|
}
|
|
|
|
return resData;
|
|
} catch (err: any) {
|
|
// Only show traffic toast for cloud model requests
|
|
const isCloudRequest = requestData?.api_url === 'cloud';
|
|
if (isCloudRequest) {
|
|
showTrafficToast();
|
|
}
|
|
|
|
console.error('[fetch error]:', err);
|
|
|
|
if (err?.response?.status === 401) {
|
|
// const { logout } = getAuthStore()
|
|
// logout()
|
|
// window.location.href = '#/login'
|
|
}
|
|
|
|
throw err;
|
|
}
|
|
}
|
|
|
|
// Encapsulate common methods
|
|
export const fetchGet = (url: string, params?: any, headers?: any) =>
|
|
fetchRequest('GET', url, params, headers);
|
|
|
|
export const fetchPost = (url: string, data?: any, headers?: any) =>
|
|
fetchRequest('POST', url, data, headers);
|
|
|
|
export const fetchPut = (url: string, data?: any, headers?: any) =>
|
|
fetchRequest('PUT', url, data, headers);
|
|
|
|
export const fetchDelete = (url: string, data?: any, headers?: any) =>
|
|
fetchRequest('DELETE', url, data, headers);
|
|
|
|
// =============== porxy ===============
|
|
|
|
// get proxy base URL
|
|
async function getProxyBaseURL() {
|
|
const isDev = import.meta.env.DEV;
|
|
|
|
if (isDev) {
|
|
const proxyUrl = import.meta.env.VITE_PROXY_URL;
|
|
if (!proxyUrl) {
|
|
return 'http://localhost:3001';
|
|
}
|
|
return proxyUrl;
|
|
} else {
|
|
const baseUrl = import.meta.env.VITE_BASE_URL;
|
|
if (!baseUrl) {
|
|
throw new Error('VITE_BASE_URL not configured');
|
|
}
|
|
return baseUrl;
|
|
}
|
|
}
|
|
|
|
async function proxyFetchRequest(
|
|
method: 'GET' | 'POST' | 'PUT' | 'DELETE',
|
|
url: string,
|
|
data?: Record<string, any>,
|
|
customHeaders: Record<string, string> = {}
|
|
): Promise<any> {
|
|
const baseURL = await getProxyBaseURL();
|
|
const fullUrl = `${baseURL}${url}`;
|
|
const { token } = getAuthStore();
|
|
|
|
const headers: Record<string, string> = {
|
|
...defaultHeaders,
|
|
...customHeaders,
|
|
};
|
|
|
|
if (!url.includes('http://') && !url.includes('https://') && token) {
|
|
headers['Authorization'] = `Bearer ${token}`;
|
|
}
|
|
|
|
if (import.meta.env.DEV) {
|
|
const targetUrl = import.meta.env.VITE_BASE_URL;
|
|
if (targetUrl) {
|
|
headers['X-Proxy-Target'] = targetUrl;
|
|
}
|
|
}
|
|
|
|
const options: RequestInit = {
|
|
method,
|
|
headers,
|
|
};
|
|
|
|
if (method === 'GET') {
|
|
const query = data
|
|
? '?' +
|
|
Object.entries(data)
|
|
.map(
|
|
([key, val]) =>
|
|
`${encodeURIComponent(key)}=${encodeURIComponent(val)}`
|
|
)
|
|
.join('&')
|
|
: '';
|
|
return handleResponse(fetch(fullUrl + query, options));
|
|
}
|
|
|
|
if (data) {
|
|
options.body = JSON.stringify(data);
|
|
}
|
|
|
|
return handleResponse(fetch(fullUrl, options));
|
|
}
|
|
|
|
export const proxyFetchGet = (url: string, params?: any, headers?: any) =>
|
|
proxyFetchRequest('GET', url, params, headers);
|
|
|
|
export const proxyFetchPost = (url: string, data?: any, headers?: any) =>
|
|
proxyFetchRequest('POST', url, data, headers);
|
|
|
|
export const proxyFetchPut = (url: string, data?: any, headers?: any) =>
|
|
proxyFetchRequest('PUT', url, data, headers);
|
|
|
|
export const proxyFetchDelete = (url: string, data?: any, headers?: any) =>
|
|
proxyFetchRequest('DELETE', url, data, headers);
|
|
|
|
// File upload function with FormData
|
|
export async function uploadFile(
|
|
url: string,
|
|
formData: FormData,
|
|
headers?: Record<string, string>
|
|
): Promise<any> {
|
|
const baseURL = await getProxyBaseURL();
|
|
const fullUrl = `${baseURL}${url}`;
|
|
const { token } = getAuthStore();
|
|
|
|
const requestHeaders: Record<string, string> = {
|
|
...headers,
|
|
};
|
|
|
|
// Remove Content-Type header to let browser set it with boundary for FormData
|
|
if (requestHeaders['Content-Type']) {
|
|
delete requestHeaders['Content-Type'];
|
|
}
|
|
|
|
if (!url.includes('http://') && !url.includes('https://') && token) {
|
|
requestHeaders['Authorization'] = `Bearer ${token}`;
|
|
}
|
|
|
|
if (import.meta.env.DEV) {
|
|
const targetUrl = import.meta.env.VITE_BASE_URL;
|
|
if (targetUrl) {
|
|
requestHeaders['X-Proxy-Target'] = targetUrl;
|
|
}
|
|
}
|
|
|
|
const options: RequestInit = {
|
|
method: 'POST',
|
|
headers: requestHeaders,
|
|
body: formData,
|
|
};
|
|
|
|
return handleResponse(fetch(fullUrl, options));
|
|
}
|
|
|
|
// =============== Backend Health Check ===============
|
|
|
|
/**
|
|
* Check if backend is ready by checking the health endpoint
|
|
* @returns Promise<boolean> - true if backend is ready, false otherwise
|
|
*/
|
|
export async function checkBackendHealth(): Promise<boolean> {
|
|
try {
|
|
const baseURL = await getBaseURL();
|
|
const controller = new AbortController();
|
|
const timeoutId = setTimeout(() => controller.abort(), 1000);
|
|
|
|
const res = await fetch(`${baseURL}/health`, {
|
|
signal: controller.signal,
|
|
method: 'GET',
|
|
});
|
|
|
|
clearTimeout(timeoutId);
|
|
return res.ok;
|
|
} catch (error) {
|
|
console.log('[Backend Health Check] Not ready:', error);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Simple backend health check with retries
|
|
* @param maxWaitMs - Maximum time to wait in milliseconds (default: 10000ms)
|
|
* @param retryIntervalMs - Interval between retries in milliseconds (default: 500ms)
|
|
* @returns Promise<boolean> - true if backend becomes ready, false if timeout
|
|
*/
|
|
export async function waitForBackendReady(
|
|
maxWaitMs: number = 10000,
|
|
retryIntervalMs: number = 500
|
|
): Promise<boolean> {
|
|
const startTime = Date.now();
|
|
console.log('[Backend Health Check] Waiting for backend to be ready...');
|
|
|
|
while (Date.now() - startTime < maxWaitMs) {
|
|
const isReady = await checkBackendHealth();
|
|
|
|
if (isReady) {
|
|
console.log(
|
|
`[Backend Health Check] Backend is ready after ${Date.now() - startTime}ms`
|
|
);
|
|
return true;
|
|
}
|
|
|
|
console.log(
|
|
`[Backend Health Check] Backend not ready, retrying... (${Date.now() - startTime}ms elapsed)`
|
|
);
|
|
await new Promise((resolve) => setTimeout(resolve, retryIntervalMs));
|
|
}
|
|
|
|
console.error(
|
|
`[Backend Health Check] Backend failed to start within ${maxWaitMs}ms`
|
|
);
|
|
return false;
|
|
}
|