改善webview的主题模式（跟随vscode色彩方式）；加入elf符号分析功能

.gitignore

@@ -11,3 +11,6 @@ ref/
 # Auto-generated type declaration files
 src/vue/auto-imports.d.ts
 src/vue/components.d.ts
+
+rtthread.elf
+rtthread.map

CLAUDE.md

@@ -64,13 +64,13 @@ npm run build   # Production build
 
 4. **虚拟环境** (`src/venv.ts`):
    - Windows 特定的 Python 虚拟环境设置
-   - 管理 env 脚本安装
 
 ### 配置文件
 - **`.vscode/workspace.json`**: 多 BSP 工作区配置
 - **`.vscode/project.json`**: 单个项目文件结构（由 scons 生成）
 - **`~/.env/cfg.json`**: RT-Thread 源码路径配置
 - **`~/.env/tools/scripts/sdk_cfg.json`**: 工具链配置
+- **`~/.env/tools/scripts/.config`**: SDK的配置情况，指示出来哪些SDK包安装了
 
 ### 构建系统
 - TypeScript 编译为 CommonJS 用于 VS Code 扩展
@@ -84,8 +84,10 @@ npm run build   # Production build
 
 ## 重要说明
 
-1. 扩展仅在 RT-Thread 项目中激活（包含 `rtconfig.h` 或工作区配置）
-2. Windows 系统在首次运行时需要设置 Python 虚拟环境
-3. 必须先构建 Vue 前端再编译扩展
-4. 扩展集成了 Python 扩展（`ms-python.python`）
-5. 文件装饰器在工作区模式下标记当前活动的 BSP
+1. Windows 系统在首次运行时需要设置 Python 虚拟环境
+2. 必须先构建 Vue 前端再编译扩展
+3. 扩展集成了 Python 扩展（`ms-python.python`）
+4. 文件装饰器在工作区模式下标记当前活动的 BSP
+5. 代码尽可能精简，尽可能做到复用。
+6. @src/vue 放置的是vscode扩展的前端页面，都是使用vue + element plus的方式实现，同时样式风格也完全使用常规意义的element plus样式风格。并且 @src/vue 的代码也完全重用根目录下的 node_modules 而不新开 node_modules。
+7. @src/webviews 放置的是和vscode扩展前端页面对应的vscode扩展后端。

package.json

