项目迁移

front/src/components/WebSocketHandler.vue

@@ -0,0 +1,475 @@
+<script lang="ts" setup>
+import { ref, inject, watch, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { message, notification } from 'ant-design-vue';
+import { sendNotification } from '@tauri-apps/plugin-notification';
+
+const { t } = useI18n();
+
+interface Props {
+    file: File | undefined;
+    mode: string;
+    showSteps: boolean;
+}
+
+const props = defineProps<Props>();
+
+const emit = defineEmits<{
+    'step-change': [step: number];
+    'reset': [];
+}>();
+
+const currentStep = ref(0);
+const startTime = ref<number>(0);
+const javaAvailable = ref(true);
+const abortController = ref<AbortController | null>(null);
+const ws = ref<WebSocket | null>(null);
+
+interface ProgressStatus {
+    status: 'active' | 'success' | 'exception' | 'normal';
+    percent: number;
+    display: boolean;
+    uploadedSize?: number;
+    totalSize?: number;
+    speed?: number;
+    remainingTime?: number;
+}
+
+const uploadProgress = ref<ProgressStatus>({ status: 'active', percent: 0, display: false });
+const unzipProgress = ref<ProgressStatus>({ status: 'active', percent: 0, display: true });
+const downloadProgress = ref<ProgressStatus>({ status: 'active', percent: 0, display: true });
+const serverInstallProgress = ref<ProgressStatus>({ status: 'active', percent: 0, display: false });
+const filterModsProgress = ref<ProgressStatus>({ status: 'active', percent: 0, display: false });
+
+const serverInstallInfo = ref({
+    modpackName: '',
+    minecraftVersion: '',
+    loaderType: '',
+    loaderVersion: '',
+    currentStep: '',
+    stepIndex: 0,
+    totalSteps: 0,
+    message: '',
+    status: 'idle' as 'idle' | 'installing' | 'completed' | 'error',
+    error: '',
+    installPath: '',
+    duration: 0
+});
+
+const filterModsInfo = ref({
+    totalMods: 0,
+    currentMod: 0,
+    modName: '',
+    filteredCount: 0,
+    movedCount: 0,
+    status: 'idle' as 'idle' | 'filtering' | 'completed' | 'error',
+    error: '',
+    duration: 0
+});
+
+function resetState() {
+    // 取消当前请求
+    if (abortController.value) {
+        abortController.value.abort();
+        abortController.value = null;
+    }
+    
+    // 关闭WebSocket连接
+    if (ws.value) {
+        ws.value.close();
+        ws.value = null;
+    }
+    
+    uploadProgress.value = { status: 'active', percent: 0, display: false };
+    unzipProgress.value = { status: 'active', percent: 0, display: true };
+    downloadProgress.value = { status: 'active', percent: 0, display: true };
+    serverInstallProgress.value = { status: 'active', percent: 0, display: false };
+    filterModsProgress.value = { status: 'active', percent: 0, display: false };
+    currentStep.value = 0;
+    
+    const killCoreProcess = inject("killCoreProcess");
+    if (killCoreProcess && typeof killCoreProcess === 'function') {
+        killCoreProcess();
+    }
+}
+
+watch(() => props.showSteps, (newVal) => {
+    if (newVal && props.file) {
+        runDeEarthX(props.file);
+    }
+});
+
+async function runDeEarthX(file: File) {
+    message.success(t('home.start_production'));
+
+    const formData = new FormData();
+    formData.append('file', file);
+
+    try {
+        message.loading(t('home.task_preparing'));
+        const apiHost = import.meta.env.VITE_API_HOST || 'localhost';
+        const apiPort = import.meta.env.VITE_API_PORT || '37019';
+        const url = `http://${apiHost}:${apiPort}/start?mode=${props.mode}`;
+
+        uploadProgress.value = { status: 'active', percent: 0, display: true };
+        startTime.value = Date.now();
+        
+        // 创建新的AbortController
+        abortController.value = new AbortController();
+
+        const response = await fetch(url, {
+            method: 'POST',
+            body: formData,
+            signal: abortController.value.signal
+        });
+
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status}`);
+        }
+
+        uploadProgress.value.status = 'success';
+        uploadProgress.value.percent = 100;
+        setTimeout(() => {
+            uploadProgress.value.display = false;
+        }, 2000);
+
+        message.success(t('home.task_connecting'));
+        setupWebSocket();
+    } catch (error: any) {
+        if (error.name !== 'AbortError') {
+            console.error('请求失败:', error);
+            message.error(t('home.request_failed'));
+            uploadProgress.value.status = 'exception';
+        }
+        resetState();
+    }
+}
+
+function setupWebSocket() {
+    message.loading(t('home.ws_connecting'));
+    const wsHost = import.meta.env.VITE_WS_HOST || 'localhost';
+    const wsPort = import.meta.env.VITE_WS_PORT || '37019';
+    ws.value = new WebSocket(`ws://${wsHost}:${wsPort}/`);
+
+    ws.value.addEventListener('open', () => {
+        message.success(t('home.ws_connected'));
+    });
+
+    ws.value.addEventListener('message', (event) => {
+        try {
+            const data = JSON.parse(event.data);
+
+            if (data.type === 'error') {
+                handleError(data.message);
+            } else if (data.type === 'info') {
+                message.info(data.message);
+            } else if (data.status) {
+                switch (data.status) {
+                    case 'error':
+                        handleError(data.result);
+                        break;
+                    case 'changed':
+                        currentStep.value++;
+                        emit('step-change', currentStep.value);
+                        break;
+                    case 'unzip':
+                        updateUnzipProgress(data.result);
+                        break;
+                    case 'downloading':
+                        updateDownloadProgress(data.result);
+                        break;
+                    case 'finish':
+                        handleFinish(data.result);
+                        break;
+                    case 'server_install_start':
+                        handleServerInstallStart(data.result);
+                        break;
+                    case 'server_install_step':
+                        handleServerInstallStep(data.result);
+                        break;
+                    case 'server_install_progress':
+                        handleServerInstallProgress(data.result);
+                        break;
+                    case 'server_install_complete':
+                        handleServerInstallComplete(data.result);
+                        break;
+                    case 'server_install_error':
+                        handleServerInstallError(data.result);
+                        break;
+                    case 'filter_mods_start':
+                        handleFilterModsStart(data.result);
+                        break;
+                    case 'filter_mods_progress':
+                        handleFilterModsProgress(data.result);
+                        break;
+                    case 'filter_mods_complete':
+                        handleFilterModsComplete(data.result);
+                        break;
+                    case 'filter_mods_error':
+                        handleFilterModsError(data.result);
+                        break;
+                }
+            }
+        } catch (error) {
+            console.error('解析WebSocket消息失败:', error);
+            notification.error({ message: t('common.error'), description: t('home.parse_error') });
+        }
+    });
+
+    ws.value.addEventListener('error', () => {
+        notification.error({
+            message: t('home.ws_error_title'),
+            description: `${t('home.ws_error_desc')}\n\n${t('home.suggestions')}:\n1. ${t('home.suggestion_check_backend')}\n2. ${t('home.suggestion_check_port')}\n3. ${t('home.suggestion_restart_application')}`,
+            duration: 0
+        });
+        resetState();
+    });
+
+    ws.value.addEventListener('close', () => {
+        console.log('WebSocket连接关闭');
+        ws.value = null;
+    });
+}
+
+// 组件卸载时清理资源
+onUnmounted(() => {
+    resetState();
+});
+
+function handleError(result: any) {
+    if (result === 'jini') {
+        javaAvailable.value = false;
+        notification.error({
+            message: t('home.java_error_title'),
+            description: t('home.java_error_desc'),
+            duration: 0
+        });
+    } else if (typeof result === 'string') {
+        let errorTitle = t('home.backend_error');
+        let errorDesc = t('home.backend_error_desc', { error: result });
+        let suggestions: string[] = [];
+
+        if (result.includes('network') || result.includes('connection') || result.includes('timeout')) {
+            errorTitle = t('home.network_error_title');
+            errorDesc = t('home.network_error_desc', { error: result });
+            suggestions = [
+                t('home.suggestion_check_network'),
+                t('home.suggestion_check_firewall'),
+                t('home.suggestion_retry')
+            ];
+        } else if (result.includes('file') || result.includes('permission') || result.includes('disk')) {
+            errorTitle = t('home.file_error_title');
+            errorDesc = t('home.file_error_desc', { error: result });
+            suggestions = [
+                t('home.suggestion_check_disk_space'),
+                t('home.suggestion_check_permission'),
+                t('home.suggestion_check_file_format')
+            ];
+        } else if (result.includes('memory') || result.includes('out of memory') || result.includes('heap')) {
+            errorTitle = t('home.memory_error_title');
+            errorDesc = t('home.memory_error_desc', { error: result });
+            suggestions = [
+                t('home.suggestion_increase_memory'),
+                t('home.suggestion_close_other_apps'),
+                t('home.suggestion_restart_application')
+            ];
+        } else {
+            suggestions = [
+                t('home.suggestion_check_backend'),
+                t('home.suggestion_check_logs'),
+                t('home.suggestion_contact_support')
+            ];
+        }
+
+        const fullDescription = `${errorDesc}\n\n${t('home.suggestions')}:\n${suggestions.map((s, i) => `${i + 1}. ${s}`).join('\n')}`;
+
+        notification.error({
+            message: errorTitle,
+            description: fullDescription,
+            duration: 0
+        });
+
+        resetState();
+    } else {
+        notification.error({
+            message: t('home.unknown_error_title'),
+            description: t('home.unknown_error_desc'),
+            duration: 0
+        });
+        resetState();
+    }
+}
+
+function updateUnzipProgress(result: { current: number; total: number }) {
+    unzipProgress.value.percent = Math.round((result.current / result.total) * 100);
+    if (result.current === result.total) {
+        unzipProgress.value.status = 'success';
+        setTimeout(() => {
+            unzipProgress.value.display = false;
+        }, 2000);
+    }
+    updateWindowProgress();
+}
+
+function updateDownloadProgress(result: { index: number; total: number }) {
+    downloadProgress.value.percent = Math.round((result.index / result.total) * 100);
+    if (downloadProgress.value.percent === 100) {
+        downloadProgress.value.status = 'success';
+        setTimeout(() => {
+            downloadProgress.value.display = false;
+        }, 2000);
+    }
+    updateWindowProgress();
+}
+
+function updateWindowProgress() {
+    (window as any).progressData = {
+        uploadProgress: uploadProgress.value,
+        unzipProgress: unzipProgress.value,
+        downloadProgress: downloadProgress.value,
+        serverInstallProgress: serverInstallProgress.value,
+        filterModsProgress: filterModsProgress.value,
+        serverInstallInfo: serverInstallInfo.value,
+        filterModsInfo: filterModsInfo.value
+    };
+}
+
+function handleFinish(result: number) {
+    const timeSpent = Math.round(result / 1000);
+    currentStep.value++;
+    emit('step-change', currentStep.value);
+    message.success(t('home.production_complete', { time: timeSpent }));
+    sendNotification({ title: t('common.app_name'), body: t('home.production_complete', { time: timeSpent }) });
+
+    setTimeout(() => {
+        emit('reset');
+    }, 8000);
+}
+
+function handleServerInstallStart(result: any) {
+    serverInstallInfo.value = {
+        modpackName: result.modpackName,
+        minecraftVersion: result.minecraftVersion,
+        loaderType: result.loaderType,
+        loaderVersion: result.loaderVersion,
+        currentStep: '',
+        stepIndex: 0,
+        totalSteps: 0,
+        message: 'Starting installation...',
+        status: 'installing',
+        error: '',
+        installPath: '',
+        duration: 0
+    };
+    serverInstallProgress.value = { status: 'active', percent: 0, display: true };
+    updateWindowProgress();
+}
+
+function handleServerInstallStep(result: any) {
+    serverInstallInfo.value.currentStep = result.step;
+    serverInstallInfo.value.stepIndex = result.stepIndex;
+    serverInstallInfo.value.totalSteps = result.totalSteps;
+    serverInstallInfo.value.message = result.message || result.step;
+    
+    const overallProgress = (result.stepIndex / result.totalSteps) * 100;
+    serverInstallProgress.value.percent = Math.round(overallProgress);
+    updateWindowProgress();
+}
+
+function handleServerInstallProgress(result: any) {
+    serverInstallInfo.value.currentStep = result.step;
+    serverInstallInfo.value.message = result.message || result.step;
+    serverInstallProgress.value.percent = result.progress;
+    updateWindowProgress();
+}
+
+function handleServerInstallComplete(result: any) {
+    serverInstallInfo.value.status = 'completed';
+    serverInstallInfo.value.installPath = result.installPath;
+    serverInstallInfo.value.duration = result.duration;
+    serverInstallInfo.value.message = t('home.server_install_completed');
+    serverInstallProgress.value = { status: 'success', percent: 100, display: true };
+    
+    currentStep.value++;
+    emit('step-change', currentStep.value);
+    
+    const timeSpent = Math.round(result.duration / 1000);
+    message.success(t('home.server_install_completed') + ` ${t('home.server_install_duration')}: ${timeSpent}s`);
+    sendNotification({ title: t('common.app_name'), body: t('home.production_complete', { time: timeSpent }) });
+    
+    setTimeout(() => {
+        serverInstallProgress.value.display = false;
+    }, 8000);
+    updateWindowProgress();
+}
+
+function handleServerInstallError(result: any) {
+    serverInstallInfo.value.status = 'error';
+    serverInstallInfo.value.error = result.error;
+    serverInstallInfo.value.message = result.error;
+    serverInstallProgress.value = { status: 'exception', percent: serverInstallProgress.value.percent, display: true };
+    
+    notification.error({
+        message: t('home.server_install_error'),
+        description: result.error,
+        duration: 0
+    });
+    updateWindowProgress();
+}
+
+function handleFilterModsStart(result: any) {
+    filterModsInfo.value = {
+        totalMods: result.totalMods,
+        currentMod: 0,
+        modName: '',
+        filteredCount: 0,
+        movedCount: 0,
+        status: 'filtering',
+        error: '',
+        duration: 0
+    };
+    filterModsProgress.value = { status: 'active', percent: 0, display: true };
+    updateWindowProgress();
+}
+
+function handleFilterModsProgress(result: any) {
+    filterModsInfo.value.currentMod = result.current;
+    filterModsInfo.value.modName = result.modName;
+    
+    const percent = Math.round((result.current / result.total) * 100);
+    filterModsProgress.value.percent = percent;
+    updateWindowProgress();
+}
+
+function handleFilterModsComplete(result: any) {
+    filterModsInfo.value.status = 'completed';
+    filterModsInfo.value.filteredCount = result.filteredCount;
+    filterModsInfo.value.movedCount = result.movedCount;
+    filterModsInfo.value.duration = result.duration;
+    filterModsProgress.value = { status: 'success', percent: 100, display: true };
+    
+    const timeSpent = Math.round(result.duration / 1000);
+    message.success(t('home.filter_mods_completed', { filtered: result.filteredCount, moved: result.movedCount }) + ` ${t('home.server_install_duration')}: ${timeSpent}s`);
+    
+    setTimeout(() => {
+        filterModsProgress.value.display = false;
+    }, 8000);
+    updateWindowProgress();
+}
+
+function handleFilterModsError(result: any) {
+    filterModsInfo.value.status = 'error';
+    filterModsInfo.value.error = result.error;
+    filterModsProgress.value = { status: 'exception', percent: filterModsProgress.value.percent, display: true };
+    
+    notification.error({
+        message: t('home.filter_mods_error'),
+        description: result.error,
+        duration: 0
+    });
+    updateWindowProgress();
+}
+</script>
+
+<template>
+</template>