Forráskód Böngészése

Add package.json for visualization dependencies

- Add package.json with all required dependencies
- Update README.md with installation instructions
- Users can now run 'npm install' to set up dependencies
- Dependencies: react 19.2.0, react-dom 19.2.0, esbuild 0.25.11, @xyflow/react 12.9.1, dagre 0.8.5

🤖 Generated with Claude Code
yangxiaohui 1 hónapja
szülő
commit
9bffb3956c

+ 13 - 1
visualization/sug_v6_1_2_5/README.md

@@ -8,7 +8,8 @@
 visualization/
 └── sug_v6_1_2_5/           # 与主脚本名称对应
     ├── index.js            # 主可视化脚本(统一命名)
-    ├── node_modules/       # 所有依赖包(独立,不依赖外部)
+    ├── package.json        # 依赖配置文件
+    ├── node_modules/       # 所有依赖包(通过 npm install 安装)
     │   ├── esbuild/
     │   ├── @xyflow/
     │   ├── react/
@@ -18,6 +19,17 @@ visualization/
     └── README.md           # 本文件
 ```
 
+## 📦 安装依赖
+
+首次使用或克隆代码后,需要安装依赖包:
+
+```bash
+cd visualization/sug_v6_1_2_5
+npm install
+```
+
+这将安装所有必需的依赖包(约 33MB)。
+
 ## ✨ 特性
 
 - **独立运行**:所有依赖都包含在文件夹内,无需外部 node_modules

+ 24 - 0
visualization/sug_v6_1_2_5/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "sug-v6-1-2-5-visualization",
+  "version": "1.0.0",
+  "description": "可视化工具 for sug_v6_1_2_5.py - React Flow based query graph visualization",
+  "main": "index.js",
+  "scripts": {
+    "visualize": "node index.js"
+  },
+  "dependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "esbuild": "^0.25.11",
+    "@xyflow/react": "^12.9.1",
+    "dagre": "^0.8.5"
+  },
+  "keywords": [
+    "visualization",
+    "react-flow",
+    "query-graph",
+    "dagre"
+  ],
+  "author": "",
+  "license": "ISC"
+}