@aeriz/chart 1.0.0 → 1.1.0

package/{src → dist}/index.d.ts

@@ -1,7 +1,9 @@
 /**
- * aeriz — focused, fast canvas charts.
+ * @aeriz/chart — visualization, light as air.
  *
- * 21 chart types, single rendering core, zero dependencies.
+ * 21 canvas chart types, one module each (import only what you use),
+ * zero dependencies. Framework adapters: `@aeriz/chart/react`, `/vue`,
+ * `/svelte`, `/jquery`.
  *
  * @packageDocumentation
  */
@@ -32,6 +34,30 @@ export type ClickHandler<H = unknown> = (
   chart: Chart<any>,
 ) => void;
 
+/**
+ * Label/value data in any of these shapes:
+ * `[{ label, value }]` · `[3, 7, 4]` · `{ Jan: 3, Feb: 7 }` · `[['Jan', 3], ['Feb', 7]]`
+ */
+export type Rows<T> = T[] | number[] | Record<string, number> | Array<[string, number]>;
+
+/**
+ * Number format for tooltips and value axes: a function, or
+ * `Intl.NumberFormat` options such as `{ style: 'currency', currency: 'KRW' }`.
+ */
+export type NumberFormat = ((value: number) => string) | Intl.NumberFormatOptions;
+
+/** What `onClick` receives — the hovered element, or `null`. */
+export interface Hit {
+  /** Index of the data row / category. */
+  index?: number;
+  /** Series index (multi-series charts). */
+  series?: number;
+  value?: number;
+  /** The original data row, when there is one. */
+  data?: unknown;
+  tooltip?: string | { title?: string; rows: Array<{ name?: string; value?: string; color?: Color }> };
+}
+
 /** A single named series of numeric values, used by category-axis charts. */
 export interface Series {
   name: string;
@@ -138,30 +164,63 @@ export type CompositeLayer =
 export interface BaseChartOptions {
   /** Override the auto-resolved palette. */
   palette?: Color[];
-  /** Show value labels on data points / bars (chart-dependent). */
-  dataLabels?: boolean;
-  /** Click handler — `hit` is the chart-specific datum or `null`. */
-  onClick?: ClickHandler<any>;
+  /** Show value labels on bars (BarChart). A function formats each label. */
+  dataLabels?: boolean | ((datum: any, index: number) => string);
+  /** Click handler — `hit` is the element under the pointer, or `null`. Enter key also fires it. */
+  onClick?: ClickHandler<Hit>;
+  /** Number format for tooltips and value axes (axes switch to compact 12K / 3.4M above 10,000). */
+  format?: NumberFormat;
+  /** `false` hides the legend on multi-series charts. */
+  legend?: boolean;
+  /** Called when a legend item is toggled. */
+  onLegend?: (index: number, visible: boolean, chart: Chart<any>) => void;
+  /** `false` draws without the entry/update animation. Reduced-motion users never get one. */
+  animate?: boolean;
+  /** Accessible name for the chart canvas (defaults to `title`, then the chart type). */
+  ariaLabel?: string;
+  title?: string;
+  /** Text of the automatic empty state. Default `'No data'`. */
+  emptyText?: string;
 }
 
 export interface BarChartOptions extends BaseChartOptions {
-  data: BarDatum[];
+  data: Rows<BarDatum>;
+  /** Read the label from a custom row shape. */
+  label?: (d: any, i: number) => string | number;
+  /** Read the value from a custom row shape. */
+  value?: (d: any, i: number) => number;
+  /** One color for every bar / the line (instead of the palette). */
+  color?: Color;
   yTickFormat?: TickFormatter;
   xTickFormat?: CategoryTickFormatter;
 }
 
 export interface HBarChartOptions extends BaseChartOptions {
-  data: BarDatum[];
+  data: Rows<BarDatum>;
+  /** Read the label from a custom row shape. */
+  label?: (d: any, i: number) => string | number;
+  /** Read the value from a custom row shape. */
+  value?: (d: any, i: number) => number;
+  /** One color for every bar / the line (instead of the palette). */
+  color?: Color;
   xTickFormat?: TickFormatter;
   yTickFormat?: CategoryTickFormatter;
 }
 
 export interface LineChartOptions extends BaseChartOptions {
-  data: BarDatum[];
+  data: Rows<BarDatum>;
+  /** Read the label from a custom row shape. */
+  label?: (d: any, i: number) => string | number;
+  /** Read the value from a custom row shape. */
+  value?: (d: any, i: number) => number;
+  /** One color for every bar / the line (instead of the palette). */
+  color?: Color;
   /** Path interpolation. Default `'smooth'`. */
-  interpolation?: 'smooth' | 'linear' | 'step';
-  /** Render the area under the line. */
+  interpolation?: 'smooth' | 'linear' | 'step' | 'step-after' | 'step-middle';
+  /** Area under the line. Default `true`. */
   fill?: boolean;
+  /** Dots on each point (≤ 50 points). Default `true`. */
+  points?: boolean;
   /** Highlight the last data point with a dot. */
   lastDot?: boolean;
   xScale?: ScaleType;
@@ -192,9 +251,11 @@ export interface GroupedBarChartOptions extends BaseChartOptions {
 }
 
 export interface MultiLineChartOptions extends BaseChartOptions {
-  categories: string[];
+  categories: Array<string | number>;
   series: Series[];
-  interpolation?: 'smooth' | 'linear' | 'step';
+  interpolation?: 'smooth' | 'linear' | 'step' | 'step-after' | 'step-middle';
+  /** `'time'`: categories are timestamps (ms). */
+  xScale?: ScaleType;
   yTickFormat?: TickFormatter;
 }
 
@@ -208,6 +269,10 @@ export interface ScatterChartOptions extends BaseChartOptions {
 
 export interface BubbleChartOptions extends BaseChartOptions {
   data: BubbleDatum[];
+  /** Largest bubble radius in px. Default `32`. */
+  maxRadius?: number;
+  /** Smallest bubble radius in px. Default `4`. */
+  minRadius?: number;
   xScale?: ScaleType;
   yScale?: ScaleType;
   xTickFormat?: TickFormatter;
@@ -215,15 +280,18 @@ export interface BubbleChartOptions extends BaseChartOptions {
 }
 
 export interface PieChartOptions extends BaseChartOptions {
-  data: PieDatum[];
+  data: Rows<PieDatum>;
+  label?: (d: any, i: number) => string | number;
+  value?: (d: any, i: number) => number;
   /**
-   * Donut hole. Use a number (px) for fixed size, `'auto'` for proportional,
-   * or omit for a solid pie.
+   * Donut hole: a ratio of the radius (`0.6`), pixels (`80`), `'auto'`
+   * (0.55), or omit for a solid pie.
    */
   innerRadius?: number | 'auto';
-  /** Label drawn in the center of a donut. */
+  /** Text in the donut center when nothing is hovered (default: the total). */
   totalLabel?: string;
-  centerLabel?: string;
+  /** `false` hides the donut center text. */
+  centerLabel?: boolean;
 }
 
 export interface RadarChartOptions extends BaseChartOptions {
@@ -232,13 +300,21 @@ export interface RadarChartOptions extends BaseChartOptions {
 }
 
 export interface PolarChartOptions extends BaseChartOptions {
-  data: PolarDatum[];
+  data: Rows<PolarDatum>;
+  label?: (d: any, i: number) => string | number;
+  value?: (d: any, i: number) => number;
+  /** `'sqrt'` (default) keeps wedge *area* proportional to value; `'linear'` maps radius. */
+  scale?: 'sqrt' | 'linear';
 }
 
 export interface GaugeChartOptions extends BaseChartOptions {
   value: number;
+  /** Minimum scale value. Default `0`. */
+  min?: number;
   /** Maximum scale value. Default `100`. */
   max?: number;
+  /** Arc color. Default: first palette color. */
+  color?: Color;
   /** Label drawn under the gauge. */
   label?: string;
   /** Suffix appended to the displayed value, e.g. `'%'`. */
@@ -261,16 +337,25 @@ export interface BoxplotChartOptions extends BaseChartOptions {
 }
 
 export interface FunnelChartOptions extends BaseChartOptions {
-  data: FunnelDatum[];
+  data: Rows<FunnelDatum>;
+  label?: (d: any, i: number) => string | number;
+  value?: (d: any, i: number) => number;
+  /** Text color inside segments. Default `#fff`. */
+  labelColor?: Color;
 }
 
 export interface TreemapChartOptions extends BaseChartOptions {
-  data: TreemapDatum[];
+  data: Rows<TreemapDatum>;
+  label?: (d: any, i: number) => string | number;
+  value?: (d: any, i: number) => number;
+  /** Text color inside tiles. Default `#fff`. */
+  labelColor?: Color;
 }
 
 export interface SparklineOptions extends BaseChartOptions {
-  /** Plain numeric series — sparklines have no axes. */
-  data: number[];
+  /** Numbers (or `{ value }` rows) — sparklines have no axes. */
+  data: number[] | Array<{ value: number }>;
+  value?: (d: any, i: number) => number;
   color?: Color;
   fill?: boolean;
   lastDot?: boolean;
@@ -282,10 +367,15 @@ export interface RealtimeChartOptions extends BaseChartOptions {
   /** Number of samples to keep on screen. Default `200`. */
   windowSize?: number;
   yTickFormat?: TickFormatter;
+  /** Fix the y range instead of fitting the visible window. */
+  yMin?: number;
+  yMax?: number;
+  /** Text shown before the first sample. Default `'streaming…'`. */
+  waitingText?: string;
 }
 
 export interface WaterfallChartOptions extends BaseChartOptions {
-  data: WaterfallDatum[];
+  data: WaterfallDatum[] | Record<string, number>;
   yTickFormat?: TickFormatter;
   /** Color for positive deltas. */
   colorUp?: Color;
@@ -299,8 +389,11 @@ export interface CompositeChartOptions extends BaseChartOptions {
   categories: string[];
   layers: CompositeLayer[];
   xScale?: ScaleType;
+  /** Left axis format (`yTickFormat` works too). */
   yLeftTickFormat?: TickFormatter;
   yRightTickFormat?: TickFormatter;
+  yTickFormat?: TickFormatter;
+  xTickFormat?: (value: number) => string;
 }
 
 // ──────────────────────────────────────────────────────────────────
@@ -323,6 +416,12 @@ export class Chart<O extends BaseChartOptions = BaseChartOptions> {
   /** Re-resolve theme + palette from CSS variables and redraw. */
   invalidate(): void;
 
+  /**
+   * Merge new options — any of them, including `data`, `series`,
+   * `categories` — and animate to the new state. Returns `this`.
+   */
+  update(options: Partial<O>): this;
+
   /** Replace `options.data` and animate to the new state. Returns `this`. */
   setData(data: O extends { data: infer D } ? D : unknown): this;
 
@@ -408,9 +507,9 @@ export class RealtimeChart extends Chart<RealtimeChartOptions> {
    * Append one sample. Pass a single number for one-series charts, or an
    * array aligned with `options.series` for multi-series charts.
    */
-  push(values: number | number[]): void;
+  push(values: number | number[]): this;
   /** Drop all buffered samples. */
-  clear(): void;
+  clear(): this;
 }
 
 export class WaterfallChart extends Chart<WaterfallChartOptions> {
@@ -439,9 +538,33 @@ export class Engine {
   readonly h: number;
   /** Device pixel ratio used for the backing buffer. */
   readonly dpr: number;
-  resize(w: number, h: number, dpr?: number): void;
-  clear(): void;
-}
+  resize(w: number, h: number): void;
+  clear(color?: Color): void;
+}
+
+/** Normalize label/value data shortcuts to `{ label, value }` rows. */
+export function toRows<T = BarDatum>(data: Rows<T> | null | undefined): T[];
+
+/** Geometry returned by `drawCartesian()`. */
+export interface CartesianFrame {
+  px: number; py: number; pw: number; ph: number;
+  yToPx(v: number): number;
+  yRToPx: ((v: number) => number) | null;
+  xToPx(v: number): number;
+  yTicks: number[];
+  xTicks: number[];
+  yMin: number;
+  yMax: number;
+}
+
+/** Draw grid + axes for a custom chart (extension API). */
+export function drawCartesian(chart: Chart<any>, spec: {
+  yMin?: number; yMax: number; yScale?: 'linear' | 'log'; yTickFormat?: TickFormatter;
+  xLabels?: Array<string | number>; xTime?: { min: number; max: number }; xLinear?: { min: number; max: number };
+  xTickFormat?: (value: number, index: number) => string;
+  right?: { yMin: number; yMax: number; yTickFormat?: TickFormatter };
+  pad?: { l?: number; r?: number; t?: number; b?: number };
+}): CartesianFrame;
 
 /**
  * Global render scheduler. Charts register themselves and are ticked on
@@ -489,7 +612,11 @@ export const math: {
     targetCount: number,
     fn?: (d: T, i: number) => number,
   ): T[];
+  /** Indices of the points min-max decimation keeps. */
+  minMaxDecimateIdx(n: number, targetCount: number, valueAt: (i: number) => number): number[];
   shouldDecimate(n: number, pxWidth: number): boolean;
+  /** Format a number like the charts do (see `NumberFormat`). `axis` enables compact notation. */
+  formatNumber(value: number, format?: NumberFormat | null, axis?: boolean): string;
   bezierControlPoints(
     pts: Array<{ x: number; y: number }>,
     tension?: number,
@@ -512,6 +639,9 @@ export const math: {
 
 declare global {
   interface Window {
-    Aeriz?: typeof import('./index.js');
+    Aeriz?: typeof import('./index.js') & {
+      /** Install the jQuery plugin on a jQuery that loaded after this script. */
+      jquery(jq: unknown): unknown;
+    };
   }
 }

package/dist/jquery.d.ts

@@ -0,0 +1,10 @@
+import type { Chart } from './index.js';
+
+/**
+ * Adds `$.fn.aerizChart`:
+ * `$(el).aerizChart(BarChart, options)` · `$(el).aerizChart('setData', rows)` ·
+ * `$(el).aerizChart('instance')` · `$(el).aerizChart('destroy')`.
+ * `registry` lets you pass chart types by name (`'BarChart'`).
+ */
+export declare function install<J>(jquery: J, registry?: Record<string, new (el: HTMLElement, o: any) => Chart<any>>): J;
+export default install;

package/dist/react.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
+import type { Chart } from './index.js';
+
+type ChartClass<C extends Chart<any>> = new (container: HTMLElement, options: any) => C;
+type OptionsOf<C> = C extends Chart<infer O> ? O : never;
+
+export interface AerizChartProps<C extends Chart<any> = Chart<any>> extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+  /** The chart class, e.g. `BarChart` from `@aeriz/chart/bar`. Changing it re-creates the chart. */
+  type: ChartClass<C>;
+  /** Chart options. A changed object (shallow-compared) calls `chart.update()`. */
+  options?: Partial<OptionsOf<C>>;
+  /** Shorthand for `options.data`. */
+  data?: OptionsOf<C> extends { data: infer D } ? D : unknown;
+  /** Receives the chart instance after mount. */
+  onReady?: (chart: C) => void;
+  className?: string;
+  style?: CSSProperties;
+}
+
+/** `ref` receives the chart instance. */
+export declare const AerizChart: ForwardRefExoticComponent<AerizChartProps & RefAttributes<Chart<any>>>;
+export default AerizChart;

package/dist/svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Chart } from './index.js';
+
+export interface AerizActionParams<C extends Chart<any> = Chart<any>> {
+  /** The chart class, e.g. `BarChart`. Changing it re-creates the chart. */
+  type: new (el: HTMLElement, options: any) => C;
+  /** Receives the chart instance. */
+  onReady?: (chart: C) => void;
+  /** Any chart option (data, format, …). */
+  [option: string]: unknown;
+}
+
+/** `<div use:aeriz={{ type: BarChart, data }} />` — works in Svelte 3, 4 and 5. */
+export declare function aeriz(
+  node: HTMLElement,
+  params: AerizActionParams,
+): { update(params: AerizActionParams): void; destroy(): void };
+export default aeriz;

package/dist/types/area.d.ts

@@ -0,0 +1 @@
+export { AreaChart } from '../index.js';

package/dist/types/bar.d.ts

@@ -0,0 +1 @@
+export { BarChart } from '../index.js';

package/dist/types/boxplot.d.ts

@@ -0,0 +1 @@
+export { BoxplotChart } from '../index.js';

package/dist/types/bubble.d.ts

@@ -0,0 +1 @@
+export { BubbleChart } from '../index.js';

package/dist/types/composite.d.ts

@@ -0,0 +1 @@
+export { CompositeChart } from '../index.js';

package/dist/types/funnel.d.ts

@@ -0,0 +1 @@
+export { FunnelChart } from '../index.js';

package/dist/types/gauge.d.ts

@@ -0,0 +1 @@
+export { GaugeChart } from '../index.js';

package/dist/types/grouped-bar.d.ts

@@ -0,0 +1 @@
+export { GroupedBarChart } from '../index.js';

package/dist/types/hbar.d.ts

@@ -0,0 +1 @@
+export { HBarChart } from '../index.js';

package/dist/types/heatmap.d.ts

@@ -0,0 +1 @@
+export { HeatmapChart } from '../index.js';

package/dist/types/line.d.ts

@@ -0,0 +1 @@
+export { LineChart } from '../index.js';

package/dist/types/multi-line.d.ts

@@ -0,0 +1 @@
+export { MultiLineChart } from '../index.js';

package/dist/types/pie.d.ts

@@ -0,0 +1 @@
+export { PieChart } from '../index.js';

package/dist/types/polar.d.ts

@@ -0,0 +1 @@
+export { PolarChart } from '../index.js';

package/dist/types/radar.d.ts

@@ -0,0 +1 @@
+export { RadarChart } from '../index.js';

package/dist/types/realtime.d.ts

@@ -0,0 +1 @@
+export { RealtimeChart } from '../index.js';

package/dist/types/scatter.d.ts

@@ -0,0 +1 @@
+export { ScatterChart } from '../index.js';

package/dist/types/sparkline.d.ts

@@ -0,0 +1 @@
+export { Sparkline } from '../index.js';

package/dist/types/stacked-bar.d.ts

@@ -0,0 +1 @@
+export { StackedBarChart } from '../index.js';

package/dist/types/treemap.d.ts

@@ -0,0 +1 @@
+export { TreemapChart } from '../index.js';

package/dist/types/waterfall.d.ts

@@ -0,0 +1 @@
+export { WaterfallChart } from '../index.js';

package/dist/vue.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent, PropType } from 'vue';
+import type { Chart } from './index.js';
+
+/**
+ * `<AerizChart :type="BarChart" :data="rows" :options="{…}" @ready @click />`
+ * Template ref: `.chart()` returns the instance.
+ */
+export declare const AerizChart: DefineComponent<{
+  type: { type: PropType<new (el: HTMLElement, options: any) => Chart<any>>; required: true };
+  options: { type: PropType<Record<string, unknown>>; default: () => {} };
+  data: { type: PropType<unknown>; default: undefined };
+}>;
+export default AerizChart;

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@aeriz/chart",
-  "version": "1.0.0",
-  "description": "A focused, fast canvas charting library — 21 chart types, single rendering core, zero dependencies.",
+  "version": "1.1.0",
+  "description": "Visualization, light as air — 21 canvas chart types, import only what you use, zero dependencies. React, Vue, Svelte and jQuery adapters included.",
   "keywords": [
     "chart",
     "charts",
-    "charting",
     "canvas",
     "visualization",
     "dataviz",
     "graph",
-    "plot",
     "bar-chart",
     "line-chart",
     "area-chart",
@@ -29,6 +27,11 @@
     "realtime-chart",
     "waterfall-chart",
     "composite-chart",
+    "react",
+    "vue",
+    "svelte",
+    "jquery",
+    "tree-shakeable",
     "zero-dependencies",
     "lightweight"
   ],
@@ -36,54 +39,82 @@
   "author": "aeriz",
   "type": "module",
   "main": "./dist/aeriz.cjs",
-  "module": "./dist/aeriz.esm.js",
-  "browser": "./dist/aeriz.min.js",
-  "types": "./src/index.d.ts",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
   "unpkg": "./dist/aeriz.min.js",
   "jsdelivr": "./dist/aeriz.min.js",
   "exports": {
     ".": {
-      "types": "./src/index.d.ts",
-      "import": {
-        "default": "./dist/aeriz.esm.js"
-      },
-      "require": {
-        "default": "./dist/aeriz.cjs"
-      },
-      "browser": "./dist/aeriz.min.js",
-      "default": "./dist/aeriz.esm.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/aeriz.cjs",
+      "default": "./dist/esm/index.js"
     },
     "./min": {
-      "types": "./src/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/aeriz.esm.min.js",
       "require": "./dist/aeriz.min.cjs",
-      "browser": "./dist/aeriz.min.js",
       "default": "./dist/aeriz.esm.min.js"
     },
+    "./react": { "types": "./dist/react.d.ts", "default": "./dist/esm/react.js" },
+    "./vue": { "types": "./dist/vue.d.ts", "default": "./dist/esm/vue.js" },
+    "./svelte": { "types": "./dist/svelte.d.ts", "default": "./dist/esm/svelte.js" },
+    "./jquery": { "types": "./dist/jquery.d.ts", "default": "./dist/esm/jquery.js" },
+    "./bar": { "types": "./dist/types/bar.d.ts", "default": "./dist/esm/charts/bar.js" },
+    "./hbar": { "types": "./dist/types/hbar.d.ts", "default": "./dist/esm/charts/hbar.js" },
+    "./line": { "types": "./dist/types/line.d.ts", "default": "./dist/esm/charts/line.js" },
+    "./area": { "types": "./dist/types/area.d.ts", "default": "./dist/esm/charts/area.js" },
+    "./stacked-bar": { "types": "./dist/types/stacked-bar.d.ts", "default": "./dist/esm/charts/stacked-bar.js" },
+    "./grouped-bar": { "types": "./dist/types/grouped-bar.d.ts", "default": "./dist/esm/charts/grouped-bar.js" },
+    "./multi-line": { "types": "./dist/types/multi-line.d.ts", "default": "./dist/esm/charts/multi-line.js" },
+    "./scatter": { "types": "./dist/types/scatter.d.ts", "default": "./dist/esm/charts/scatter.js" },
+    "./bubble": { "types": "./dist/types/bubble.d.ts", "default": "./dist/esm/charts/bubble.js" },
+    "./pie": { "types": "./dist/types/pie.d.ts", "default": "./dist/esm/charts/pie.js" },
+    "./radar": { "types": "./dist/types/radar.d.ts", "default": "./dist/esm/charts/radar.js" },
+    "./polar": { "types": "./dist/types/polar.d.ts", "default": "./dist/esm/charts/polar.js" },
+    "./gauge": { "types": "./dist/types/gauge.d.ts", "default": "./dist/esm/charts/gauge.js" },
+    "./heatmap": { "types": "./dist/types/heatmap.d.ts", "default": "./dist/esm/charts/heatmap.js" },
+    "./boxplot": { "types": "./dist/types/boxplot.d.ts", "default": "./dist/esm/charts/boxplot.js" },
+    "./funnel": { "types": "./dist/types/funnel.d.ts", "default": "./dist/esm/charts/funnel.js" },
+    "./treemap": { "types": "./dist/types/treemap.d.ts", "default": "./dist/esm/charts/treemap.js" },
+    "./sparkline": { "types": "./dist/types/sparkline.d.ts", "default": "./dist/esm/charts/sparkline.js" },
+    "./realtime": { "types": "./dist/types/realtime.d.ts", "default": "./dist/esm/charts/realtime.js" },
+    "./waterfall": { "types": "./dist/types/waterfall.d.ts", "default": "./dist/esm/charts/waterfall.js" },
+    "./composite": { "types": "./dist/types/composite.d.ts", "default": "./dist/esm/charts/composite.js" },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
   },
   "files": [
-    "dist",
-    "src",
-    "README.md",
-    "LICENSE"
+    "dist"
   ],
   "sideEffects": false,
+  "peerDependencies": {
+    "jquery": ">=1.7",
+    "react": ">=16.8",
+    "vue": ">=3.2"
+  },
+  "peerDependenciesMeta": {
+    "jquery": { "optional": true },
+    "react": { "optional": true },
+    "vue": { "optional": true }
+  },
   "scripts": {
     "build": "node scripts/build.mjs",
-    "prepublishOnly": "node scripts/build.mjs",
-    "test": "node test/verify.mjs && node test/bundle.mjs"
+    "test": "node --test \"test/*.test.mjs\"",
+    "sync": "node scripts/sync.mjs",
+    "version": "node scripts/sync.mjs",
+    "prepublishOnly": "npm run build && npm test"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=18"
   },
+  "homepage": "https://aeriz.dev/chart/",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/code-repositories/aeriz.git"
+    "url": "git+https://github.com/code-repositories/aeriz-js.git",
+    "directory": "packages/chart"
   },
-  "homepage": "https://www.aeriz.dev",
-  "bugs": {
-    "url": "https://github.com/code-repositories/aeriz/issues"
+  "publishConfig": {
+    "access": "public"
   }
 }