@ai-gui/plugin-chart 0.1.0 → 0.2.0

package/README.md

@@ -8,6 +8,12 @@ Chart plugin for [AIGUI](../../README.md), powered by [ECharts](https://echarts.
 pnpm add @ai-gui/plugin-chart
 ```
 
+Install `echarts-gl` only when using `chart({ gl: true })`:
+
+```sh
+pnpm add echarts-gl
+```
+
 ## Usage
 
 ```tsx
@@ -24,7 +30,7 @@ The model emits, e.g.:
 ## Options
 
 - `interactive?: boolean` — when true, complete options render a **live** ECharts instance (tooltip / dataZoom / click) via a `mount` output. When false/omitted, they render a static SSR SVG.
-- `gl?: boolean` — when true, render 3D charts via `echarts-gl` (WebGL, live-only; implies interactive). Enables 3D series like `bar3D`, `scatter3D`, `surface`, `line3D`, `globe`, `map3D`.
+- `gl?: boolean` — when true, render 3D charts via the optional `echarts-gl` peer dependency (WebGL, live-only; implies interactive). Enables 3D series like `bar3D`, `scatter3D`, `surface`, `line3D`, `globe`, `map3D`.
 - `width?: number` / `height?: number` — chart dimensions (default 600 × 400).
 
 ## Exports

package/dist/index.cjs

@@ -22,10 +22,65 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const echarts = __toESM(require("echarts"));
+const echarts_charts = __toESM(require("echarts/charts"));
+const echarts_components = __toESM(require("echarts/components"));
+const echarts_core = __toESM(require("echarts/core"));
+const echarts_features = __toESM(require("echarts/features"));
+const echarts_renderers = __toESM(require("echarts/renderers"));
 const __ai_gui_core = __toESM(require("@ai-gui/core"));
 
 //#region src/index.ts
+(0, echarts_core.use)([
+	echarts_charts.BarChart,
+	echarts_charts.BoxplotChart,
+	echarts_charts.CandlestickChart,
+	echarts_charts.CustomChart,
+	echarts_charts.EffectScatterChart,
+	echarts_charts.FunnelChart,
+	echarts_charts.GaugeChart,
+	echarts_charts.GraphChart,
+	echarts_charts.HeatmapChart,
+	echarts_charts.LineChart,
+	echarts_charts.LinesChart,
+	echarts_charts.MapChart,
+	echarts_charts.ParallelChart,
+	echarts_charts.PictorialBarChart,
+	echarts_charts.PieChart,
+	echarts_charts.RadarChart,
+	echarts_charts.SankeyChart,
+	echarts_charts.ScatterChart,
+	echarts_charts.SunburstChart,
+	echarts_charts.ThemeRiverChart,
+	echarts_charts.TreeChart,
+	echarts_charts.TreemapChart,
+	echarts_components.AriaComponent,
+	echarts_components.AxisPointerComponent,
+	echarts_components.BrushComponent,
+	echarts_components.CalendarComponent,
+	echarts_components.DataZoomComponent,
+	echarts_components.DatasetComponent,
+	echarts_components.GeoComponent,
+	echarts_components.GraphicComponent,
+	echarts_components.GridComponent,
+	echarts_components.LegendComponent,
+	echarts_components.MarkAreaComponent,
+	echarts_components.MarkLineComponent,
+	echarts_components.MarkPointComponent,
+	echarts_components.ParallelComponent,
+	echarts_components.PolarComponent,
+	echarts_components.RadarComponent,
+	echarts_components.SingleAxisComponent,
+	echarts_components.TimelineComponent,
+	echarts_components.TitleComponent,
+	echarts_components.ToolboxComponent,
+	echarts_components.TooltipComponent,
+	echarts_components.TransformComponent,
+	echarts_components.VisualMapComponent,
+	echarts_features.LabelLayout,
+	echarts_features.UniversalTransition,
+	echarts_renderers.CanvasRenderer,
+	echarts_renderers.SVGRenderer
+]);
 /** Memoized `echarts-gl` side-effect import, shared across all mounts. */
 let glReady = null;
 const loadGl = () => glReady ??= import("echarts-gl");
@@ -57,19 +112,22 @@ function chart(opts = {}) {
 			return {
 				kind: "mount",
 				mount: (el) => {
-					let inst;
+					let inst$1;
 					let disposed = false;
 					loadGl().then(() => {
 						if (disposed) return;
-						inst = echarts.init(el, void 0, {
+						inst$1 = (0, echarts_core.init)(el, void 0, {
 							width,
 							height
 						});
-						inst.setOption(opt);
-					}).catch(() => {});
+						inst$1.setOption(opt);
+					}).catch(() => {
+						inst$1?.dispose();
+						inst$1 = void 0;
+					});
 					return () => {
 						disposed = true;
-						inst?.dispose();
+						inst$1?.dispose();
 					};
 				}
 			};
@@ -79,18 +137,24 @@ function chart(opts = {}) {
 			return {
 				kind: "mount",
 				mount: (el) => {
-					const inst = echarts.init(el, void 0, {
+					const inst$1 = (0, echarts_core.init)(el, void 0, {
 						renderer: "svg",
 						width,
 						height
 					});
-					inst.setOption(opt);
-					return () => inst.dispose();
+					try {
+						inst$1.setOption(opt);
+					} catch {
+						inst$1.dispose();
+						return;
+					}
+					return () => inst$1.dispose();
 				}
 			};
 		}
+		let inst;
 		try {
-			const inst = echarts.init(null, null, {
+			inst = (0, echarts_core.init)(null, null, {
 				renderer: "svg",
 				ssr: true,
 				width,
@@ -98,7 +162,6 @@ function chart(opts = {}) {
 			});
 			inst.setOption(option);
 			const svg = inst.renderToSVGString();
-			inst.dispose();
 			return {
 				kind: "html",
 				html: svg
@@ -108,6 +171,8 @@ function chart(opts = {}) {
 				kind: "html",
 				html: `<pre data-aigui-chart-error>${String(e?.message ?? e)}</pre>`
 			};
+		} finally {
+			inst?.dispose();
 		}
 	};
 	return {

package/dist/index.js

@@ -1,7 +1,62 @@
-import * as echarts from "echarts";
+import { BarChart, BoxplotChart, CandlestickChart, CustomChart, EffectScatterChart, FunnelChart, GaugeChart, GraphChart, HeatmapChart, LineChart, LinesChart, MapChart, ParallelChart, PictorialBarChart, PieChart, RadarChart, SankeyChart, ScatterChart, SunburstChart, ThemeRiverChart, TreeChart, TreemapChart } from "echarts/charts";
+import { AriaComponent, AxisPointerComponent, BrushComponent, CalendarComponent, DataZoomComponent, DatasetComponent, GeoComponent, GraphicComponent, GridComponent, LegendComponent, MarkAreaComponent, MarkLineComponent, MarkPointComponent, ParallelComponent, PolarComponent, RadarComponent, SingleAxisComponent, TimelineComponent, TitleComponent, ToolboxComponent, TooltipComponent, TransformComponent, VisualMapComponent } from "echarts/components";
+import { init, use } from "echarts/core";
+import { LabelLayout, UniversalTransition } from "echarts/features";
+import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
 import { parsePartialJSON } from "@ai-gui/core";
 
 //#region src/index.ts
+use([
+	BarChart,
+	BoxplotChart,
+	CandlestickChart,
+	CustomChart,
+	EffectScatterChart,
+	FunnelChart,
+	GaugeChart,
+	GraphChart,
+	HeatmapChart,
+	LineChart,
+	LinesChart,
+	MapChart,
+	ParallelChart,
+	PictorialBarChart,
+	PieChart,
+	RadarChart,
+	SankeyChart,
+	ScatterChart,
+	SunburstChart,
+	ThemeRiverChart,
+	TreeChart,
+	TreemapChart,
+	AriaComponent,
+	AxisPointerComponent,
+	BrushComponent,
+	CalendarComponent,
+	DataZoomComponent,
+	DatasetComponent,
+	GeoComponent,
+	GraphicComponent,
+	GridComponent,
+	LegendComponent,
+	MarkAreaComponent,
+	MarkLineComponent,
+	MarkPointComponent,
+	ParallelComponent,
+	PolarComponent,
+	RadarComponent,
+	SingleAxisComponent,
+	TimelineComponent,
+	TitleComponent,
+	ToolboxComponent,
+	TooltipComponent,
+	TransformComponent,
+	VisualMapComponent,
+	LabelLayout,
+	UniversalTransition,
+	CanvasRenderer,
+	SVGRenderer
+]);
 /** Memoized `echarts-gl` side-effect import, shared across all mounts. */
 let glReady = null;
 const loadGl = () => glReady ??= import("echarts-gl");
@@ -33,19 +88,22 @@ function chart(opts = {}) {
 			return {
 				kind: "mount",
 				mount: (el) => {
-					let inst;
+					let inst$1;
 					let disposed = false;
 					loadGl().then(() => {
 						if (disposed) return;
-						inst = echarts.init(el, void 0, {
+						inst$1 = init(el, void 0, {
 							width,
 							height
 						});
-						inst.setOption(opt);
-					}).catch(() => {});
+						inst$1.setOption(opt);
+					}).catch(() => {
+						inst$1?.dispose();
+						inst$1 = void 0;
+					});
 					return () => {
 						disposed = true;
-						inst?.dispose();
+						inst$1?.dispose();
 					};
 				}
 			};
@@ -55,18 +113,24 @@ function chart(opts = {}) {
 			return {
 				kind: "mount",
 				mount: (el) => {
-					const inst = echarts.init(el, void 0, {
+					const inst$1 = init(el, void 0, {
 						renderer: "svg",
 						width,
 						height
 					});
-					inst.setOption(opt);
-					return () => inst.dispose();
+					try {
+						inst$1.setOption(opt);
+					} catch {
+						inst$1.dispose();
+						return;
+					}
+					return () => inst$1.dispose();
 				}
 			};
 		}
+		let inst;
 		try {
-			const inst = echarts.init(null, null, {
+			inst = init(null, null, {
 				renderer: "svg",
 				ssr: true,
 				width,
@@ -74,7 +138,6 @@ function chart(opts = {}) {
 			});
 			inst.setOption(option);
 			const svg = inst.renderToSVGString();
-			inst.dispose();
 			return {
 				kind: "html",
 				html: svg
@@ -84,6 +147,8 @@ function chart(opts = {}) {
 				kind: "html",
 				html: `<pre data-aigui-chart-error>${String(e?.message ?? e)}</pre>`
 			};
+		} finally {
+			inst?.dispose();
 		}
 	};
 	return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-gui/plugin-chart",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "ECharts chart plugin for AIGUI — static SVG, interactive, and 3D (echarts-gl).",
   "keywords": [
     "llm",
@@ -24,14 +24,23 @@
   "homepage": "https://github.com/liliang-cn/aigui#readme",
   "bugs": "https://github.com/liliang-cn/aigui/issues",
   "type": "module",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     }
   },
   "files": [
@@ -44,11 +53,22 @@
   },
   "dependencies": {
     "echarts": "^5.5.1",
-    "echarts-gl": "^2.0.9",
-    "@ai-gui/core": "0.1.0"
+    "@ai-gui/core": "0.2.0"
+  },
+  "peerDependencies": {
+    "echarts-gl": "^2.0.9"
+  },
+  "peerDependenciesMeta": {
+    "echarts-gl": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "echarts-gl": "^2.0.9"
   },
   "scripts": {
     "build": "tsdown",
+    "test": "pnpm --dir ../.. exec vitest run --project plugin-chart",
     "typecheck": "tsc --noEmit"
   }
 }