feat(core): 添加检查更新功能及相关日志支持

- 新增 checkForUpdates 工具函数，实现从市场拉取扩展最新版本并提示更新
- 在激活流程中增加日志记录功能，区分开发、生产及测试模式
- 生产模式激活时自动执行更新检查
- 新建日志模块，提供基于扩展模式的日志记录功能
- 扩展 deactivate 时记录日志并清理资源
- 新增对应的单元测试覆盖更新检查及日志模块
- 添加 showAlert RPC 接口及测试支持，实现消息提示功能
- 新增 ProgressShimmer 组件及样式，用于展示加载动画提示
- ToolBubble 组件中集成 ProgressShimmer，优化确认等待展示
- 更新测试环境配置，增加 vscode 模块的 mock 支持
- 添加 semver 依赖及其类型声明支持版本比较功能

Author: hqwlkj

package-lock.json

@@ -111,6 +111,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.81.0",
+    "semver": "^7.8.5",
     "shadcn": "^4.12.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
@@ -125,6 +126,7 @@
     "@types/node": "22.x",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
+    "@types/semver": "^7.7.1",
     "@types/vscode": "^1.85.0",
     "@vitejs/plugin-react-swc": "^4.2.1",
     "@vscode/vsce": "^3.6.0",

packages/vscode-ide-companion/package.json

@@ -18,6 +18,8 @@ import {
 import { getWebviewContent } from "./getWebviewContent.js";
 import { appRouter, type RouterContext } from "./router.js";
 import { attachRouterToPanel } from "@webview-rpc/host";
+import { createLogger } from "./utils/logger.js";
+import { checkForUpdates } from "./utils/checkForUpdates.js";
 
 const DEFAULT_MODEL = "deepseek-v4-pro";
 const DEFAULT_BASE_URL = "https://api.deepseek.com";
@@ -26,6 +28,9 @@ type ReasoningMessageParams = {
   reasoning_content?: string;
 };
 
+let log: (message: string) => void = () => {};
+let logger: vscode.OutputChannel;
+
 export class DeepCodeViewProvider implements vscode.WebviewViewProvider {
   public static readonly viewType = "deepcode.chatView";
 
@@ -279,8 +284,21 @@ export class DeepCodeViewProvider implements vscode.WebviewViewProvider {
   }
 }
 
-export function activate(context: vscode.ExtensionContext): void {
+export async function activate(context: vscode.ExtensionContext): Promise<void> {
   process.env.NoDefaultCurrentDirectoryInExePath = "1";
+  logger = vscode.window.createOutputChannel("Deep Code");
+  log = createLogger(context, logger);
+  log("Extension activated");
+
+  if (context.extensionMode === vscode.ExtensionMode.Development) {
+    log("Running in Development mode");
+  } else if (context.extensionMode === vscode.ExtensionMode.Production) {
+    log("Running in Production mode");
+    await checkForUpdates(context, log);
+  } else {
+    log("Running in Test mode");
+  }
+
   try {
     setShellIfWindows();
   } catch (error) {
@@ -326,8 +344,18 @@ export function activate(context: vscode.ExtensionContext): void {
       await vscode.commands.executeCommand("deepcode.chatView.focus");
     })
   );
+  context.subscriptions.push(logger);
 }
 
 export function deactivate(): void {
-  // no-op
+  try {
+    log("Extension deactivated");
+  } catch (err) {
+    const message = err instanceof Error ? err.message : String(err);
+    log(`Error during deactivation: ${message}`);
+  } finally {
+    if (logger) {
+      logger.dispose();
+    }
+  }
 }

packages/vscode-ide-companion/src/extension.ts

@@ -1,4 +1,5 @@
 import { initWRPC } from "@webview-rpc/host";
+import * as vscodeApi from "vscode";
 import z from "zod";
 import type { SessionManager, SkillInfo, UserToolPermission, PermissionScope } from "@vegamo/deepcode-core";
 
@@ -242,6 +243,11 @@ export const appRouter = router({
     await ctx.openSettings();
     return { ok: true };
   }),
+  showAlert: procedure.input(z.string()).resolve(({ input }) => {
+    console.log("[Extension] Received message:", input);
+    vscodeApi.window.showInformationMessage(input);
+    return { ok: true };
+  }),
 });
 
 export type AppRouter = typeof appRouter;

