@internetstiftelsen/charts 0.17.0 → 0.18.0

package/README.md

@@ -88,10 +88,7 @@ Builds the demo app using the default Vite config.
 ## Quick Start
 
 ```javascript
-import { XYChart } from '@internetstiftelsen/charts/xy-chart';
-import { Line } from '@internetstiftelsen/charts/line';
-import { XAxis } from '@internetstiftelsen/charts/x-axis';
-import { YAxis } from '@internetstiftelsen/charts/y-axis';
+import { Line, XAxis, XYChart, YAxis } from '@internetstiftelsen/charts';
 
 const data = [
     { date: '2023', revenue: 100, expenses: 80 },
@@ -109,6 +106,9 @@ chart
 chart.render('#chart-container');
 ```
 
+Subpath imports like `@internetstiftelsen/charts/xy-chart` remain available when
+you want to import individual modules directly.
+
 Use top-level `width` and `height` for fixed-size charts, or omit them to size
 from the render container.
 

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export * from './area.js';
+export * from './bar.js';
+export * from './base-chart.js';
+export * from './chart-group.js';
+export * from './chart-interface.js';
+export * from './donut-center-content.js';
+export * from './donut-chart.js';
+export * from './gauge-chart.js';
+export * from './grid.js';
+export * from './legend.js';
+export * from './line.js';
+export * from './pie-chart.js';
+export * from './scatter.js';
+export * from './text.js';
+export * from './theme.js';
+export * from './title.js';
+export * from './tooltip.js';
+export * from './types.js';
+export * from './word-cloud-chart.js';
+export * from './x-axis.js';
+export * from './xy-chart.js';
+export * from './y-axis.js';
+export { mountChartWhenVisible } from './lazy-mount.js';
+export type { LazyChartFactory, LazyChartMountHandle, LazyChartMountOptions, LazyMountableChart, } from './lazy-mount.js';
+export { toChartData } from './utils.js';
+export type { GroupedStringParseOptions, ToChartDataOptions } from './utils.js';

package/dist/index.js

@@ -0,0 +1,24 @@
+export * from './area.js';
+export * from './bar.js';
+export * from './base-chart.js';
+export * from './chart-group.js';
+export * from './chart-interface.js';
+export * from './donut-center-content.js';
+export * from './donut-chart.js';
+export * from './gauge-chart.js';
+export * from './grid.js';
+export * from './legend.js';
+export * from './line.js';
+export * from './pie-chart.js';
+export * from './scatter.js';
+export * from './text.js';
+export * from './theme.js';
+export * from './title.js';
+export * from './tooltip.js';
+export * from './types.js';
+export * from './word-cloud-chart.js';
+export * from './x-axis.js';
+export * from './xy-chart.js';
+export * from './y-axis.js';
+export { mountChartWhenVisible } from './lazy-mount.js';
+export { toChartData } from './utils.js';

package/docs/getting-started.md

@@ -11,15 +11,16 @@ npm install @internetstiftelsen/charts
 ## Vanilla JavaScript
 
 ```javascript
-import { XYChart } from '@internetstiftelsen/charts/xy-chart';
-import { Line } from '@internetstiftelsen/charts/line';
-import { Bar } from '@internetstiftelsen/charts/bar';
-import { XAxis } from '@internetstiftelsen/charts/x-axis';
-import { YAxis } from '@internetstiftelsen/charts/y-axis';
-import { Grid } from '@internetstiftelsen/charts/grid';
-import { Tooltip } from '@internetstiftelsen/charts/tooltip';
-import { Legend } from '@internetstiftelsen/charts/legend';
-import { Title } from '@internetstiftelsen/charts/title';
+import {
+    Grid,
+    Legend,
+    Line,
+    Title,
+    Tooltip,
+    XAxis,
+    XYChart,
+    YAxis,
+} from '@internetstiftelsen/charts';
 
 // Your data
 const data = [
@@ -57,6 +58,9 @@ chart.update(newData);
 chart.destroy();
 ```
 
+Subpath imports like `@internetstiftelsen/charts/xy-chart` remain available when
+you want to import individual modules directly.
+
 ## Lifecycle Events
 
 Charts support lifecycle listeners with `on()` and `off()`.

package/package.json

@@ -1,14 +1,21 @@
 {
-    "version": "0.17.0",
+    "version": "0.18.0",
     "name": "@internetstiftelsen/charts",
     "type": "module",
     "sideEffects": false,
+    "types": "./dist/index.d.ts",
+    "module": "./dist/index.js",
+    "main": "./dist/index.js",
     "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./package.json": "./package.json",
         "./*": {
             "types": "./dist/*.d.ts",
             "import": "./dist/*.js"
-        },
-        "./package.json": "./package.json"
+        }
     },
     "files": [
         "dist",