pref: 删除NotificationTestTool 组件， notificationDebugger.js 调试工具删除完成

src/devtools/index.js

@@ -10,20 +10,17 @@
  * 全局 API:
  * - window.__DEBUG__ - 调试 API 主对象
  * - window.__DEBUG__.api - API 调试工具
- * - window.__DEBUG__.notification - 通知调试工具
  * - window.__DEBUG__.socket - Socket 调试工具
  * - window.__DEBUG__.help() - 显示帮助信息
  * - window.__DEBUG__.exportAll() - 导出所有日志
  */
 
 import { apiDebugger } from './apiDebugger';
-import { notificationDebugger } from './notificationDebugger';
 import { socketDebugger } from './socketDebugger';
 
 class DebugToolkit {
     constructor() {
         this.api = apiDebugger;
-        this.notification = notificationDebugger;
         this.socket = socketDebugger;
     }
 
@@ -47,7 +44,6 @@ class DebugToolkit {
 
         // 初始化各个调试工具
         this.api.init();
-        this.notification.init();
         this.socket.init();
 
         // 暴露到全局
@@ -69,22 +65,13 @@ class DebugToolkit {
         console.log('   __DEBUG__.api.exportLogs()           - 导出 API 日志');
         console.log('   __DEBUG__.api.testRequest(method, endpoint, data) - 测试 API 请求');
         console.log('');
-        console.log('%c2️⃣ 通知调试:', 'color: #9C27B0; font-weight: bold;');
-        console.log('   __DEBUG__.notification.getLogs()     - 获取所有通知日志');
-        console.log('   __DEBUG__.notification.forceNotification() - 发送测试浏览器通知');
-        console.log('   __DEBUG__.notification.testWebNotification(type, priority) - 测试网页通知 🆕');
-        console.log('   __DEBUG__.notification.testAllNotificationTypes() - 测试所有类型 🆕');
-        console.log('   __DEBUG__.notification.testAllNotificationPriorities() - 测试所有优先级 🆕');
-        console.log('   __DEBUG__.notification.checkPermission() - 检查通知权限');
-        console.log('   __DEBUG__.notification.exportLogs()  - 导出通知日志');
-        console.log('');
-        console.log('%c3️⃣ Socket 调试:', 'color: #00BCD4; font-weight: bold;');
+        console.log('%c2️⃣ Socket 调试:', 'color: #00BCD4; font-weight: bold;');
         console.log('   __DEBUG__.socket.getLogs()           - 获取所有 Socket 日志');
         console.log('   __DEBUG__.socket.getStatus()         - 获取连接状态');
         console.log('   __DEBUG__.socket.reconnect()         - 手动重连');
         console.log('   __DEBUG__.socket.exportLogs()        - 导出 Socket 日志');
         console.log('');
-        console.log('%c4️⃣ 通用命令:', 'color: #4CAF50; font-weight: bold;');
+        console.log('%c3️⃣ 通用命令:', 'color: #4CAF50; font-weight: bold;');
         console.log('   __DEBUG__.help()                     - 显示帮助信息');
         console.log('   __DEBUG__.exportAll()                - 导出所有日志');
         console.log('   __DEBUG__.printStats()               - 打印所有统计信息');
@@ -113,7 +100,6 @@ class DebugToolkit {
         const allLogs = {
             timestamp: new Date().toISOString(),
             api: this.api.getLogs(),
-            notification: this.notification.getLogs(),
             socket: this.socket.getLogs(),
         };
 
@@ -138,15 +124,11 @@ class DebugToolkit {
         console.log('\n%c[API 统计]', 'color: #2196F3; font-weight: bold;');
         const apiStats = this.api.printStats();
 
-        console.log('\n%c[通知统计]', 'color: #9C27B0; font-weight: bold;');
-        const notificationStats = this.notification.printStats();
-
         console.log('\n%c[Socket 统计]', 'color: #00BCD4; font-weight: bold;');
         const socketStats = this.socket.printStats();
 
         return {
             api: apiStats,
-            notification: notificationStats,
             socket: socketStats,
         };
     }
@@ -157,7 +139,6 @@ class DebugToolkit {
     clearAll() {
         console.log('[Debug Toolkit] Clearing all logs...');
         this.api.clearLogs();
-        this.notification.clearLogs();
         this.socket.clearLogs();
         console.log('[Debug Toolkit] ✅ All logs cleared');
     }
@@ -169,15 +150,11 @@ class DebugToolkit {
         console.log('\n%c=== 🔍 系统诊断 ===', 'color: #FF9800; font-weight: bold; font-size: 16px;');
 
         // 1. Socket 状态
-        console.log('\n%c[1/3] Socket 状态', 'color: #00BCD4; font-weight: bold;');
+        console.log('\n%c[1/2] Socket 状态', 'color: #00BCD4; font-weight: bold;');
         const socketStatus = this.socket.getStatus();
 
-        // 2. 通知权限
-        console.log('\n%c[2/3] 通知权限', 'color: #9C27B0; font-weight: bold;');
-        const notificationStatus = this.notification.checkPermission();
-
-        // 3. API 错误
-        console.log('\n%c[3/3] 最近的 API 错误', 'color: #F44336; font-weight: bold;');
+        // 2. API 错误
+        console.log('\n%c[2/2] 最近的 API 错误', 'color: #F44336; font-weight: bold;');
         const recentErrors = this.api.getRecentErrors(5);
         if (recentErrors.length > 0) {
             console.table(
@@ -193,11 +170,10 @@ class DebugToolkit {
             console.log('✅ 没有 API 错误');
         }
 
-        // 4. 汇总报告
+        // 3. 汇总报告
         const report = {
             timestamp: new Date().toISOString(),
             socket: socketStatus,
-            notification: notificationStatus,
             apiErrors: recentErrors.length,
         };
 

src/devtools/notificationDebugger.js

@@ -1,204 +0,0 @@
-// src/debug/notificationDebugger.js
-/**
- * 通知系统调试工具
- * 扩展现有的 window.__NOTIFY_DEBUG__，添加更多生产环境调试能力
- */
-
-import { browserNotificationService } from '@services/browserNotificationService';
-
-class NotificationDebugger {
-    constructor() {
-        this.eventLog = [];
-        this.maxLogSize = 100;
-    }
-
-    /**
-     * 初始化调试工具
-     */
-    init() {
-        console.log('%c[Notification Debugger] Initialized', 'color: #FF9800; font-weight: bold;');
-    }
-
-    /**
-     * 记录通知事件
-     */
-    logEvent(eventType, data) {
-        const logEntry = {
-            type: eventType,
-            timestamp: new Date().toISOString(),
-            data,
-        };
-
-        this.eventLog.unshift(logEntry);
-        if (this.eventLog.length > this.maxLogSize) {
-            this.eventLog = this.eventLog.slice(0, this.maxLogSize);
-        }
-
-        console.log(
-            `%c[Notification Event] ${eventType}`,
-            'color: #9C27B0; font-weight: bold;',
-            data
-        );
-    }
-
-    /**
-     * 获取所有事件日志
-     */
-    getLogs() {
-        return this.eventLog;
-    }
-
-    /**
-     * 清空日志
-     */
-    clearLogs() {
-        this.eventLog = [];
-        console.log('[Notification Debugger] Logs cleared');
-    }
-
-    /**
-     * 导出日志
-     */
-    exportLogs() {
-        const blob = new Blob([JSON.stringify(this.eventLog, null, 2)], {
-            type: 'application/json',
-        });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = `notification-logs-${Date.now()}.json`;
-        a.click();
-        URL.revokeObjectURL(url);
-        console.log('[Notification Debugger] Logs exported');
-    }
-
-    /**
-     * 强制发送浏览器通知（测试用）
-     */
-    forceNotification(options = {}) {
-        const defaultOptions = {
-            title: '🧪 测试通知',
-            body: `测试时间: ${new Date().toLocaleString()}`,
-            tag: `test_${Date.now()}`,
-            requireInteraction: false,
-            autoClose: 5000,
-        };
-
-        const finalOptions = { ...defaultOptions, ...options };
-
-        console.log('[Notification Debugger] Sending test notification:', finalOptions);
-
-        const notification = browserNotificationService.sendNotification(finalOptions);
-
-        if (notification) {
-            console.log('[Notification Debugger] ✅ Notification sent successfully');
-        } else {
-            console.error('[Notification Debugger] ❌ Failed to send notification');
-        }
-
-        return notification;
-    }
-
-    /**
-     * 检查通知权限状态
-     */
-    checkPermission() {
-        const permission = browserNotificationService.getPermissionStatus();
-        const isSupported = browserNotificationService.isSupported();
-
-        const status = {
-            supported: isSupported,
-            permission,
-            canSend: isSupported && permission === 'granted',
-        };
-
-        console.table(status);
-        return status;
-    }
-
-    /**
-     * 请求通知权限
-     */
-    async requestPermission() {
-        console.log('[Notification Debugger] Requesting notification permission...');
-        const result = await browserNotificationService.requestPermission();
-        console.log(`[Notification Debugger] Permission result: ${result}`);
-        return result;
-    }
-
-    /**
-     * 打印事件统计
-     */
-    printStats() {
-        const stats = {
-            total: this.eventLog.length,
-            byType: {},
-        };
-
-        this.eventLog.forEach((log) => {
-            stats.byType[log.type] = (stats.byType[log.type] || 0) + 1;
-        });
-
-        console.log('=== Notification Stats ===');
-        console.table(stats.byType);
-        console.log(`Total events: ${stats.total}`);
-
-        return stats;
-    }
-
-    /**
-     * 按类型过滤日志
-     */
-    getLogsByType(eventType) {
-        return this.eventLog.filter((log) => log.type === eventType);
-    }
-
-    /**
-     * 获取最近的事件
-     */
-    getRecentEvents(count = 10) {
-        return this.eventLog.slice(0, count);
-    }
-
-    /**
-     * 测试网页通知（需要 window.__TEST_NOTIFICATION__ 可用）
-     */
-    testWebNotification(type = 'event_alert', priority = 'normal') {
-        if (typeof window !== 'undefined' && window.__TEST_NOTIFICATION__) {
-            console.log('[Notification Debugger] 调用测试 API');
-            window.__TEST_NOTIFICATION__.testWebNotification(type, priority);
-        } else {
-            console.error('[Notification Debugger] ❌ window.__TEST_NOTIFICATION__ 不可用');
-            console.error('💡 请确保:');
-            console.error('   1. REACT_APP_ENABLE_DEBUG=true');
-            console.error('   2. NotificationContext 已加载');
-            console.error('   3. 页面已刷新');
-        }
-    }
-
-    /**
-     * 测试所有通知类型
-     */
-    testAllNotificationTypes() {
-        if (typeof window !== 'undefined' && window.__TEST_NOTIFICATION__) {
-            window.__TEST_NOTIFICATION__.testAllTypes();
-        } else {
-            console.error('[Notification Debugger] ❌ window.__TEST_NOTIFICATION__ 不可用');
-        }
-    }
-
-    /**
-     * 测试所有优先级
-     */
-    testAllNotificationPriorities() {
-        if (typeof window !== 'undefined' && window.__TEST_NOTIFICATION__) {
-            window.__TEST_NOTIFICATION__.testAllPriorities();
-        } else {
-            console.error('[Notification Debugger] ❌ window.__TEST_NOTIFICATION__ 不可用');
-        }
-    }
-}
-
-// 导出单例
-export const notificationDebugger = new NotificationDebugger();
-export default notificationDebugger;