/**
 * 上传安装主题/插件
 * @param {File} file - ZIP 文件
 * @param {string} type - 'theme' 或 'plugin'
 */
async function uploadAndInstall(file, type = 'theme') {
    // 验证文件
    if (!file.name.endsWith('.zip')) {
        throw new Error('只支持 .zip 格式');
    }
    
    const formData = new FormData();
    formData.append('file', file);
    
    const endpoint = type === 'theme' 
        ? '/admin/theme/upload' 
        : '/admin/plugin/upload';
    
    // 使用 XMLHttpRequest 支持进度
    return new Promise((resolve, reject) => {
        const xhr = new XMLHttpRequest();
        
        // 上传进度
        xhr.upload.addEventListener('progress', (e) => {
            if (e.lengthComputable) {
                const percent = Math.round((e.loaded / e.total) * 100);
                console.log(`上传进度: ${percent}%`);
            }
        });
        
        xhr.onload = () => {
            try {
                const result = JSON.parse(xhr.responseText);
                if (result.success) {
                    resolve(result);
                } else {
                    reject(new Error(result.message));
                }
            } catch (e) {
                reject(new Error('响应解析失败'));
            }
        };
        
        xhr.onerror = () => reject(new Error('网络错误'));
        xhr.open('POST', endpoint);
        xhr.send(formData);
    });
}

// 使用示例
const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', async (e) => {
    const file = e.target.files[0];
    try {
        const result = await uploadAndInstall(file, 'theme');
        console.log('安装成功:', result.name);
        
        // 询问是否启用
        if (confirm(`${result.name} 安装成功，是否立即启用？`)) {
            // 调用启用接口
            await enableTheme(result.slug);
        }
    } catch (error) {
        console.error('安装失败:', error.message);
    }
});