@radishcandy/h-charts 0.1.0

package/dist/react.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),_=require("./HChart-DKVtg5A8.cjs");function N(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const u in o)if(u!=="default"){const i=Object.getOwnPropertyDescriptor(o,u);Object.defineProperty(t,u,i.get?i:{enumerable:!0,get:()=>o[u]})}}return t.default=o,Object.freeze(t)}const n=N(D),p=n.forwardRef(function(t,u){const{options:i,plugins:O=[],markerConfig:v,updateOnOptionsChange:h=!1}=t,y=n.useRef(null),r=n.useRef(null),R=n.useRef(()=>{}),k=n.useRef({options:i,plugins:O,markerConfig:v}),d=n.useRef({});return d.current={onReady:t.onReady,onCursorChange:t.onCursorChange,onChartClick:t.onChartClick,onDestroyed:t.onDestroyed},n.useImperativeHandle(u,()=>({getInstance:()=>r.current,getNativeChart:()=>{var e;return((e=r.current)==null?void 0:e.chart)||null},setCursorX:e=>{var a;return(a=r.current)==null?void 0:a.setCursorX(e)},setData:(e,a=0,s=!0)=>{var l;return(l=r.current)==null?void 0:l.setSeriesData(e,a,s)},updateOptions:(e,a=!0)=>{var s;return(s=r.current)==null?void 0:s.updateOptions(e,a)},requestReflow:()=>{var e;return(e=r.current)==null?void 0:e.requestReflow()},destroy:()=>R.current()}),[]),n.useEffect(()=>{var w,b;const e=y.current;if(!e||r.current)return;let a=!1;const s={name:"__HChartViewReactEventBridge__",init(){},destroy(){},enable(){},disable(){},update(){},onCursorChange:f=>{var c,C;return(C=(c=d.current).onCursorChange)==null?void 0:C.call(c,f)},onChartClick:f=>{var c,C;return(C=(c=d.current).onChartClick)==null?void 0:C.call(c,f)}},l=k.current,H={container:e,options:l.options,plugins:[...l.plugins,s],markerConfig:l.markerConfig},g=new _.HChart(H);r.current=g,(b=(w=d.current).onReady)==null||b.call(w,g);function m(){var f,c;a||(a=!0,r.current===g&&(r.current=null),g.destroy(),(c=(f=d.current).onDestroyed)==null||c.call(f))}return R.current=m,m},[]),n.useEffect(()=>{var e;h&&((e=r.current)==null||e.updateOptions(i))},[i,h]),n.createElement("div",{ref:y,className:t.className?`hchart-view ${t.className}`:"hchart-view",style:{minHeight:160,width:"100%",height:"100%",...t.style}})});p.displayName="HChartView";exports.HChartView=p;

package/dist/react.d.ts

