2026-03-22 03:56:44 +08:00
|
|
|
import { useCallback } from "react";
|
|
|
|
|
import { useFileStore } from "@/stores/file-store";
|
|
|
|
|
|
|
|
|
|
function getToken(): string {
|
|
|
|
|
return localStorage.getItem("stirling-token") || "";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
interface ProcessResult {
|
|
|
|
|
jobId: string;
|
|
|
|
|
downloadUrl: string;
|
|
|
|
|
originalSize: number;
|
|
|
|
|
processedSize: number;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export function useToolProcessor(toolId: string) {
|
|
|
|
|
const {
|
|
|
|
|
processing,
|
|
|
|
|
error,
|
|
|
|
|
processedUrl,
|
|
|
|
|
originalSize,
|
|
|
|
|
processedSize,
|
|
|
|
|
setProcessing,
|
|
|
|
|
setError,
|
|
|
|
|
setProcessedUrl,
|
|
|
|
|
setSizes,
|
|
|
|
|
setJobId,
|
|
|
|
|
} = useFileStore();
|
|
|
|
|
|
|
|
|
|
const processFiles = useCallback(
|
|
|
|
|
async (files: File[], settings: Record<string, unknown>) => {
|
|
|
|
|
if (files.length === 0) {
|
|
|
|
|
setError("No files selected");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
setProcessing(true);
|
|
|
|
|
setError(null);
|
|
|
|
|
setProcessedUrl(null);
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
// Build multipart form with the file and settings
|
|
|
|
|
const formData = new FormData();
|
|
|
|
|
formData.append("file", files[0]);
|
|
|
|
|
formData.append("settings", JSON.stringify(settings));
|
|
|
|
|
|
2026-03-22 11:04:20 +08:00
|
|
|
const headers: Record<string, string> = {};
|
|
|
|
|
const token = getToken();
|
|
|
|
|
if (token) {
|
|
|
|
|
headers.Authorization = `Bearer ${token}`;
|
|
|
|
|
}
|
|
|
|
|
|
2026-03-22 03:56:44 +08:00
|
|
|
const res = await fetch(`/api/v1/tools/${toolId}`, {
|
|
|
|
|
method: "POST",
|
2026-03-22 11:04:20 +08:00
|
|
|
headers,
|
2026-03-22 03:56:44 +08:00
|
|
|
body: formData,
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
if (!res.ok) {
|
|
|
|
|
const body = await res.json().catch(() => ({}));
|
|
|
|
|
throw new Error(
|
|
|
|
|
body.error || body.details || `Processing failed: ${res.status}`,
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const result: ProcessResult = await res.json();
|
|
|
|
|
|
|
|
|
|
setJobId(result.jobId);
|
|
|
|
|
setProcessedUrl(result.downloadUrl);
|
|
|
|
|
setSizes(result.originalSize, result.processedSize);
|
|
|
|
|
} catch (err) {
|
|
|
|
|
setError(err instanceof Error ? err.message : "Processing failed");
|
|
|
|
|
} finally {
|
|
|
|
|
setProcessing(false);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
[toolId, setProcessing, setError, setProcessedUrl, setSizes, setJobId],
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
processFiles,
|
|
|
|
|
processing,
|
|
|
|
|
error,
|
|
|
|
|
downloadUrl: processedUrl,
|
|
|
|
|
originalSize,
|
|
|
|
|
processedSize,
|
|
|
|
|
};
|
|
|
|
|
}
|