chore: use node-canvas

Author: hustcc

package.json

@@ -3,7 +3,6 @@
   "description": "❤️ Generate visual charts using Apache ECharts with AI MCP dynamically.",
   "version": "0.1.0",
   "main": "build/index.js",
-  "type": "module",
   "scripts": {
     "test": "vitest",
     "prebuild": "rm -rf build/*",
@@ -16,10 +15,10 @@
     "mcp-echarts": "./build/index.js"
   },
   "files": ["build"],
-  "keywords": ["mcp", "echarts", "data-visualization", "chart", "mcp-echarts"],
+  "keywords": ["mcp", "echarts", "visualization", "chart", "mcp-echarts"],
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.12.0",
-    "@napi-rs/canvas": "^0.1.73",
+    "canvas": "3.1.2",
     "echarts": "^5.6.0",
     "zod": "^3.25.16"
   },

src/utils/render.ts

@@ -1,4 +1,4 @@
-import { createCanvas } from "@napi-rs/canvas";
+import { createCanvas } from "canvas";
 import * as echarts from "echarts";
 import type { EChartsOption } from "echarts";
 
@@ -10,7 +10,6 @@ export function renderECharts(
   outputType: "png" | "svg" | "option" = "png",
 ): string {
   if (outputType === "svg" || outputType === "option") {
-    // 在 SSR 模式下第一个参数不需要再传入 DOM 对象
     const chart = echarts.init(null, theme, {
       renderer: "svg",
       ssr: true,

tsconfig.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "target": "ES6",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
+    "module": "commonjs",
+    "moduleResolution": "node",
     "outDir": "./build",
     "rootDir": "./src",
     "strict": true,