@@ -0,0 +1,166 @@
+import * as Highcharts_2 from 'highcharts';
+import * as React_2 from 'react';
+
+/**
+ * HChart - Highcharts Wrapper Class
+ *
+ * Encapsulates Highcharts initialization, default configuration, and plugin management.
+ */
+declare class HChart implements IHChart {
+    chart: Highcharts_2.Chart;
+    plugins: Map<string, IPlugin>;
+    container: HTMLElement;
+    activePoint: Point | null;
+    private resizeObserver;
+    private reflowFrame;
+    constructor(config: HChartConfig);
+    addPlugin(plugin: IPlugin): void;
+    getPlugin<T extends IPlugin>(name: string): T | undefined;
+    removePlugin(name: string): void;
+    /**
+     * Coalesce multiple size changes into one chart reflow in the next animation frame.
+     * ResizeObserver can fire repeatedly while split panes and cards are animating.
+     */
+    requestReflow(): void;
+    destroy(): void;
+    private onChartClick;
+    setCursor(point: Point): void;
+    /**
+     * Set cursor by X value (will snap to nearest point)
+     */
+    setCursorX(x: number): void;
+    /**
+     * Toggle a plugin by name
+     */
+    togglePlugin(name: string, enabled: boolean): void;
+    /** Update the underlying Highcharts options without recreating plugins. */
+    updateOptions(options: Highcharts_2.Options, redraw?: boolean): void;
+    /** Replace one series data set through the stable HChart API. */
+    setSeriesData(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+    getSeriesData(): number[][];
+    private resolveMarkerConfig;
+    /**
+     * Adds a static reference line (vertical or horizontal) to the chart.
+     * Useful for thresholds, limits, or markers.
+     *
+     * @param options Configuration for the reference line
+     * @returns The unique ID of the added line (use to remove later)
+     */
+    addReferenceLine(options: {
+        axis?: 'x' | 'y';
+        value: number;
+        color?: string;
+        text?: string;
+        width?: number;
+        dashStyle?: Highcharts_2.DashStyleValue;
+        zIndex?: number;
+    }): string;
+    removeReferenceLine(id: string, axis?: 'x' | 'y'): void;
+}
+
+declare interface HChartConfig {
+    /**
+     * The ID of the container element or the element itself.
+     */
+    container: string | HTMLElement;
+    /**
+     * Standard Highcharts options to override defaults.
+     */
+    options?: Highcharts_2.Options;
+    /**
+     * List of plugins to initialize with the chart.
+     */
+    plugins?: IPlugin[];
+    /**
+     * Configuration for data point markers.
+     */
+    markerConfig?: {
+        /**
+         * Force enable/disable markers.
+         */
+        enabled?: boolean;
+        /**
+         * If true, markers are enabled based on data density (threshold).
+         */
+        auto?: boolean;
+        /**
+         * Maximum number of points to show markers in auto mode (default 50).
+         */
+        threshold?: number;
+    };
+    theme?: 'light' | 'dark';
+}
+
+declare type HChartMarkerConfig = NonNullable<HChartConfig['markerConfig']>;
+
+/** Methods exposed by the React host adapter. */
+export declare interface HChartReactHandle {
+    /** Return the framework-agnostic HChart instance, if it is mounted. */
+    getInstance(): HChart | null;
+    /** Return the underlying Highcharts object, if it is mounted. */
+    getNativeChart(): Highcharts_2.Chart | null;
+    setCursorX(x: number): void;
+    setData(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+    updateOptions(options: Highcharts_2.Options, redraw?: boolean): void;
+    requestReflow(): void;
+    destroy(): void;
+}
+
+/**
+ * A thin React 18/19 adapter around the framework-agnostic HChart class.
+ *
+ * The adapter owns only the DOM ref and React lifecycle. Chart updates remain
+ * imperative so plugin instances are not recreated on every render.
+ */
+export declare const HChartView: React_2.ForwardRefExoticComponent<HChartViewProps & React_2.RefAttributes<HChartReactHandle>>;
+
+export declare interface HChartViewProps {
+    options: Highcharts_2.Options;
+    plugins?: IPlugin[];
+    markerConfig?: HChartMarkerConfig;
+    /** Update the existing chart when the options object changes identity. */
+    updateOnOptionsChange?: boolean;
+    className?: string;
+    style?: React_2.CSSProperties;
+    onReady?: (instance: HChart) => void;
+    onCursorChange?: (point: Point) => void;
+    onChartClick?: (event: Highcharts_2.PointerEventObject) => void;
+    onDestroyed?: () => void;
+}
+
+declare interface IHChart {
+    chart: Highcharts_2.Chart;
+    container: HTMLElement;
+    activePoint: Point | null;
+    addPlugin(plugin: IPlugin): void;
+    getPlugin<T extends IPlugin>(name: string): T | undefined;
+    removePlugin(name: string): void;
+    requestReflow(): void;
+    destroy(): void;
+    setCursor(point: Point): void;
+    setCursorX(x: number): void;
+    togglePlugin(name: string, enabled: boolean): void;
+    updateOptions?(options: Highcharts_2.Options, redraw?: boolean): void;
+    setSeriesData?(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+}
+
+declare interface IPlugin {
+    name: string;
+    init(chart: IHChart): void;
+    destroy(): void;
+    enable(): void;
+    disable(): void;
+    update(options: any): void;
+    isEnabled?(): boolean;
+    onChartClick?(e: Highcharts_2.PointerEventObject): void;
+    onCursorChange?(point: Point): void;
+}
+
+declare interface Point {
+    x: number;
+    y: number;
+    index: number;
+    seriesIndex?: number;
+}
+
+export { }

package/dist/react.js

@@ -0,0 +1,87 @@
+import * as r from "react";
+import { H as D } from "./HChart-B61851DE.js";
+const N = r.forwardRef(function(a, w) {
+  const { options: C, plugins: k = [], markerConfig: v, updateOnOptionsChange: d = !1 } = a, h = r.useRef(null), t = r.useRef(null), g = r.useRef(() => {
+  }), H = r.useRef({ options: C, plugins: k, markerConfig: v }), u = r.useRef({});
+  return u.current = {
+    onReady: a.onReady,
+    onCursorChange: a.onCursorChange,
+    onChartClick: a.onChartClick,
+    onDestroyed: a.onDestroyed
+  }, r.useImperativeHandle(
+    w,
+    () => ({
+      getInstance: () => t.current,
+      getNativeChart: () => {
+        var e;
+        return ((e = t.current) == null ? void 0 : e.chart) || null;
+      },
+      setCursorX: (e) => {
+        var n;
+        return (n = t.current) == null ? void 0 : n.setCursorX(e);
+      },
+      setData: (e, n = 0, s = !0) => {
+        var c;
+        return (c = t.current) == null ? void 0 : c.setSeriesData(e, n, s);
+      },
+      updateOptions: (e, n = !0) => {
+        var s;
+        return (s = t.current) == null ? void 0 : s.updateOptions(e, n);
+      },
+      requestReflow: () => {
+        var e;
+        return (e = t.current) == null ? void 0 : e.requestReflow();
+      },
+      destroy: () => g.current()
+    }),
+    []
+  ), r.useEffect(() => {
+    var m, y;
+    const e = h.current;
+    if (!e || t.current) return;
+    let n = !1;
+    const s = {
+      name: "__HChartViewReactEventBridge__",
+      init() {
+      },
+      destroy() {
+      },
+      enable() {
+      },
+      disable() {
+      },
+      update() {
+      },
+      onCursorChange: (i) => {
+        var o, f;
+        return (f = (o = u.current).onCursorChange) == null ? void 0 : f.call(o, i);
+      },
+      onChartClick: (i) => {
+        var o, f;
+        return (f = (o = u.current).onChartClick) == null ? void 0 : f.call(o, i);
+      }
+    }, c = H.current, p = {
+      container: e,
+      options: c.options,
+      plugins: [...c.plugins, s],
+      markerConfig: c.markerConfig
+    }, l = new D(p);
+    t.current = l, (y = (m = u.current).onReady) == null || y.call(m, l);
+    function R() {
+      var i, o;
+      n || (n = !0, t.current === l && (t.current = null), l.destroy(), (o = (i = u.current).onDestroyed) == null || o.call(i));
+    }
+    return g.current = R, R;
+  }, []), r.useEffect(() => {
+    var e;
+    d && ((e = t.current) == null || e.updateOptions(C));
+  }, [C, d]), r.createElement("div", {
+    ref: h,
+    className: a.className ? `hchart-view ${a.className}` : "hchart-view",
+    style: { minHeight: 160, width: "100%", height: "100%", ...a.style }
+  });
+});
+N.displayName = "HChartView";
+export {
+  N as HChartView
+};

package/dist/style.css

@@ -0,0 +1 @@
+.hchart-view{width:100%;height:100%;min-height:160px}

package/dist/vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),w=require("./HChart-DKVtg5A8.cjs"),k=r.defineComponent({name:"HChartView",__name:"HChartView",props:{options:{},plugins:{default:()=>[]},markerConfig:{},updateOnOptionsChange:{type:Boolean,default:!1}},emits:["ready","cursor-change","chart-click","destroyed"],setup(l,{expose:f,emit:p}){const a=l,o=p,i=r.ref(null),n=r.shallowRef(null);function d(){return{name:"__HChartViewEventBridge__",init(){},destroy(){},enable(){},disable(){},update(){},onCursorChange(e){o("cursor-change",e)},onChartClick(e){o("chart-click",e)}}}function h(){if(!i.value||n.value)return n.value;const e={container:i.value,options:a.options,plugins:[...a.plugins,d()],markerConfig:a.markerConfig},t=new w.HChart(e);return n.value=t,o("ready",t),t}function s(){n.value&&(n.value.destroy(),n.value=null,o("destroyed"))}function v(){return n.value}function C(){var e;return((e=n.value)==null?void 0:e.chart)||null}function g(e){var t;(t=n.value)==null||t.setCursorX(e)}function m(e,t=0,u=!0){var c;(c=n.value)==null||c.setSeriesData(e,t,u)}function y(e,t=!0){var u;(u=n.value)==null||u.updateOptions(e,t)}function _(){var e;(e=n.value)==null||e.requestReflow()}return r.watch(()=>a.options,e=>{var t;a.updateOnOptionsChange&&((t=n.value)==null||t.updateOptions(e))},{deep:!0}),r.onMounted(h),r.onBeforeUnmount(s),f({getInstance:v,getNativeChart:C,setCursorX:g,setData:m,updateOptions:y,requestReflow:_,destroy:s}),(e,t)=>(r.openBlock(),r.createElementBlock("div",{ref_key:"container",ref:i,class:"hchart-view"},null,512))}});exports.HChartView=k;

package/dist/vue.d.ts

@@ -0,0 +1,180 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import * as Highcharts_2 from 'highcharts';
+import { PublicProps } from 'vue';
+
+declare type __VLS_Props = {
+    options: Highcharts_2.Options;
+    plugins?: IPlugin[];
+    markerConfig?: HChartMarkerConfig;
+    updateOnOptionsChange?: boolean;
+};
+
+declare function destroy(): void;
+
+declare function getInstance(): HChart | null;
+
+declare function getNativeChart(): Highcharts_2.Chart | null;
+
+/**
+ * HChart - Highcharts Wrapper Class
+ *
+ * Encapsulates Highcharts initialization, default configuration, and plugin management.
+ */
+export declare class HChart implements IHChart {
+    chart: Highcharts_2.Chart;
+    plugins: Map<string, IPlugin>;
+    container: HTMLElement;
+    activePoint: Point | null;
+    private resizeObserver;
+    private reflowFrame;
+    constructor(config: HChartConfig);
+    addPlugin(plugin: IPlugin): void;
+    getPlugin<T extends IPlugin>(name: string): T | undefined;
+    removePlugin(name: string): void;
+    /**
+     * Coalesce multiple size changes into one chart reflow in the next animation frame.
+     * ResizeObserver can fire repeatedly while split panes and cards are animating.
+     */
+    requestReflow(): void;
+    destroy(): void;
+    private onChartClick;
+    setCursor(point: Point): void;
+    /**
+     * Set cursor by X value (will snap to nearest point)
+     */
+    setCursorX(x: number): void;
+    /**
+     * Toggle a plugin by name
+     */
+    togglePlugin(name: string, enabled: boolean): void;
+    /** Update the underlying Highcharts options without recreating plugins. */
+    updateOptions(options: Highcharts_2.Options, redraw?: boolean): void;
+    /** Replace one series data set through the stable HChart API. */
+    setSeriesData(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+    getSeriesData(): number[][];
+    private resolveMarkerConfig;
+    /**
+     * Adds a static reference line (vertical or horizontal) to the chart.
+     * Useful for thresholds, limits, or markers.
+     *
+     * @param options Configuration for the reference line
+     * @returns The unique ID of the added line (use to remove later)
+     */
+    addReferenceLine(options: {
+        axis?: 'x' | 'y';
+        value: number;
+        color?: string;
+        text?: string;
+        width?: number;
+        dashStyle?: Highcharts_2.DashStyleValue;
+        zIndex?: number;
+    }): string;
+    removeReferenceLine(id: string, axis?: 'x' | 'y'): void;
+}
+
+declare interface HChartConfig {
+    /**
+     * The ID of the container element or the element itself.
+     */
+    container: string | HTMLElement;
+    /**
+     * Standard Highcharts options to override defaults.
+     */
+    options?: Highcharts_2.Options;
+    /**
+     * List of plugins to initialize with the chart.
+     */
+    plugins?: IPlugin[];
+    /**
+     * Configuration for data point markers.
+     */
+    markerConfig?: {
+        /**
+         * Force enable/disable markers.
+         */
+        enabled?: boolean;
+        /**
+         * If true, markers are enabled based on data density (threshold).
+         */
+        auto?: boolean;
+        /**
+         * Maximum number of points to show markers in auto mode (default 50).
+         */
+        threshold?: number;
+    };
+    theme?: 'light' | 'dark';
+}
+
+declare type HChartMarkerConfig = NonNullable<HChartConfig['markerConfig']>;
+
+export declare const HChartView: DefineComponent<__VLS_Props, {
+getInstance: typeof getInstance;
+getNativeChart: typeof getNativeChart;
+setCursorX: typeof setCursorX;
+setData: typeof setData;
+updateOptions: typeof updateOptions;
+requestReflow: typeof requestReflow;
+destroy: typeof destroy;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+ready: (instance: HChart) => any;
+"cursor-change": (point: Point) => any;
+"chart-click": (event: Highcharts_2.PointerEventObject) => any;
+destroyed: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+onReady?: ((instance: HChart) => any) | undefined;
+"onCursor-change"?: ((point: Point) => any) | undefined;
+"onChart-click"?: ((event: Highcharts_2.PointerEventObject) => any) | undefined;
+onDestroyed?: (() => any) | undefined;
+}>, {
+plugins: IPlugin[];
+updateOnOptionsChange: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+container: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare interface IHChart {
+    chart: Highcharts_2.Chart;
+    container: HTMLElement;
+    activePoint: Point | null;
+    addPlugin(plugin: IPlugin): void;
+    getPlugin<T extends IPlugin>(name: string): T | undefined;
+    removePlugin(name: string): void;
+    requestReflow(): void;
+    destroy(): void;
+    setCursor(point: Point): void;
+    setCursorX(x: number): void;
+    togglePlugin(name: string, enabled: boolean): void;
+    updateOptions?(options: Highcharts_2.Options, redraw?: boolean): void;
+    setSeriesData?(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+}
+
+declare interface IPlugin {
+    name: string;
+    init(chart: IHChart): void;
+    destroy(): void;
+    enable(): void;
+    disable(): void;
+    update(options: any): void;
+    isEnabled?(): boolean;
+    onChartClick?(e: Highcharts_2.PointerEventObject): void;
+    onCursorChange?(point: Point): void;
+}
+
+declare interface Point {
+    x: number;
+    y: number;
+    index: number;
+    seriesIndex?: number;
+}
+
+declare function requestReflow(): void;
+
+declare function setCursorX(x: number): void;
+
+declare function setData(data: Highcharts_2.PointOptionsType[], seriesIndex?: number, redraw?: boolean): void;
+
+declare function updateOptions(options: Highcharts_2.Options, redraw?: boolean): void;
+
+export { }

package/dist/vue.js

@@ -0,0 +1,96 @@
+import { defineComponent as w, ref as k, shallowRef as y, watch as O, onMounted as B, onBeforeUnmount as H, openBlock as V, createElementBlock as x } from "vue";
+import { H as E } from "./HChart-B61851DE.js";
+const q = /* @__PURE__ */ w({
+  name: "HChartView",
+  __name: "HChartView",
+  props: {
+    options: {},
+    plugins: { default: () => [] },
+    markerConfig: {},
+    updateOnOptionsChange: { type: Boolean, default: !1 }
+  },
+  emits: ["ready", "cursor-change", "chart-click", "destroyed"],
+  setup(c, { expose: l, emit: p }) {
+    const r = c, a = p, u = k(null), n = y(null);
+    function f() {
+      return {
+        name: "__HChartViewEventBridge__",
+        init() {
+        },
+        destroy() {
+        },
+        enable() {
+        },
+        disable() {
+        },
+        update() {
+        },
+        onCursorChange(e) {
+          a("cursor-change", e);
+        },
+        onChartClick(e) {
+          a("chart-click", e);
+        }
+      };
+    }
+    function d() {
+      if (!u.value || n.value) return n.value;
+      const e = {
+        container: u.value,
+        options: r.options,
+        plugins: [...r.plugins, f()],
+        markerConfig: r.markerConfig
+      }, t = new E(e);
+      return n.value = t, a("ready", t), t;
+    }
+    function i() {
+      n.value && (n.value.destroy(), n.value = null, a("destroyed"));
+    }
+    function h() {
+      return n.value;
+    }
+    function v() {
+      var e;
+      return ((e = n.value) == null ? void 0 : e.chart) || null;
+    }
+    function C(e) {
+      var t;
+      (t = n.value) == null || t.setCursorX(e);
+    }
+    function m(e, t = 0, o = !0) {
+      var s;
+      (s = n.value) == null || s.setSeriesData(e, t, o);
+    }
+    function g(e, t = !0) {
+      var o;
+      (o = n.value) == null || o.updateOptions(e, t);
+    }
+    function _() {
+      var e;
+      (e = n.value) == null || e.requestReflow();
+    }
+    return O(
+      () => r.options,
+      (e) => {
+        var t;
+        r.updateOnOptionsChange && ((t = n.value) == null || t.updateOptions(e));
+      },
+      { deep: !0 }
+    ), B(d), H(i), l({
+      getInstance: h,
+      getNativeChart: v,
+      setCursorX: C,
+      setData: m,
+      updateOptions: g,
+      requestReflow: _,
+      destroy: i
+    }), (e, t) => (V(), x("div", {
+      ref_key: "container",
+      ref: u,
+      class: "hchart-view"
+    }, null, 512));
+  }
+});
+export {
+  q as HChartView
+};

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@radishcandy/h-charts",
+  "version": "0.1.0",
+  "description": "Framework-agnostic Highcharts plugins with optional Vue 3 and React host adapters for industrial analysis.",
+  "license": "MIT",
+  "author": {
+    "name": "Yolanda624",
+    "url": "https://gitee.com/yolanda624"
+  },
+  "keywords": [
+    "highcharts",
+    "charts",
+    "data-visualization",
+    "typescript",
+    "vue",
+    "vue3",
+    "react",
+    "plugins",
+    "spectrum-analysis",
+    "industrial-monitoring"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/style.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "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"
+    },
+    "./vue": {
+      "types": "./dist/vue.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "peerDependencies": {
+    "highcharts": "^12.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "vue": "^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "happy-dom": "^20.0.0",
+    "highcharts": "^12.5.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.0",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^2.1.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.2.0"
+  },
+  "scripts": {
+    "dev": "vite --config vite.playground.config.ts",
+    "dev:react": "vite --config vite.react.playground.config.ts",
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "vue-tsc --noEmit",
+    "pack:check": "npm pack --dry-run",
+    "release:check": "npm run typecheck && npm run test && npm run build && npm run pack:check",
+    "prepublishOnly": "npm run release:check"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/yolanda624/h-charts.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/yolanda624/h-charts/issues"
+  },
+  "homepage": "https://gitee.com/yolanda624/h-charts",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  }
+}