@@ -186,8 +186,11 @@
         "test": "vscode-test"
     },
     "dependencies": {
+        "@bugsplat/elfy": "^1.0.1",
         "@vue/shared": "^3.x.x",
         "element-plus": "^2.4.2",
+        "elfjs": "^2.2.0",
+        "elfy": "^1.0.0",
         "marked": "^14.1.3",
         "vue": "^3.3.8",
         "vue-router": "^4.5.0"
@@ -197,8 +200,11 @@
     ],
     "devDependencies": {
         "@types/mocha": "^10.0.7",
-        "@types/node": "20.x",
+        "@types/node": "^20.19.11",
         "@types/vscode": "^1.96.0",
+        "@types/jest": "^29.5.12",
+        "jest": "^29.7.0",
+        "ts-jest": "^29.1.2",
         "@typescript-eslint/eslint-plugin": "^8.3.0",
         "@typescript-eslint/parser": "^8.3.0",
         "@vitejs/plugin-vue": "^5.2.1",
@@ -208,7 +214,8 @@
         "less": "^4.2.2",
         "svgo": "^4.0.0",
         "terser": "^5.43.1",
-        "typescript": "^5.5.4",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.8.3",
         "unplugin-auto-import": "^19.3.0",
         "unplugin-vue-components": "^28.8.0",
         "vite": "^6.0.11",

src/api.ts

@@ -147,7 +147,7 @@ export function writeJsonObject(jsonObject: any, fn:string) {
 export async function openFolder(uri?: string) {
     let selectedFolder:vscode.Uri[] | undefined;
 
-    if (uri != undefined) {
+    if (uri !== undefined) {
         selectedFolder = await vscode.window.showOpenDialog({
             defaultUri: vscode.Uri.file(uri),
             canSelectFolders: true,

src/cmds/index.ts

@@ -35,7 +35,7 @@ export let cmds: Object = {
         ],
         name: 'Build',
         iconId: 'github-action',
-        label: 'build',
+        label: 'Build',
         isExpanded: true
     },
     Settings : {
@@ -84,7 +84,7 @@ export let cmds: Object = {
         ],
         name: 'Settings',
         iconId: 'gear',
-        label: 'settings',
+        label: 'Settings',
         isExpanded: true
     },
     Packages : {
@@ -112,7 +112,7 @@ export let cmds: Object = {
         ],
         name: 'Packages',
         iconId: 'extensions',
-        label: 'packages',
+        label: 'Packages',
         isExpanded: false
     }
-}
+};

src/dock.ts

@@ -1,4 +1,4 @@
-import path from 'path';
+import path from 'path';
 import * as vscode from 'vscode';
 import os from 'os';
 import fs from 'fs';
@@ -14,24 +14,24 @@ class CmdTreeDataProvider implements vscode.TreeDataProvider<vscode.TreeItem> {
     getChildren(element?: vscode.TreeItem): vscode.ProviderResult<vscode.TreeItem[]> {
         const isRTT = isRTThreadProject();
         const isRTTWorksapce = isRTThreadWorksapce();
-        if (isRTT != true && isRTTWorksapce != true) {
+        if (isRTT !== true && isRTTWorksapce !== true) {
             console.log("not RT-Thread project or workspace, return empty tree item.");
         }
 
-        if (isRTThreadProject() != true && isRTThreadWorksapce() != true) {
+        if (isRTThreadProject() !== true && isRTThreadWorksapce() !== true) {
             // only show Create Project and RT-Thread Setting command when not in RT-Thread project
-            let createProject = new vscode.TreeItem("create project", vscode.TreeItemCollapsibleState.None);
+            let createProject = new vscode.TreeItem("Create Project", vscode.TreeItemCollapsibleState.None);
             createProject.iconPath = new vscode.ThemeIcon("new-folder");
-            createProject.label = "create project";
+            createProject.label = "Create Project";
             createProject.command = {
                 command: "extension.showCreateProject",
                 title: "show create project page",
                 arguments: [],
             };
 
-            let rtSetting = new vscode.TreeItem("rt-thread setting", vscode.TreeItemCollapsibleState.None);
+            let rtSetting = new vscode.TreeItem("RT-Thread Setting", vscode.TreeItemCollapsibleState.None);
             rtSetting.iconPath = new vscode.ThemeIcon("settings-gear");
-            rtSetting.label = "rt-thread setting";
+            rtSetting.label = "RT-Thread Setting";
             rtSetting.command = {
                 command: "extension.showSetting",
                 title: "show rt-thread setting page",
@@ -45,7 +45,7 @@ class CmdTreeDataProvider implements vscode.TreeDataProvider<vscode.TreeItem> {
                 command: "extension.showAbout",
                 title: "show about page",
                 arguments: [],
-            }
+            };
 
             return [createProject, rtSetting, about];
         }
@@ -54,19 +54,19 @@ class CmdTreeDataProvider implements vscode.TreeDataProvider<vscode.TreeItem> {
             let children = [];
 
             // 添加创建工程项
-            let createProject = new vscode.TreeItem("create project", vscode.TreeItemCollapsibleState.None);
+            let createProject = new vscode.TreeItem("Create Project", vscode.TreeItemCollapsibleState.None);
             createProject.iconPath = new vscode.ThemeIcon("new-folder");
-            createProject.label = "create project";
+            createProject.label = "Create Project";
             createProject.command = {
                 command: "extension.showCreateProject",
                 title: "show create project page",
                 arguments: [],
             };
             children.push(createProject);
 
-            let rtSetting = new vscode.TreeItem("rt-thread setting", vscode.TreeItemCollapsibleState.None);
+            let rtSetting = new vscode.TreeItem("RT-Thread Setting", vscode.TreeItemCollapsibleState.None);
             rtSetting.iconPath = new vscode.ThemeIcon("settings-gear");
-            rtSetting.label = "rt-thread setting";
+            rtSetting.label = "RT-Thread Setting";
             rtSetting.command = {
                 command: "extension.showSetting",
                 title: "show rt-thread setting page",
@@ -82,32 +82,43 @@ class CmdTreeDataProvider implements vscode.TreeDataProvider<vscode.TreeItem> {
                 children.push(item);
             };
 
+            let analyze = new vscode.TreeItem("Symbolic Analysis", vscode.TreeItemCollapsibleState.None);
+            analyze.iconPath = new vscode.ThemeIcon("search-fuzzy");
+            analyze.label = "Symbolic Analysis";
+            analyze.command = {
+                command: "extension.showAnalyze",
+                title: "show symbolic analysis page",
+                arguments: [],
+            };
+            children.push(analyze);
+
             let about = new vscode.TreeItem("About", vscode.TreeItemCollapsibleState.None);
             about.iconPath = new vscode.ThemeIcon("info");
             about.label = "About";
             about.command = {
                 command: "extension.showAbout",
                 title: "show about page",
                 arguments: [],
-            }
+            };
             children.push(about);
 
+
             return children;
         } else {
             let children:any = [];
 
             const kconfig = vscode.extensions.getExtension('rt-thread.rt-thread-kconfig');
 
             for (const [key, value] of Object.entries(cmds)) {
-                if (element.label == value.label) {
+                if (element.label === value.label) {
                     for (const cmdItem of value.subcmds) {
                         let item = new vscode.TreeItem(cmdItem.name);
                         item.iconPath = new vscode.ThemeIcon(cmdItem.iconId);
-                        if (cmdItem.name == 'menuconfig' && kconfig != undefined) {
+                        if (cmdItem.name === 'menuconfig' && kconfig !== undefined) {
                             item.command = {
                                 command: "rt-thread-kconfig.menuconfig.windows",
                                 title: cmdItem.cmd.title
-                            }
+                            };
                         }
                         else {
                             item.command = {
@@ -184,11 +195,11 @@ class GroupsDataProvider implements vscode.TreeDataProvider<ProjectTreeItem> {
             if (treeElement) {
                 if (treeElement.length > 0) {
                 }
-                else if (element.contextType == "project_folder") {
+                else if (element.contextType === "project_folder") {
                     listFolderTreeItem(element);
                 }
             }
-            else if (element.contextType == "project_folder") {
+            else if (element.contextType === "project_folder") {
                 listFolderTreeItem(element);
             }
             children = element.children;
@@ -235,11 +246,11 @@ class ProjectFilesDataProvider implements vscode.TreeDataProvider<ProjectTreeIte
             if (treeElement) {
                 if (treeElement.length > 0) {
                 }
-                else if (element.contextType == "project_folder") {
+                else if (element.contextType === "project_folder") {
                     listFolderTreeItem(element);
                 }
             }
-            else if (element.contextType == "project_folder") {
+            else if (element.contextType === "project_folder") {
                 listFolderTreeItem(element);
             }
             children = element.children;
@@ -349,3 +360,4 @@ export function initDockView(context: vscode.ExtensionContext) {
     const treeDataprovider = new CmdTreeDataProvider();
     context.subscriptions.push(vscode.window.registerTreeDataProvider("treeId", treeDataprovider));
 }
+

src/extension.ts

@@ -7,6 +7,7 @@ import * as os from 'os';
 import { openSettingWebview } from './webviews/setting';
 import { openAboutWebview } from './webviews/about';
 import { openCreateProjectWebview } from './webviews/create-project';
+import { openAnalyzeWebview } from './webviews/analyze';
 import { initOnDidChangeListener } from './listener';
 import { executeCommand, initTerminal } from './terminal';
 import { getMenuItems, getParallelBuildNumber } from './smart';
@@ -25,8 +26,6 @@ export function postMessageExtensionData(context: vscode.ExtensionContext, panel
     // 获取插件版本号（从 package.json 中读取）
     const extensionVersion = context.extension.packageJSON.version;
     const extensionNaeme = context.extension.packageJSON.name;
-    // 例如：version 为 "1.0.0"
-    console.log('插件版本号：', extensionVersion);
     panel.webview.postMessage({ version: extensionVersion, name: extensionNaeme });
 }
 
@@ -125,6 +124,9 @@ export async function activate(context: vscode.ExtensionContext) {
     vscode.commands.registerCommand('extension.showAbout', () => {
         openAboutWebview(context);
     });
+    vscode.commands.registerCommand('extension.showAnalyze', () => {
+        openAnalyzeWebview(context);
+    });
 
     if (isRTThreadWorksapce) {
         vscode.commands.registerCommand('extension.showWorkspaceSettings', () => {

src/project/tree.ts

@@ -1,4 +1,4 @@
-import path from 'path';
+import path from 'path';
 import * as vscode from 'vscode';
 import fs from 'fs';
 import { getWorkspaceFolder, getExtensionPath } from '../api';
@@ -52,7 +52,7 @@ export class ProjectTreeItem extends vscode.TreeItem {
                 }
             }
 
-            if (contextType == 'project_file') {
+            if (contextType === 'project_file') {
                 this.command = {
                     title: this.name,
                     command: 'extension.clickProject',
@@ -62,7 +62,7 @@ export class ProjectTreeItem extends vscode.TreeItem {
                     ]
                 };
             }
-            else if (contextType == 'project_bsp') {
+            else if (contextType === 'project_bsp') {
                 this.command = {
                     title: this.name,
                     command: 'extension.handleTreeItemClick',
@@ -99,7 +99,7 @@ export function getTreeIcon(isDir: boolean, value: string): string {
     if (isDir) {
         icon = "default_folder.svg";
     } else {
-        if (value == "project") {
+        if (value === "project") {
             icon = "chip";
         }
         else if (value.endsWith(".c")) {
@@ -109,7 +109,7 @@ export function getTreeIcon(isDir: boolean, value: string): string {
         } else if (value.endsWith(".h")) {
             icon = "file_type_cheader.svg";
         } else if (value.endsWith(".s") || value.endsWith(".S")) {
-            icon = "file_type_assembly.png"
+            icon = "file_type_assembly.png";
         } else if (value.endsWith(".py") || value.endsWith("SConscript") || value.endsWith("SConstruct")) {
             icon = "file_type_python.svg";
         } else if (value.endsWith(".txt")) {
@@ -304,7 +304,7 @@ export function listStarsTreeItem(bspFolder:string, node: any) {
             let items = item.split(/[\/\\]/);
             if (items.length >= 2) {
                 for (let i = 0; i < children.length; i++) {
-                    if (children[i].label == items[0]) {
+                    if (children[i].label === items[0]) {
                         parent = children[i].children;
                         break;
                     }
@@ -360,7 +360,7 @@ export function initProjectTree(context:vscode.ExtensionContext) {
                 }
 
                 // double clicked
-                if (currentSelectedBspItem && currentSelectedBspItem.fn != item.fn) {
+                if (currentSelectedBspItem && currentSelectedBspItem.fn !== item.fn) {
                     DecorationProvider.getInstance().unmarkFile(vscode.Uri.file(currentSelectedBspItem.fn));
                 }
 
@@ -388,3 +388,4 @@ export function initProjectTree(context:vscode.ExtensionContext) {
 export function setTreeDataChangeEmitter(emitter: vscode.EventEmitter<ProjectTreeItem | undefined>) {
     _onDidChangeTreeData = emitter;
 }
+

src/utils/elf/CLAUDE.md

@@ -0,0 +1 @@
+- 这是一个elf符号处理的库，使用typescript方式编写，分析rtthread.elf，rtthread.map文件，并返回相关符号信息。