makemd/dashboard/src/mock/msw.ts

/**
 * [MOCK-003] MSW Mock配置
 * 拦截HTTP请求，返回Mock数据
 * AI注意: 这是网络层拦截，业务代码完全无感知
 *
 * @module mock/msw
 * @author AI-Frontend-Team
 * @created 2026-03-19
 */

import { setupWorker, rest } from 'msw';
import {
  mockCertificates,
  getMockCertificates,
  getMockCertificateById,
  createMockCertificate,
  updateMockCertificate,
  deleteMockCertificate,
} from './data/certificate.mock';

/**
 * MSW请求处理器
 * 拦截证书相关API请求
 */
export const handlers = [
  // ============================================
  // 证书列表查询
  // ============================================
  rest.get('/api/v1/certificate/certificates', (req, res, ctx) => {
    const status = req.url.searchParams.get('status');
    const type = req.url.searchParams.get('type');
    const keyword = req.url.searchParams.get('keyword');
    const page = parseInt(req.url.searchParams.get('page') || '1');
    const pageSize = parseInt(req.url.searchParams.get('pageSize') || '10');

    console.log('[MSW] GET /api/v1/certificate/certificates', { status, type, keyword, page, pageSize });

    let data = getMockCertificates({ status: status || undefined, type: type || undefined, keyword: keyword || undefined });

    // 分页
    const start = (page - 1) * pageSize;
    const end = start + pageSize;
    const paginatedData = data.slice(start, end);

    return res(
      ctx.delay(300),
      ctx.status(200),
      ctx.json({
        success: true,
        data: paginatedData,
        total: data.length,
        page,
        pageSize,
      })
    );
  }),

  // ============================================
  // 证书详情
  // ============================================
  rest.get('/api/v1/certificate/certificates/:id', (req, res, ctx) => {
    const { id } = req.params;
    const cert = getMockCertificateById(id as string);

    console.log('[MSW] GET /api/v1/certificate/certificates/:id', { id });

    if (!cert) {
      return res(
        ctx.delay(200),
        ctx.status(404),
        ctx.json({ success: false, error: '证书不存在' })
      );
    }

    return res(
      ctx.delay(200),
      ctx.status(200),
      ctx.json({ success: true, data: cert })
    );
  }),

  // ============================================
  // 创建证书
  // ============================================
  rest.post('/api/v1/certificate/certificates', async (req, res, ctx) => {
    const body = await req.json();

    console.log('[MSW] POST /api/v1/certificate/certificates', body);

    const newCert = createMockCertificate(body);

    return res(
      ctx.delay(500),
      ctx.status(200),
      ctx.json({
        success: true,
        data: { id: newCert.id },
      })
    );
  }),

  // ============================================
  // 更新证书
  // ============================================
  rest.put('/api/v1/certificate/certificates/:id', async (req, res, ctx) => {
    const { id } = req.params;
    const body = await req.json();

    console.log('[MSW] PUT /api/v1/certificate/certificates/:id', { id, body });

    const updated = updateMockCertificate(id as string, body);

    if (!updated) {
      return res(
        ctx.delay(200),
        ctx.status(404),
        ctx.json({ success: false, error: '证书不存在' })
      );
    }

    return res(
      ctx.delay(300),
      ctx.status(200),
      ctx.json({ success: true, data: updated })
    );
  }),

  // ============================================
  // 更新证书状态（审核）
  // ============================================
  rest.put('/api/v1/certificate/certificates/:id/status', async (req, res, ctx) => {
    const { id } = req.params;
    const { status, approvedBy } = await req.json();

    console.log('[MSW] PUT /api/v1/certificate/certificates/:id/status', { id, status, approvedBy });

    const updates: any = { status };
    if (status === 'APPROVED') {
      updates.approvedBy = approvedBy || 'admin';
      updates.approvedDate = new Date().toISOString().split('T')[0];
    }

    const updated = updateMockCertificate(id as string, updates);

    if (!updated) {
      return res(
        ctx.delay(200),
        ctx.status(404),
        ctx.json({ success: false, error: '证书不存在' })
      );
    }

    return res(
      ctx.delay(300),
      ctx.status(200),
      ctx.json({ success: true })
    );
  }),

  // ============================================
  // 删除证书
  // ============================================
  rest.delete('/api/v1/certificate/certificates/:id', (req, res, ctx) => {
    const { id } = req.params;

    console.log('[MSW] DELETE /api/v1/certificate/certificates/:id', { id });

    const deleted = deleteMockCertificate(id as string);

    if (!deleted) {
      return res(
        ctx.delay(200),
        ctx.status(404),
        ctx.json({ success: false, error: '证书不存在' })
      );
    }

    return res(
      ctx.delay(200),
      ctx.status(200),
      ctx.json({ success: true })
    );
  }),
];

/**
 * MSW Worker实例
 * 在浏览器环境中使用
 */
export const worker = setupWorker(...handlers);

/**
 * 启动MSW
 * @param options 启动选项
 */
export async function startMSW(options?: { onUnhandledRequest?: 'bypass' | 'warn' | 'error' }) {
  if (process.env.REACT_APP_USE_MOCK !== 'true') {
    console.log('[MSW] Mock mode is disabled');
    return;
  }

  console.log('[MSW] Starting Mock Service Worker...');

  await worker.start({
    onUnhandledRequest: options?.onUnhandledRequest || 'bypass',
  });

  console.log('[MSW] Mock Service Worker started');
}

/**
 * 停止MSW
 */
export function stopMSW() {
  worker.stop();
  console.log('[MSW] Mock Service Worker stopped');
}