packages/vscode-ide-companion/src/router.ts

@@ -0,0 +1,61 @@
+/**
+ * Vitest mock for the `vscode` module.
+ *
+ * VS Code is only available at runtime in the actual VS Code extension host.
+ * This mock allows extension utility tests to resolve the import.
+ */
+
+const vscodeMock = {
+  window: {
+    showInformationMessage: vi.fn(),
+    showErrorMessage: vi.fn(),
+    showTextDocument: vi.fn(),
+    activeTextEditor: undefined,
+    createOutputChannel: vi.fn(() => ({
+      appendLine: vi.fn(),
+    })),
+  },
+  commands: {
+    executeCommand: vi.fn(),
+    registerCommand: vi.fn(() => ({ dispose: vi.fn() })),
+  },
+  ExtensionMode: {
+    Development: 1,
+    Production: 2,
+    Test: 3,
+  },
+  Uri: {
+    file: vi.fn((path: string) => ({ fsPath: path })),
+  },
+  workspace: {
+    workspaceFolders: [{ uri: { fsPath: "/test/workspace" } }],
+  },
+  env: {
+    clipboard: { writeText: vi.fn() },
+    machineId: "test-machine-id",
+  },
+  Position: vi.fn(),
+  Selection: vi.fn(),
+  Range: vi.fn(),
+  TextEditorRevealType: {
+    InCenter: 1,
+  },
+  WebviewViewProvider: class {},
+  ExtensionContext: class {},
+};
+
+(globalThis as any).vi = vi;
+
+export default vscodeMock;
+export const window = vscodeMock.window;
+export const commands = vscodeMock.commands;
+export const ExtensionMode = vscodeMock.ExtensionMode;
+export const Uri = vscodeMock.Uri;
+export const workspace = vscodeMock.workspace;
+export const env = vscodeMock.env;
+export const Position = vscodeMock.Position;
+export const Selection = vscodeMock.Selection;
+export const Range = vscodeMock.Range;
+export const TextEditorRevealType = vscodeMock.TextEditorRevealType;
+export const WebviewViewProvider = vscodeMock.WebviewViewProvider;
+export const ExtensionContext = vscodeMock.ExtensionContext;

packages/vscode-ide-companion/src/tests/__mocks__/vscode.ts

@@ -11,6 +11,28 @@ import { vi } from "vitest";
 // Global mocks
 // ---------------------------------------------------------------------------
 
+// Mock VS Code module for extension utilities
+vi.mock("vscode", () => ({
+  window: {
+    showInformationMessage: vi.fn(),
+    showErrorMessage: vi.fn(),
+    showTextDocument: vi.fn(),
+    activeTextEditor: undefined,
+  },
+  commands: {
+    executeCommand: vi.fn(),
+    registerCommand: vi.fn(),
+  },
+  ExtensionMode: {
+    Development: 1,
+    Production: 2,
+    Test: 3,
+  },
+  Uri: {
+    file: vi.fn((path: string) => ({ fsPath: path })),
+  },
+}));
+
 // Mock window.matchMedia
 Object.defineProperty(window, "matchMedia", {
   writable: true,
@@ -44,6 +66,7 @@ class IntersectionObserverMock implements IntersectionObserver {
   rootMargin: string = "";
   thresholds: ReadonlyArray<number> = [];
   constructor() {}
+  scrollMargin: string = "";
 }
 window.IntersectionObserver = IntersectionObserverMock as unknown as typeof IntersectionObserver;