Files
Meeting_Assistant/client/src/services/api.js
egg 7d4fc69071 feat: Add build scripts and runtime config support
Backend:
- Add setup-backend.sh/bat for one-click backend setup
- Fix test_auth.py mock settings (JWT_EXPIRE_HOURS)
- Fix test_excel_export.py TEMPLATE_DIR reference

Frontend:
- Add config.json for runtime API URL configuration
- Add init.js and settings.js for config loading
- Update main.js to load config from external file
- Update api.js to use dynamic API_BASE_URL
- Update all pages to initialize config before API calls
- Update package.json with extraResources for config

Build:
- Add build-client.sh/bat for packaging Electron + Sidecar
- Add build-all.ps1 PowerShell script with -ApiUrl parameter
- Add GitHub Actions workflow for Windows builds
- Add scripts/README.md documentation

This allows IT to configure backend URL without rebuilding.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-16 20:03:16 +08:00

405 lines
11 KiB
JavaScript

/**
* API Service Module
*
* API base URL and settings are loaded from external config at runtime,
* allowing deployment configuration without rebuilding.
*/
// Settings will be loaded from config.json via Electron IPC
let API_BASE_URL = "http://localhost:8000/api";
let UPLOAD_TIMEOUT = 600000;
let _settingsLoaded = false;
/**
* Initialize API settings from external config
* Called by Electron preload or at app startup
*/
export async function initializeApi(settings) {
if (settings) {
API_BASE_URL = settings.apiBaseUrl || API_BASE_URL;
UPLOAD_TIMEOUT = settings.uploadTimeout || UPLOAD_TIMEOUT;
_settingsLoaded = true;
console.log("API initialized with:", { API_BASE_URL, UPLOAD_TIMEOUT });
}
}
/**
* Get current API base URL
*/
export function getApiBaseUrl() {
return API_BASE_URL;
}
let authToken = null;
let tokenRefreshTimer = null;
export function setToken(token) {
authToken = token;
localStorage.setItem("authToken", token);
scheduleTokenRefresh();
}
export function getToken() {
if (!authToken) {
authToken = localStorage.getItem("authToken");
}
return authToken;
}
export function clearToken() {
authToken = null;
localStorage.removeItem("authToken");
if (tokenRefreshTimer) {
clearTimeout(tokenRefreshTimer);
}
}
function scheduleTokenRefresh() {
// Refresh token 5 minutes before expiry (assuming 24h token)
const refreshIn = 23 * 60 * 60 * 1000; // 23 hours
if (tokenRefreshTimer) {
clearTimeout(tokenRefreshTimer);
}
tokenRefreshTimer = setTimeout(async () => {
try {
// Re-login would require stored credentials
// For now, just notify user to re-login
console.warn("Token expiring soon, please re-login");
} catch (error) {
console.error("Token refresh failed:", error);
}
}, refreshIn);
}
async function request(endpoint, options = {}) {
const url = `${API_BASE_URL}${endpoint}`;
const headers = {
"Content-Type": "application/json",
...options.headers,
};
const token = getToken();
if (token) {
headers["Authorization"] = `Bearer ${token}`;
}
const response = await fetch(url, {
...options,
headers,
});
if (response.status === 401) {
const error = await response.json();
if (error.detail?.error === "token_expired") {
clearToken();
window.electronAPI.navigate("login");
throw new Error("Session expired, please login again");
}
throw new Error(error.detail || "Unauthorized");
}
if (!response.ok) {
const error = await response.json().catch(() => ({}));
throw new Error(error.detail || `HTTP error ${response.status}`);
}
// Handle blob responses for export
if (options.responseType === "blob") {
return response.blob();
}
return response.json();
}
// Auth API
export async function login(email, password) {
const data = await request("/login", {
method: "POST",
body: JSON.stringify({ email, password }),
});
setToken(data.token);
localStorage.setItem("userEmail", data.email);
localStorage.setItem("userRole", data.role);
return data;
}
export async function getMe() {
return request("/me");
}
// Meetings API
export async function getMeetings() {
return request("/meetings");
}
export async function getMeeting(id) {
return request(`/meetings/${id}`);
}
export async function createMeeting(meeting) {
return request("/meetings", {
method: "POST",
body: JSON.stringify(meeting),
});
}
export async function updateMeeting(id, meeting) {
return request(`/meetings/${id}`, {
method: "PUT",
body: JSON.stringify(meeting),
});
}
export async function deleteMeeting(id) {
return request(`/meetings/${id}`, {
method: "DELETE",
});
}
export async function updateActionItem(meetingId, actionId, data) {
return request(`/meetings/${meetingId}/actions/${actionId}`, {
method: "PUT",
body: JSON.stringify(data),
});
}
// AI API
export async function summarizeTranscript(transcript) {
return request("/ai/summarize", {
method: "POST",
body: JSON.stringify({ transcript }),
});
}
export async function transcribeAudio(file, onProgress = null) {
const url = `${API_BASE_URL}/ai/transcribe-audio-stream`;
const formData = new FormData();
formData.append("file", file);
const token = getToken();
return new Promise((resolve, reject) => {
// Use fetch for SSE support
fetch(url, {
method: "POST",
headers: {
Authorization: token ? `Bearer ${token}` : undefined,
},
body: formData,
})
.then((response) => {
if (response.status === 401) {
clearToken();
window.electronAPI?.navigate("login");
throw new Error("Session expired, please login again");
}
if (!response.ok) {
return response.json().then((error) => {
throw new Error(error.detail || `HTTP error ${response.status}`);
});
}
if (onProgress) {
onProgress({ phase: "processing", progress: 0, message: "處理中..." });
}
// Read SSE stream
const reader = response.body.getReader();
const decoder = new TextDecoder();
let buffer = "";
let result = null;
let totalChunks = 0;
let processedChunks = 0;
function processLine(line) {
if (line.startsWith("data: ")) {
try {
const data = JSON.parse(line.slice(6));
switch (data.event) {
case "start":
case "segmenting":
if (onProgress) {
onProgress({
phase: "processing",
progress: 5,
message: data.message,
});
}
break;
case "segments_ready":
totalChunks = data.total;
if (onProgress) {
onProgress({
phase: "transcribing",
progress: 10,
total: totalChunks,
current: 0,
message: data.message,
});
}
break;
case "chunk_start":
if (onProgress) {
const progress = 10 + ((data.chunk - 1) / totalChunks) * 85;
onProgress({
phase: "transcribing",
progress: Math.round(progress),
total: totalChunks,
current: data.chunk,
message: data.message,
});
}
break;
case "chunk_done":
processedChunks++;
if (onProgress) {
const progress = 10 + (data.chunk / totalChunks) * 85;
onProgress({
phase: "transcribing",
progress: Math.round(progress),
total: totalChunks,
current: data.chunk,
message: data.message,
});
}
break;
case "chunk_error":
console.warn(`Chunk ${data.chunk} error: ${data.message}`);
break;
case "error":
throw new Error(data.message);
case "complete":
result = {
transcript: data.transcript,
chunks_processed: data.chunks_processed,
chunks_total: data.chunks_total,
total_duration_seconds: data.duration,
language: "zh",
};
if (onProgress) {
onProgress({
phase: "complete",
progress: 100,
message: "轉錄完成",
});
}
break;
}
} catch (e) {
console.warn("SSE parse error:", e, line);
}
}
}
function read() {
reader
.read()
.then(({ done, value }) => {
if (done) {
// Process any remaining buffer
if (buffer.trim()) {
buffer.split("\n").forEach(processLine);
}
if (result) {
resolve(result);
} else {
reject(new Error("Transcription failed - no result received"));
}
return;
}
buffer += decoder.decode(value, { stream: true });
const lines = buffer.split("\n");
buffer = lines.pop() || ""; // Keep incomplete line in buffer
lines.forEach(processLine);
read();
})
.catch(reject);
}
read();
})
.catch(reject);
});
}
// Legacy non-streaming version (fallback)
export async function transcribeAudioLegacy(file, onProgress = null) {
const url = `${API_BASE_URL}/ai/transcribe-audio`;
const formData = new FormData();
formData.append("file", file);
const token = getToken();
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", (event) => {
if (event.lengthComputable && onProgress) {
const percentComplete = Math.round((event.loaded / event.total) * 100);
onProgress({ phase: "uploading", progress: percentComplete });
}
});
xhr.addEventListener("load", () => {
if (xhr.status >= 200 && xhr.status < 300) {
try {
const response = JSON.parse(xhr.responseText);
resolve(response);
} catch (e) {
reject(new Error("Invalid response format"));
}
} else if (xhr.status === 401) {
clearToken();
window.electronAPI?.navigate("login");
reject(new Error("Session expired, please login again"));
} else {
try {
const error = JSON.parse(xhr.responseText);
reject(new Error(error.detail || `HTTP error ${xhr.status}`));
} catch (e) {
reject(new Error(`HTTP error ${xhr.status}`));
}
}
});
xhr.addEventListener("error", () => {
reject(new Error("Network error"));
});
xhr.addEventListener("timeout", () => {
reject(new Error("Request timeout"));
});
xhr.open("POST", url, true);
xhr.timeout = UPLOAD_TIMEOUT;
if (token) {
xhr.setRequestHeader("Authorization", `Bearer ${token}`);
}
xhr.send(formData);
// Notify processing phase after upload completes
if (onProgress) {
xhr.upload.addEventListener("loadend", () => {
onProgress({ phase: "processing", progress: 0 });
});
}
});
}
// Export API
export async function exportMeeting(id) {
return request(`/meetings/${id}/export`, {
responseType: "blob",
});
}