chartjs-chart-sankey 0.15.2 → 0.16.0

package/README.md

@@ -1,7 +1,5 @@
 # chartjs-chart-sankey
 
-[Chart.js](https://www.chartjs.org/) **^3.3** module for creating sankey diagrams
-
 [![npm](https://img.shields.io/npm/v/chartjs-chart-sankey.svg)](https://www.npmjs.com/package/chartjs-chart-sankey)
 [![release](https://img.shields.io/github/release/kurkle/chartjs-chart-sankey.svg?style=flat-square)](https://github.com/kurkle/chartjs-chart-sankey/releases/latest)
 ![npm bundle size](https://img.shields.io/bundlephobia/min/chartjs-chart-sankey.svg)
@@ -10,165 +8,60 @@
 [![documentation](https://img.shields.io/static/v1?message=Documentation&color=informational)](https://chartjs-chart-sankey.pages.dev)
 ![GitHub](https://img.shields.io/github/license/kurkle/chartjs-chart-sankey.svg)
 
-## Browser support
-
-All modern and up-to-date browsers are supported, including, but not limited to:
-
-- Chrome
-- Edge
-- Firefox
-- Safari
-
-Internet Explorer 11 is not supported.
-
-## Typescript
-
-Typescript 3.x and higher is supported.
+[Chart.js](https://www.chartjs.org/) **v3.3+, v4+** module that adds a sankey chart type, drawing flows between named nodes as directional bands whose width is proportional to the flow value — useful for visualizing energy transfers, budgets, funnels, and other flow-style data, for anyone already charting with Chart.js.
 
-## Documentation
-
-You can find documentation for chartjs-chart-sankey at [https://chartjs-chart-sankey.pages.dev/](https://chartjs-chart-sankey.pages.dev/).
-
-## Integration
+## Example
 
-You can use **chartjs-chart-sankey.js** as ES module. You'll need to manually register two components
+![Sankey Example Image](test/fixtures/energy.png)
 
-```js
-import {Chart} from 'chart.js';
-import {SankeyController, Flow} from 'chartjs-chart-sankey';
+## Installation
 
-Chart.register(SankeyController, Flow);
+```bash
+npm install chartjs-chart-sankey
 ```
 
-For script tag usage, load the browser bundle after Chart.js. The browser bundle registers the sankey controller
-and flow element automatically.
+Or via CDN:
 
 ```html
 <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/chartjs-chart-sankey"></script>
 ```
 
-The same bundle can be loaded from UNPKG:
-
-```html
-<script src="https://unpkg.com/chart.js"></script>
-<script src="https://unpkg.com/chartjs-chart-sankey"></script>
-```
-
-If a CDN does not use the package metadata for its default file, reference the browser bundle directly:
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/chartjs-chart-sankey/dist/chartjs-chart-sankey.min.js"></script>
-```
-
-To create a sankey chart, include chartjs-chart-sankey.js after chart.js and then create the chart by setting the `type`
-attribute to `'sankey'`
+## Quickstart
 
 ```js
-const chart = new Chart(ctx, {
-  type: 'sankey',
-  data: dataObject
-});
-```
-
-## Configuration
-
-Example:
-
-```js
-const colors = {
-  a: 'red',
-  b: 'green',
-  c: 'blue',
-  d: 'gray'
-};
-
-const getHover = (key) => colors[key];
-const getColor = (key) => colors[key];
-
-const chart = new Chart(ctx, {
-  type: 'sankey',
-  data: {
-    datasets: [{
-      label: 'My sankey',
-      data: [
-        {from: 'a', to: 'b', flow: 10},
-        {from: 'a', to: 'c', flow: 5},
-        {from: 'b', to: 'c', flow: 10},
-        {from: 'd', to: 'c', flow: 7}
-      ],
-      colorFrom: (c) => getColor(c.dataset.data[c.dataIndex].from),
-      colorTo: (c) => getColor(c.dataset.data[c.dataIndex].to),
-      hoverColorFrom: (c) => getHover(c.dataset.data[c.dataIndex].from),
-      hoverColorTo: (c) => getHover(c.dataset.data[c.dataIndex].to),
-      colorMode: 'gradient', // or 'from' or 'to'
-      /* optionally override default alpha (0.5) applied to colorFrom and colorTo */
-      alpha: 1,
-      /* optional labels */
-      labels: {
-        a: 'Label A',
-        b: 'Label B',
-        c: 'Label C',
-        d: 'Label D'
-      },
-      /* optional priority */
-      priority: {
-        b: 1,
-        d: 0
-      },
-      /* optional column overrides */
-      column: {
-        d: 1
-      },
-      size: 'max', // or 'min' if flow overlap is preferred
-    }]
-  },
-});
-```
-
-### Custom data structure
+import { Chart, LinearScale } from 'chart.js';
+import { Flow, SankeyController } from 'chartjs-chart-sankey';
 
-Custom data structure can be used by specifying the custom data keys in `options.parsing`.
-For example:
+Chart.register(LinearScale, SankeyController, Flow);
 
-```js
-const chart = new Chart(ctx, {
+new Chart(document.getElementById('chart'), {
   type: 'sankey',
   data: {
     datasets: [
       {
+        label: 'My sankey',
         data: [
-          {source: 'a', destination: 'b', value: 20},
-          {source: 'c', destination: 'd', value: 10},
-          {source: 'c', destination: 'e', value: 5},
+          {from: 'a', to: 'b', flow: 10},
+          {from: 'a', to: 'c', flow: 5},
+          {from: 'b', to: 'd', flow: 6},
+          {from: 'c', to: 'd', flow: 4},
         ],
-        colorFrom: 'red',
-        colorTo: 'green'
-      }
-    ]
+      },
+    ],
   },
-  options: {
-    parsing: {
-      from: 'source',
-      to: 'destination',
-      flow: 'value'
-    }
-  }
 });
 ```
 
-## Example
+See more integration options (script tag, other module loaders) in the [documentation](https://chartjs-chart-sankey.pages.dev/integration/).
 
-![Sankey Example Image](test/fixtures/energy.png)
-
-## Online examples
+## Documentation
 
-[codepen](https://codepen.io/kurkle/pen/bGVKPOM)
-[Vue.js 2](https://codesandbox.io/s/reverent-boyd-od2fr?file=/src/App.vue)
+You can find documentation for chartjs-chart-sankey at [https://chartjs-chart-sankey.pages.dev/](https://chartjs-chart-sankey.pages.dev/). The full dataset and options reference lives there, not in this README — this file stays a quickstart.
 
 ## Development
 
-You first need to install node dependencies  (requires [Node.js](https://nodejs.org/)):
+You first need to install node dependencies (requires [Node.js](https://nodejs.org/)):
 
 ```bash
 > npm install
@@ -177,12 +70,10 @@ You first need to install node dependencies  (requires [Node.js](https://nodejs.
 The following commands will then be available from the repository root:
 
 ```bash
-> npm run build         // build dist files
+> npm run build        // build dist files
 > npm run autobuild     // build and watch for changes
 > npm test              // run all tests
-> npm autotest          // run all tests and watch for changes
-> npm lint              // perform code linting
-> npm package           // create an archive with dist files and samples
+> npm run lint          // perform code linting
 ```
 
 ## License

package/dist/chartjs-chart-sankey.cjs

@@ -1,5 +1,5 @@
 /*!
- * chartjs-chart-sankey v0.15.2
+ * chartjs-chart-sankey v0.16.0
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license

package/dist/chartjs-chart-sankey.esm.js

@@ -1,5 +1,5 @@
 /*!
- * chartjs-chart-sankey v0.15.2
+ * chartjs-chart-sankey v0.16.0
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license

package/dist/chartjs-chart-sankey.min.js

@@ -1,5 +1,5 @@
 /*!
- * chartjs-chart-sankey v0.15.2
+ * chartjs-chart-sankey v0.16.0
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license

package/dist/controller.d.cts

@@ -0,0 +1,127 @@
+import type { ChartMeta } from 'chart.js' with { 'resolution-mode': 'import' };
+import type Flow from './flow.cjs';
+import type { AnyObject, SankeyControllerDatasetOptions, SankeyParsedData } from './types.cjs';
+import type { DatasetController } from 'chart.js' with { 'resolution-mode': 'import' };
+export default class SankeyController extends DatasetController {
+    static readonly id = "sankey";
+    static readonly descriptors: {
+        _indexable: boolean;
+        _scriptable: boolean;
+        nodeLabels: {
+            _indexable: boolean;
+            _scriptable: boolean;
+        };
+    };
+    static readonly defaults: {
+        animations: {
+            colors: {
+                properties: string[];
+                type: string;
+            };
+            numbers: {
+                properties: string[];
+                type: string;
+            };
+            progress: {
+                delay: (ctx: any) => number | undefined;
+                duration: (ctx: any) => number | undefined;
+                easing: string;
+            };
+        };
+        borderColor: string;
+        borderWidth: number;
+        color: string;
+        dataElementType: string;
+        modeX: string;
+        nodePadding: number;
+        nodeWidth: number;
+        orientation: string;
+        transitions: {
+            hide: {
+                animations: {
+                    colors: {
+                        properties: string[];
+                        to: string;
+                        type: string;
+                    };
+                };
+            };
+            show: {
+                animations: {
+                    colors: {
+                        from: string;
+                        properties: string[];
+                        type: string;
+                    };
+                };
+            };
+        };
+    };
+    static readonly overrides: {
+        datasets: {
+            clip: boolean;
+            parsing: {
+                flow: string;
+                from: string;
+                to: string;
+            };
+        };
+        interaction: {
+            intersect: boolean;
+            mode: string;
+        };
+        layout: {
+            padding: {
+                bottom: number;
+                left: number;
+                right: number;
+                top: number;
+            };
+        };
+        plugins: {
+            legend: {
+                display: boolean;
+            };
+            tooltip: {
+                callbacks: {
+                    label(context: any): string;
+                    title(): string;
+                };
+            };
+        };
+        scales: {
+            x: {
+                bounds: string;
+                display: boolean;
+                min: number;
+                offset: boolean;
+                type: string;
+            };
+            y: {
+                bounds: string;
+                display: boolean;
+                min: number;
+                offset: boolean;
+                reverse: boolean;
+                type: string;
+            };
+        };
+    };
+    options: SankeyControllerDatasetOptions;
+    private _nodes;
+    private _maxX;
+    private _maxY;
+    parseObjectData(meta: ChartMeta<'sankey', Flow>, data: AnyObject[], start: number, count: number): SankeyParsedData[];
+    getMinMax(scale: any): {
+        max: number;
+        min: number;
+    };
+    update(mode: any): void;
+    updateElements(elems: Flow[], start: number, count: number, mode: 'default' | 'resize' | 'reset' | 'none' | 'hide' | 'show' | 'active'): void;
+    private _drawLabels;
+    private _drawNodes;
+    /**
+     * That's where the drawing process happens
+     */
+    draw(): void;
+}

package/dist/flow.d.cts

@@ -0,0 +1,78 @@
+import type { Color } from 'chart.js' with { 'resolution-mode': 'import' };
+import type { FlowConfig, FlowOptions, FlowProps, SankeyNode } from './types.cjs';
+import type { Element } from 'chart.js' with { 'resolution-mode': 'import' };
+export default class Flow extends Element<FlowProps, FlowOptions> {
+    static readonly id = "flow";
+    static readonly defaults: {
+        alpha: number;
+        colorFrom: string;
+        colorMode: string;
+        colorTo: string;
+        flowColor: null;
+        flowLabels: {
+            borderRadius: number;
+            color: string;
+            display: boolean;
+            padding: number;
+            position: string;
+        };
+        hoverColorFrom: (_ctx: unknown, options: FlowOptions) => Color;
+        hoverColorTo: (_ctx: unknown, options: FlowOptions) => Color;
+        orientation: string;
+    };
+    static readonly descriptors: {
+        _scriptable: boolean;
+        flowLabels: {
+            _scriptable: boolean;
+        };
+    };
+    flow: number;
+    x2: number;
+    y2: number;
+    width: number;
+    height: number;
+    progress: number;
+    from?: SankeyNode;
+    to?: SankeyNode;
+    constructor(cfg: FlowConfig);
+    /**
+     * @param {CanvasRenderingContext2D} ctx
+     */
+    draw(ctx: CanvasRenderingContext2D): void;
+    /**
+     * @param {number} mouseX
+     * @param {number} mouseY
+     * @param {boolean} useFinalPosition
+     * @return {boolean}
+     */
+    inRange(mouseX: number, mouseY: number, useFinalPosition: boolean): boolean;
+    /**
+     * @param {number} mouseX
+     * @param {boolean} useFinalPosition
+     * @return {boolean}
+     */
+    inXRange(mouseX: number, useFinalPosition: boolean): boolean;
+    /**
+     * @param {number} mouseY
+     * @param {boolean} useFinalPosition
+     * @return {boolean}
+     */
+    inYRange(mouseY: number, useFinalPosition: boolean): boolean;
+    /**
+     * @param {boolean} useFinalPosition
+     * @return {{x: number, y:number}}
+     */
+    getCenterPoint(useFinalPosition: boolean): {
+        x: number;
+        y: number;
+    };
+    tooltipPosition(useFinalPosition?: boolean): {
+        x: number;
+        y: number;
+    };
+    /**
+     * @param {"x" | "y"} axis
+     * @return {number}
+     */
+    getRange(axis: 'x' | 'y'): number;
+}

package/dist/index.d.cts

@@ -0,0 +1,4 @@
+import Sankey from './controller.cjs';
+import Flow from './flow.cjs';
+export type { FlowConfig, FlowOptions, FlowProps, SankeyControllerDatasetFlowLabelsOptions, SankeyControllerDatasetNodeLabelsOptions, SankeyControllerDatasetOptions, SankeyDataPoint, SankeyLabelPosition, SankeyNodeLabelOption, SankeyNodeLabelPosition, SankeyOrientation, SankeyParsedData, SankeyParsingOptions, SankeyScriptableContext, } from './types.cjs';
+export { Flow, Sankey as SankeyController };

package/dist/index.esm.d.cts

@@ -0,0 +1,3 @@
+export type { FlowConfig, FlowOptions, FlowProps, SankeyControllerDatasetFlowLabelsOptions, SankeyControllerDatasetNodeLabelsOptions, SankeyControllerDatasetOptions, SankeyDataPoint, SankeyLabelPosition, SankeyNodeLabelOption, SankeyNodeLabelPosition, SankeyOrientation, SankeyParsedData, SankeyParsingOptions, SankeyScriptableContext, } from './types.cjs';
+export { default as SankeyController } from './controller.cjs';
+export { default as Flow } from './flow.cjs';

package/dist/labels.d.cts

@@ -0,0 +1,22 @@
+import type { CanvasFontSpec, Color } from 'chart.js' with { 'resolution-mode': 'import' };
+import type { SankeyLabelPosition, SankeyNode, SankeyNodeLabelOption } from './types.cjs';
+type ResolvableNodeLabelValue = boolean | Color | SankeyLabelPosition;
+type ResolvedLabelPosition = Exclude<SankeyLabelPosition, 'auto'>;
+export interface DrawLabelOptions {
+    autoPosition: ResolvedLabelPosition;
+    backgroundColor?: Color;
+    borderRadius: number;
+    borderWidth: number;
+    color: Color;
+    font: CanvasFontSpec;
+    height: number;
+    lineOffset: number;
+    padding: number;
+    position: SankeyLabelPosition;
+    width: number;
+    x: number;
+    y: number;
+}
+export declare function resolveNodeLabelOption<T extends ResolvableNodeLabelValue>(option: SankeyNodeLabelOption<T> | undefined, node: SankeyNode): T | undefined;
+export declare function drawLabel(ctx: CanvasRenderingContext2D, label: string, options: DrawLabelOptions): void;
+export {};

package/dist/types.d.cts

@@ -0,0 +1,140 @@
+import type {} from './types.js' with { 'resolution-mode': 'import' };
+import type { CartesianScaleTypeRegistry, Color, ControllerDatasetOptions, CoreChartOptions, FontSpec, Scriptable, ScriptableAndArray, ScriptableContext } from 'chart.js' with { 'resolution-mode': 'import' };
+export type AnyObject = Record<string, unknown>;
+export interface SankeyDataPoint {
+    from: string;
+    to: string;
+    flow: number;
+}
+export type SankeyScriptableContext = ScriptableContext<'sankey'> & {
+    raw: SankeyDataPoint;
+};
+export type SankeyLabelPosition = 'auto' | 'bottom' | 'center' | 'left' | 'right' | 'top';
+export type SankeyNodeLabelPosition = SankeyLabelPosition;
+export type SankeyOrientation = 'horizontal' | 'vertical';
+export type SankeyNodeLabelOption<T> = T | Record<string, T> | ((node: SankeyNode) => T | undefined);
+export interface SankeyControllerDatasetNodeLabelsOptions {
+    backgroundColor?: SankeyNodeLabelOption<Color>;
+    borderRadius?: number;
+    color?: SankeyNodeLabelOption<Color>;
+    display?: SankeyNodeLabelOption<boolean>;
+    font?: Partial<FontSpec>;
+    padding?: number;
+    position?: SankeyNodeLabelOption<SankeyLabelPosition>;
+}
+export interface SankeyControllerDatasetFlowLabelsOptions {
+    backgroundColor?: Scriptable<Color, SankeyScriptableContext>;
+    borderRadius?: Scriptable<number, SankeyScriptableContext>;
+    color?: Scriptable<Color, SankeyScriptableContext>;
+    display?: Scriptable<boolean, SankeyScriptableContext>;
+    font?: Scriptable<Partial<FontSpec>, SankeyScriptableContext>;
+    padding?: Scriptable<number, SankeyScriptableContext>;
+    position?: Scriptable<SankeyLabelPosition, SankeyScriptableContext>;
+}
+export interface SankeyParsingOptions {
+    from: string;
+    to: string;
+    flow: string;
+}
+export interface SankeyControllerDatasetOptions extends Omit<ControllerDatasetOptions, 'parsing'> {
+    alpha?: number;
+    backgroundColor?: never;
+    borderColor?: Color;
+    borderWidth?: number;
+    color?: Color;
+    colorFrom?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    colorMode?: 'gradient' | 'from' | 'to';
+    colorTo?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    column?: Record<string, number>;
+    font?: Partial<FontSpec>;
+    flowLabels?: SankeyControllerDatasetFlowLabelsOptions;
+    hoverColorFrom?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    hoverColorTo?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    hoverFlowColor?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    labels?: Record<string, string>;
+    flowColor?: ScriptableAndArray<Color, SankeyScriptableContext>;
+    modeX?: 'edge' | 'even';
+    nodeLabels?: SankeyControllerDatasetNodeLabelsOptions;
+    nodePadding?: number;
+    nodeWidth?: number;
+    orientation?: SankeyOrientation;
+    padding?: number;
+    parsing: SankeyParsingOptions;
+    priority?: Record<string, number>;
+    size?: 'min' | 'max';
+}
+export interface FromToElement {
+    addY: number;
+    flow: number;
+    key: string;
+    node: SankeyNode;
+    index: number;
+}
+export interface SankeyNode {
+    key: string;
+    in: number;
+    out: number;
+    size: number;
+    from: FromToElement[];
+    to: FromToElement[];
+    column?: boolean;
+    priority?: number;
+    y?: number;
+    x?: number;
+    color?: Color;
+    _visited?: number;
+}
+export interface SankeyParsedData {
+    x: number;
+    y: number;
+    _custom: {
+        from: SankeyNode;
+        to: SankeyNode;
+        x: number;
+        y: number;
+        height: number;
+        flow: number;
+    };
+}
+
+export interface FlowProps {
+    flow: number;
+    x: number;
+    y: number;
+    x2: number;
+    y2: number;
+    height: number;
+    width: number;
+}
+export interface FlowOptions {
+    alpha: number;
+    colorMode: 'gradient' | 'from' | 'to';
+    colorFrom: Color;
+    colorTo: Color;
+    hoverColorFrom: Color;
+    hoverColorTo: Color;
+    flowColor: Color | null;
+    orientation: SankeyOrientation;
+    flowLabels: {
+        backgroundColor?: Color;
+        borderRadius: number;
+        color: Color;
+        display: boolean;
+        font?: Partial<FontSpec>;
+        padding: number;
+        position: SankeyLabelPosition;
+    };
+}
+export interface FlowConfig {
+    flow?: number;
+    x: number;
+    y: number;
+    x2: number;
+    y2: number;
+    height: number;
+    width?: number;
+    progress?: number;
+    from?: SankeyNode;
+    to?: SankeyNode;
+    options: FlowOptions;
+}

package/package.json

@@ -12,43 +12,43 @@
     "@emnapi/core": "^1.11.2",
     "@emnapi/runtime": "^1.11.2",
     "@kurkle/astro-chartjs-editor": "^1.0.0",
-    "@kurkle/configs": "^1.0.1",
+    "@kurkle/configs": "^1.5.1",
     "@napi-rs/canvas": "^1.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-swc": "^0.4.0",
     "@rollup/plugin-terser": "^1.0.0",
-    "@swc/cli": "^0.8.1",
     "@swc/core": "^1.7.40",
-    "@types/jasmine": "^6.0.0",
     "@types/node": "^26.1.0",
+    "@vitest/browser": "^5.0.0",
+    "@vitest/browser-playwright": "^5.0.0",
+    "@vitest/coverage-istanbul": "^5.0.0",
+    "@vitest/coverage-v8": "^5.0.0",
     "astro": "^7.0.6",
-    "c8": "^12.0.0",
     "chart.js": "^4.4.5",
-    "chartjs-test-utils": "^0.5.0",
-    "cross-env": "^10.1.0",
     "globals": "^17.0.0",
-    "jasmine": "^7.0.0",
-    "karma": "^6.3.2",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-coverage": "^2.0.3",
-    "karma-firefox-launcher": "^2.1.3",
-    "karma-jasmine": "^5.0.1",
-    "karma-jasmine-html-reporter": "^2.0.0",
-    "karma-rollup-preprocessor": "^7.0.8",
-    "karma-spec-reporter": "^0.0.36",
+    "pixelmatch": "^7.1.0",
+    "playwright": "^1.63.0",
     "png-to-ico": "^3.0.2",
     "rollup": "^4.24.0",
     "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-istanbul": "^5.0.0",
     "semantic-release": "^25.0.3",
     "sharp": "^0.35.4",
-    "typescript": "^6.0.3"
+    "typescript": "^6.0.3",
+    "vitest": "^5.0.0"
   },
   "exports": {
-    "import": "./dist/chartjs-chart-sankey.esm.js",
-    "require": "./dist/chartjs-chart-sankey.cjs",
-    "script": "./dist/chartjs-chart-sankey.min.js",
-    "types": "./dist/index.esm.d.ts"
+    ".": {
+      "import": {
+        "types": "./dist/index.esm.d.ts",
+        "default": "./dist/chartjs-chart-sankey.esm.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/chartjs-chart-sankey.cjs"
+      },
+      "script": "./dist/chartjs-chart-sankey.min.js"
+    },
+    "./package.json": "./package.json"
   },
   "files": [
     "dist/*",
@@ -74,27 +74,27 @@
   },
   "scripts": {
     "autobuild": "rollup -c -w",
-    "build": "rollup -c && tsc -p tsconfig.json --emitDeclarationOnly",
-    "dev": "karma start ./karma.conf.cjs --no-single-run --auto-watch --browsers chrome",
-    "dev:ff": "karma start ./karma.conf.cjs --no-single-run --auto-watch --browsers firefox",
+    "build": "rollup -c && tsc -p tsconfig.json --emitDeclarationOnly && kurkle-build-cjs-types",
+    "dev": "vitest --config vitest.browser.config.ts",
     "docs": "npm run build && astro build",
     "docs:dev": "npm run build && astro dev",
     "docs:version": "node ./docs/scripts/write-docs-version.cjs",
+    "fixtures:update": "node scripts/update-fixtures.mjs",
     "format": "biome check --write",
-    "icons": "node ./docs/scripts/generate-icons.mjs",
+    "icons": "kurkle-generate-icons",
     "lint": "biome check",
     "predocs": "npm run docs:version",
     "predocs:dev": "npm run docs:version",
     "prepack": "npm run build",
     "prepare": "git config core.hooksPath .githooks || true",
-    "pretest:unit": "swc --config-file .swcrc-spec src -d build",
-    "test": "npm run test:unit && npm run test:fixture && npm run test:integration:browser-module && npm run test:integration:node-commonjs && npm run test:integration:node-module",
-    "test:fixture": "cross-env NODE_ENV=test karma start ./karma.conf.cjs --no-auto-watch --single-run",
-    "test:integration:browser-module": "karma start ./karma.integration.cjs --single-run",
+    "test": "npm run test:unit && npm run test:fixture && npm run test:integration:browser-module && npm run test:integration:node-commonjs && npm run test:integration:node-module && npm run test:pack",
+    "test:fixture": "vitest run --config vitest.browser.config.ts --coverage",
+    "test:integration:browser-module": "vitest run --config vitest.integration.config.ts",
     "test:integration:node-commonjs": "node test/integration/node-commonjs/test.cjs",
     "test:integration:node-module": "node test/integration/node-module/test.mjs",
-    "test:unit": "cross-env JASMINE_CONFIG_PATH=jasmine.json c8 --src=src --reporter=text --reporter=lcov -o=coverage/unit jasmine",
-    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.test.json && tsc -p tsconfig.json --emitDeclarationOnly && tsc --noEmit -p test/types/",
+    "test:pack": "kurkle-check-package",
+    "test:unit": "vitest run --config vitest.config.ts --coverage",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.test.json && tsc -p tsconfig.json --emitDeclarationOnly && tsc --noEmit -p test/types/ && tsc --noEmit -p tsconfig.tooling.json",
     "typecheck:docs": "astro check"
   },
   "sideEffects": [
@@ -104,5 +104,5 @@
   "type": "module",
   "types": "dist/index.esm.d.ts",
   "unpkg": "dist/chartjs-chart-sankey.min.js",
-  "version": "0.15.2"
+  "version": "0.16.0"
 }