From 4f1d7f495ac6b5f6c55375f4794a1858a62b14de Mon Sep 17 00:00:00 2001
From: Roe-xin <xiang200308037300@qq.com>
Date: Wed, 28 Jan 2026 21:38:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0Webview=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=8F=90=E4=BE=9B=E8=80=85=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?HTML=E5=86=85=E5=AE=B9=E7=94=9F=E6=88=90=E5=92=8C=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E6=9C=8D=E5=8A=A1=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                        |   2 +-
 src/extension.ts                    |   7 +-
 src/services/notificationService.ts |  17 +-
 src/views/ICViewProvider.ts         | 304 ++++++++++------------------
 4 files changed, 130 insertions(+), 200 deletions(-)

diff --git a/package.json b/package.json
index 1752096..cef51f8 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "activationEvents": [
     "onCommand:ic-coder.openPanel",
-    "onView:ic-coder-sidebar",
+    "onView:ic-coder.mainView",
     "onLanguage:verilog",
     "onLanguage:vhdl",
     "onStartupFinished"
diff --git a/src/extension.ts b/src/extension.ts
index cb9192a..ba00e75 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -289,7 +289,12 @@ export async function activate(context: vscode.ExtensionContext) {
   const viewProvider = new ICViewProvider(context.extensionUri, context);
   const viewRegistration = vscode.window.registerWebviewViewProvider(
     "ic-coder.mainView",
-    viewProvider
+    viewProvider,
+    {
+      webviewOptions: {
+        retainContextWhenHidden: true
+      }
+    }
   );
 
   // 注册 VCD 自定义编辑器
diff --git a/src/services/notificationService.ts b/src/services/notificationService.ts
index db18ee0..86f6442 100644
--- a/src/services/notificationService.ts
+++ b/src/services/notificationService.ts
@@ -1,8 +1,14 @@
 import * as vscode from 'vscode';
 import * as path from 'path';
 
-// 使用 require 导入 node-notifier
-const notifier = require('node-notifier');
+// 尝试加载 node-notifier，如果失败则使用 null
+let notifier: any = null;
+try {
+  notifier = require('node-notifier');
+  console.log('[NotificationService] node-notifier 加载成功');
+} catch (error) {
+  console.log('[NotificationService] node-notifier 加载失败，将只使用 VS Code 内置通知');
+}
 
 /**
  * 通知类型枚举
@@ -114,6 +120,13 @@ export class NotificationService {
     }
     console.log('[NotificationService] 通过防抖检查');
 
+    // 如果 node-notifier 不可用，直接使用 VS Code 内置通知
+    if (!notifier) {
+      console.log('[NotificationService] node-notifier 不可用，使用 VS Code 内置通知');
+      this.showVSCodeNotification(title, message, type, onClick);
+      return;
+    }
+
     // 使用 node-notifier 发送系统通知
     console.log('[NotificationService] 使用 node-notifier 发送系统通知');
 
diff --git a/src/views/ICViewProvider.ts b/src/views/ICViewProvider.ts
index 6fcece9..f4a55fb 100644
--- a/src/views/ICViewProvider.ts
+++ b/src/views/ICViewProvider.ts
@@ -206,35 +206,46 @@ export class ICViewProvider implements vscode.WebviewViewProvider {
   }
 
   resolveWebviewView(webviewView: vscode.WebviewView) {
+    console.log('[ICViewProvider] ========== resolveWebviewView 被调用 ==========');
+
     // 保存引用以便后续刷新
     this._view = webviewView;
 
     webviewView.webview.options = {
       enableScripts: true,
-      localResourceRoots: [vscode.Uri.joinPath(this.extensionUri, "media")],
+      localResourceRoots: [
+        vscode.Uri.joinPath(this.extensionUri, "media"),
+        vscode.Uri.joinPath(this.extensionUri, "src", "assets")
+      ],
     };
 
-    // 异步检查 token 是否过期并清除
-    vscode.authentication.getSession("iccoder", [], { createIfNone: false })
-      .then((session) => {
-        const token = session?.accessToken;
-        if (token && isTokenExpired(token)) {
-          // 静默清除过期的 session
-          this.context.globalState.update('icCoderSessions', []);
-          this.context.globalState.update('icCoderUserInfo', undefined);
-          console.log('[ICViewProvider] Token 已过期，已清除所有登录状态');
-        }
-      }, () => {
-        // 忽略错误
-      });
+    console.log('[ICViewProvider] Webview options 已设置');
+    console.log('[ICViewProvider] extensionUri:', this.extensionUri.toString());
 
-    // 检查是否已登录（使用 Authentication API）
-    this.checkLoginStatus().then((isLoggedIn) => {
-      webviewView.webview.html = this.getWebviewContent(
-        webviewView.webview,
-        isLoggedIn
-      );
-    });
+    // 【关键修复】先设置默认 HTML，避免一直加载
+    try {
+      const html = this.getWebviewContent(webviewView.webview, false);
+      console.log('[ICViewProvider] HTML 内容已生成，长度:', html.length);
+      webviewView.webview.html = html;
+      console.log('[ICViewProvider] HTML 已设置到 webview');
+    } catch (error) {
+      console.error('[ICViewProvider] 设置 HTML 失败:', error);
+    }
+
+    // 异步检查登录状态并更新 UI
+    this.checkLoginStatus()
+      .then((isLoggedIn) => {
+        console.log('[ICViewProvider] 登录状态检查完成:', isLoggedIn);
+        webviewView.webview.html = this.getWebviewContent(
+          webviewView.webview,
+          isLoggedIn
+        );
+      })
+      .catch((error) => {
+        console.error('[ICViewProvider] 检查登录状态失败:', error);
+        // 即使失败也显示未登录状态
+        webviewView.webview.html = this.getWebviewContent(webviewView.webview, false);
+      });
 
     // 处理侧边栏的消息
     webviewView.webview.onDidReceiveMessage(
@@ -265,187 +276,88 @@ export class ICViewProvider implements vscode.WebviewViewProvider {
     webview: vscode.Webview,
     isLoggedIn: boolean
   ): string {
+    console.log('[ICViewProvider] 开始生成 HTML 内容, isLoggedIn:', isLoggedIn);
+
     const logoUri = webview.asWebviewUri(
       vscode.Uri.joinPath(this.extensionUri, "media", "icon.png")
     );
 
-    return `
-      <!DOCTYPE html>
-      <html>
-      <head>
-        <style>
-          body {
-            margin: 0;
-            padding: 0;
-            font-family: var(--vscode-font-family);
-            color: var(--vscode-foreground);
-            height: 100vh;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            background: linear-gradient(135deg,
-              var(--vscode-editor-background) 0%,
-              color-mix(in srgb, var(--vscode-editor-background) 85%, var(--vscode-button-background) 15%) 50%,
-              color-mix(in srgb, var(--vscode-editor-background) 90%, var(--vscode-button-background) 10%) 100%);
-          }
-          .container {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            align-items: center;
-            text-align: center;
-            padding: 20px;
-          }
-          .container img {
-            margin-bottom: 16px;
-          }
-          .container h2 {
-            margin: 0 0 16px 0;
-          }
-          .btn {
-            width: 200px;
-            padding: 8px 12px;
-            margin: 4px 0;
-            background: var(--vscode-button-background);
-            color: var(--vscode-button-foreground);
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            text-align: center;
-          }
-          .btn:hover {
-            background: var(--vscode-button-hoverBackground);
-          }
-          h3 {
-            margin: 0 0 8px 0;
-            font-size: 12px;
-            color: var(--vscode-descriptionForeground);
-          }
-        </style>
-      </head>
-      <body>
-        <div class="container">
-          <img src="${logoUri}" alt="IC Coder" width="120" />
-          <h2>欢迎使用 IC Coder</h2>
-          ${
-            isLoggedIn
-              ? '<button class="btn" onclick="openChat()">开始创作</button>'
-              : '<button class="btn" onclick="login()">登录账户</button>'
-          }
-        </div>
+    return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: var(--vscode-font-family);
+      color: var(--vscode-foreground);
+      height: 100vh;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background: linear-gradient(135deg,
+        var(--vscode-editor-background) 0%,
+        color-mix(in srgb, var(--vscode-editor-background) 85%, var(--vscode-button-background) 15%) 50%,
+        color-mix(in srgb, var(--vscode-editor-background) 90%, var(--vscode-button-background) 10%) 100%);
+    }
+    .container {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+      padding: 20px;
+    }
+    .container img {
+      margin-bottom: 16px;
+    }
+    .container h2 {
+      margin: 0 0 16px 0;
+    }
+    .btn {
+      width: 200px;
+      padding: 8px 12px;
+      margin: 4px 0;
+      background: var(--vscode-button-background);
+      color: var(--vscode-button-foreground);
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      text-align: center;
+    }
+    .btn:hover {
+      background: var(--vscode-button-hoverBackground);
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <img src="${logoUri}" alt="IC Coder" width="120" />
+    <h2>欢迎使用 IC Coder</h2>
+    ${isLoggedIn
+      ? '<button class="btn" onclick="openChat()">开始创作</button>'
+      : '<button class="btn" onclick="login()">登录账户</button>'
+    }
+  </div>
+  <script>
+    console.log('[Webview] 脚本已加载');
+    const vscode = acquireVsCodeApi();
 
-        <script>
-          const vscode = acquireVsCodeApi();
+    function openChat() {
+      console.log('[Webview] 点击开始创作');
+      vscode.postMessage({ command: 'openChat' });
+    }
 
-          function openChat() {
-            vscode.postMessage({ command: 'openChat' });
-          }
+    function login() {
+      console.log('[Webview] 点击登录');
+      vscode.postMessage({ command: 'login' });
+    }
 
-          // 登录功能
-          function login() {
-            vscode.postMessage({ command: 'login' });
-          }
-
-          function generateCode(type) {
-            const code = getCodeTemplate(type);
-            vscode.postMessage({
-              command: 'insertCode',
-              code: code
-            });
-          }
-
-          function getCodeTemplate(type) {
-            const templates = {
-              counter: \`module counter #(
-  parameter WIDTH = 4
-)(
-  input wire clk,
-  input wire rst_n,
-  input wire enable,
-  output reg [WIDTH-1:0] count
-);
-  always @(posedge clk or negedge rst_n) begin
-    if (!rst_n) begin
-      count <= 0;
-    end else if (enable) begin
-      count <= count + 1;
-    end
-  end
-endmodule\`,
-              fsm: \`module fsm (
-  input wire clk,
-  input wire rst_n,
-  input wire start,
-  output reg done
-);
-  parameter IDLE = 2'b00;
-  parameter STATE1 = 2'b01;
-  parameter STATE2 = 2'b10;
-
-  reg [1:0] state, next_state;
-
-  always @(posedge clk or negedge rst_n) begin
-    if (!rst_n) begin
-      state <= IDLE;
-    end else begin
-      state <= next_state;
-    end
-  end
-
-  always @(*) begin
-    case (state)
-      IDLE:   next_state = start ? STATE1 : IDLE;
-      STATE1: next_state = STATE2;
-      STATE2: next_state = IDLE;
-      default: next_state = IDLE;
-    endcase
-  end
-
-  assign done = (state == STATE2);
-endmodule\`,
-              fifo: \`module sync_fifo #(
-  parameter DATA_WIDTH = 8,
-  parameter DEPTH = 16
-)(
-  input wire clk,
-  input wire rst_n,
-  input wire wr_en,
-  input wire [DATA_WIDTH-1:0] din,
-  input wire rd_en,
-  output reg [DATA_WIDTH-1:0] dout,
-  output wire full,
-  output wire empty
-);
-  reg [DATA_WIDTH-1:0] mem [0:DEPTH-1];
-  reg [$clog2(DEPTH):0] wr_ptr, rd_ptr;
-
-  assign full = (wr_ptr == rd_ptr + DEPTH);
-  assign empty = (wr_ptr == rd_ptr);
-
-  always @(posedge clk) begin
-    if (!rst_n) wr_ptr <= 0;
-    else if (wr_en && !full) begin
-      mem[wr_ptr] <= din;
-      wr_ptr <= wr_ptr + 1;
-    end
-  end
-
-  always @(posedge clk) begin
-    if (!rst_n) begin
-      rd_ptr <= 0;
-      dout <= 0;
-    end else if (rd_en && !empty) begin
-      dout <= mem[rd_ptr];
-      rd_ptr <= rd_ptr + 1;
-    end
-  end
-endmodule\`
-            };
-            return templates[type] || '// 代码模板';
-          }
-        </script>
-      </body>
-      </html>
-    `;
+    console.log('[Webview] 初始化完成');
+  </script>
+</body>
+</html>`;
   }
 }