Merge pull request #19 from andaoai/dev

Dev

Author: andaoai

.vscodeignore

@@ -1,7 +1,6 @@
 .vscode/**
 .vscode-test/**
 src/**
-!src/templates/**
 .gitignore
 .yarnrc
 vsc-extension-quickstart.md
@@ -12,7 +11,14 @@ vsc-extension-quickstart.md
 **/.vscode-test.*
 test_label/**
 
+# # 排除node_modules目录，package.json中的依赖会自动处理
+# node_modules/**
+
 # 排除docs目录，只保留图标
 docs/**
 !docs/images/icon.png
-!docs/images/icon.svg
+!docs/images/icon.svg
+
+# 其他不需要的文件
+.github/**
+CHANGELOG.md

package.json

@@ -2,7 +2,7 @@
   "name": "yolo-labeling-vs",
   "displayName": "YOLO Labeling",
   "description": "A VS Code extension for YOLO dataset labeling",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "publisher": "andaoai",
   "license": "MIT",
   "icon": "docs/images/icon.png",
@@ -106,11 +106,13 @@
   },
   "scripts": {
     "vscode:prepublish": "npm run compile",
-    "compile": "tsc -p ./",
-    "watch": "tsc -watch -p ./",
+    "compile": "tsc -p ./ && npm run copy-templates",
+    "watch": "tsc -watch -p ./ & npm run watch-templates",
     "pretest": "npm run compile && npm run lint",
     "lint": "eslint src",
-    "test": "vscode-test"
+    "test": "vscode-test",
+    "copy-templates": "node -e \"const fs=require('fs'); const path=require('path'); const srcDir='src/templates'; const destDir='out/templates'; if(!fs.existsSync(destDir)) fs.mkdirSync(destDir, {recursive: true}); const copyDir=(src,dest)=>{if(!fs.existsSync(dest)) fs.mkdirSync(dest, {recursive: true}); const entries=fs.readdirSync(src, {withFileTypes: true}); for(const entry of entries){const srcPath=path.join(src, entry.name); const destPath=path.join(dest, entry.name); if(entry.isDirectory()) copyDir(srcPath, destPath); else fs.copyFileSync(srcPath, destPath);}}; copyDir(srcDir, destDir);\"",
+    "watch-templates": "node -e \"const fs=require('fs'); const path=require('path'); const chokidar=require('chokidar'); const srcDir='src/templates'; const destDir='out/templates'; if(!fs.existsSync(destDir)) fs.mkdirSync(destDir, {recursive: true}); const watcher=chokidar.watch(srcDir); watcher.on('all', (event, filepath) => {if(fs.existsSync(filepath) && !fs.lstatSync(filepath).isDirectory()) {const relativePath=path.relative(srcDir, filepath); const destPath=path.join(destDir, relativePath); fs.mkdirSync(path.dirname(destPath), {recursive: true}); fs.copyFileSync(filepath, destPath); console.log(`Copied: ${filepath} -> ${destPath}`)}});\""
   },
   "devDependencies": {
     "@types/js-yaml": "^4.0.9",
@@ -121,6 +123,7 @@
     "@typescript-eslint/parser": "^8.28.0",
     "@vscode/test-cli": "^0.0.10",
     "@vscode/test-electron": "^2.4.1",
+    "chokidar": "^3.5.3",
     "eslint": "^9.23.0",
     "svg2png-cli": "^1.1.1",
     "svgexport": "^0.4.2",

src/services/UiService.ts

@@ -107,13 +107,13 @@ export class UiService {
         const { classNames, initialImageData, initialLabels, imageInfoText, webview, currentPath, kptShape, flipIdx } = options;
 
         // 获取CSS和JS文件的路径
-        const cssPath = vscode.Uri.joinPath(this._extensionUri, 'src', 'templates', 'labeling-panel.css');
-        const jsPath = vscode.Uri.joinPath(this._extensionUri, 'src', 'templates', 'labeling-panel.js');
+        const cssPath = vscode.Uri.joinPath(this._extensionUri, 'out', 'templates', 'labeling-panel.css');
+        const jsPath = vscode.Uri.joinPath(this._extensionUri, 'out', 'templates', 'labeling-panel.js');
         const cssSrc = webview.asWebviewUri(cssPath);
         const jsSrc = webview.asWebviewUri(jsPath);
 
         // 读取HTML模板
-        const templatePath = path.join(this._extensionUri.fsPath, 'src', 'templates', 'labeling-panel.html');
+        const templatePath = path.join(this._extensionUri.fsPath, 'out', 'templates', 'labeling-panel.html');
         let html = await fs.promises.readFile(templatePath, 'utf8');
 
         // 注入数据到window对象