feat: 优化缓存管理，增加从缓存读取 CLI 状态和配置的功能

2026-02-05 01:50:27 +08:00 · 2026-01-12 21:57:21 +08:00
parent fd9c55162d
commit 65cb5beec4
3 changed files with 107 additions and 29 deletions
--- a/ccw/src/templates/dashboard-js/components/cli-status.js
+++ b/ccw/src/templates/dashboard-js/components/cli-status.js
@@ -78,14 +78,31 @@ async function loadAllStatusesFallback() {

 /**
 * Legacy: Load CLI tool status individually
+ * 优先从缓存读取，如果缓存有效则直接使用
 */
 async function loadCliToolStatus() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('cli-status');
+    if (cached) {
+      cliToolStatus = cached;
+      updateCliBadge();
+      console.log('[CLI Status] Loaded from cache');
+      return cached;
+    }
+  }
+
  try {
    const response = await fetch('/api/cli/status');
    if (!response.ok) throw new Error('Failed to load CLI status');
    const data = await response.json();
    cliToolStatus = data;

+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('cli-status', data, 300000); // 5分钟
+    }
+
    // Update badge
    updateCliBadge();

@@ -135,36 +152,31 @@ async function loadCodexLensStatus() {
 /**
 * Load CodexLens dashboard data using aggregated endpoint (single API call)
 * This is optimized for the CodexLens Manager page initialization
+ * 优先从缓存读取，如果缓存有效则直接使用
 * @returns {Promise<object|null>} Dashboard init data or null on error
 */
 async function loadCodexLensDashboardInit() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('dashboard-init');
+    if (cached) {
+      applyDashboardInitData(cached);
+      console.log('[CLI Status] CodexLens dashboard init loaded from cache');
+      return cached;
+    }
+  }
+
  try {
    const response = await fetch('/api/codexlens/dashboard-init');
    if (!response.ok) throw new Error('Failed to load CodexLens dashboard init');
    const data = await response.json();

-    // Update status variables from aggregated response
-    codexLensStatus = data.status || { ready: false };
-    semanticStatus = data.semantic || { available: false };
+    applyDashboardInitData(data);

-    // Expose to window for other modules
-    if (!window.cliToolsStatus) {
-      window.cliToolsStatus = {};
+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('dashboard-init', data, 300000); // 5分钟
    }
-    window.cliToolsStatus.codexlens = {
-      installed: data.installed || false,
-      version: data.status?.version || null,
-      installedModels: [],
-      config: data.config || {},
-      semantic: data.semantic || {}
-    };
-
-    // Store config globally for easy access
-    window.codexLensConfig = data.config || {};
-    window.codexLensStatusData = data.statusData || {};
-
-    // Update badges
-    updateCodexLensBadge();

    console.log('[CLI Status] CodexLens dashboard init loaded:', {
      installed: data.installed,
@@ -180,6 +192,35 @@ async function loadCodexLensDashboardInit() {
  }
 }

+/**
+ * 应用 dashboard-init 数据到状态变量
+ * @param {object} data - dashboard init 响应数据
+ */
+function applyDashboardInitData(data) {
+  // Update status variables from aggregated response
+  codexLensStatus = data.status || { ready: false };
+  semanticStatus = data.semantic || { available: false };
+
+  // Expose to window for other modules
+  if (!window.cliToolsStatus) {
+    window.cliToolsStatus = {};
+  }
+  window.cliToolsStatus.codexlens = {
+    installed: data.installed || false,
+    version: data.status?.version || null,
+    installedModels: [],
+    config: data.config || {},
+    semantic: data.semantic || {}
+  };
+
+  // Store config globally for easy access
+  window.codexLensConfig = data.config || {};
+  window.codexLensStatusData = data.statusData || {};
+
+  // Update badges
+  updateCodexLensBadge();
+}
+
 /**
 * Legacy: Load semantic status individually
 */
@@ -229,8 +270,23 @@ async function loadInstalledModels() {

 /**
 * Load CLI tools config from .claude/cli-tools.json (project or global fallback)
+ * 优先从缓存读取，如果缓存有效则直接使用
 */
 async function loadCliToolsConfig() {
+  // 尝试从缓存获取
+  if (window.cacheManager) {
+    const cached = window.cacheManager.get('cli-tools-config');
+    if (cached) {
+      cliToolsConfig = cached.tools?.tools || {};
+      window.claudeCliToolsConfig = cached;
+      if (cached.defaultTool) {
+        defaultCliTool = cached.defaultTool;
+      }
+      console.log('[CLI Tools Config] Loaded from cache');
+      return cached;
+    }
+  }
+
  try {
    const response = await fetch('/api/cli/tools-config');
    if (!response.ok) return null;
@@ -244,6 +300,11 @@ async function loadCliToolsConfig() {
      defaultCliTool = data.defaultTool;
    }

+    // 存入缓存
+    if (window.cacheManager) {
+      window.cacheManager.set('cli-tools-config', data, 300000); // 5分钟
+    }
+
    console.log('[CLI Config] Loaded from:', data._configInfo?.source || 'unknown', '| Default:', data.defaultTool);
    return data;
  } catch (err) {
--- a/ccw/src/templates/dashboard-js/main.js
+++ b/ccw/src/templates/dashboard-js/main.js
@@ -118,22 +118,30 @@ function initPreloadServices() {
    { isHighPriority: true, ttl: 120000 } // 2分钟
  );

+  // CLI 状态 - 高优先级
  window.preloadService.register('cli-status',
    () => fetch('/api/cli/status').then(r => r.ok ? r.json() : Promise.reject(r)),
    { isHighPriority: true, ttl: 300000 } // 5分钟
  );

+  // CLI 工具配置 - /api/cli/config（cli-manager.js 使用）
+  window.preloadService.register('cli-config',
+    () => fetch('/api/cli/config').then(r => r.ok ? r.json() : Promise.reject(r)),
+    { isHighPriority: true, ttl: 300000 } // 5分钟
+  );
+
+  // CLI 工具列表配置 - /api/cli/tools-config（cli-status.js 使用）
+  window.preloadService.register('cli-tools-config',
+    () => fetch('/api/cli/tools-config').then(r => r.ok ? r.json() : Promise.reject(r)),
+    { isHighPriority: true, ttl: 300000 } // 5分钟
+  );
+
  // 注册中优先级数据源
  window.preloadService.register('codexlens-models',
    () => fetch('/api/codexlens/models').then(r => r.ok ? r.json() : Promise.reject(r)),
    { isHighPriority: false, ttl: 600000 } // 10分钟
  );

-  window.preloadService.register('cli-config',
-    () => fetch('/api/cli/config').then(r => r.ok ? r.json() : Promise.reject(r)),
-    { isHighPriority: false, ttl: 300000 } // 5分钟
-  );
-
  // 立即触发高优先级预加载（静默后台执行）
  window.preloadService.runInitialPreload();

--- a/ccw/src/templates/dashboard-js/views/codexlens-manager.js
+++ b/ccw/src/templates/dashboard-js/views/codexlens-manager.js
@@ -1,6 +1,11 @@
 // CodexLens Manager - Configuration, Model Management, and Semantic Dependencies
 // Extracted from cli-manager.js for better maintainability

+// ============================================================
+// EVENT HANDLERS - 用于防止内存泄漏的处理器引用
+// ============================================================
+var _workspaceStatusHandler = null;
+
 // ============================================================
 // CACHE BRIDGE - 使用全局 PreloadService
 // ============================================================
@@ -156,13 +161,17 @@ async function refreshWorkspaceIndexStatus(forceRefresh) {
    if (window.lucide) lucide.createIcons();
  }

-  // 2. Listen for data update events
+  // 2. Listen for data update events (防止内存泄漏：先移除旧监听器)
  if (window.eventManager) {
-    var handleUpdate = function(data) {
+    // 移除之前的监听器（如果存在）
+    if (_workspaceStatusHandler) {
+      window.eventManager.off('data:updated:workspace-status', _workspaceStatusHandler);
+    }
+    // 创建新的监听器并保存引用
+    _workspaceStatusHandler = function(data) {
      render(data);
    };
-    // Use one-time listener or remove at appropriate time
-    window.eventManager.on('data:updated:workspace-status', handleUpdate);
+    window.eventManager.on('data:updated:workspace-status', _workspaceStatusHandler);
  }

  // 3. Trigger background loading