@leracherry/chartmd 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Valeriia Radchenko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,134 @@
+# chart.md
+
+Markdown-native charts for React. Write a chart as a fenced Markdown block and
+render it with `react-markdown`; the chart inherits the text colour of the
+surrounding document.
+
+````md
+```chart
+type: bar
+title: Sign-ups
+x: Month
+y: People
+
+| Month | Free | Pro |
+| --- | ---: | ---: |
+| Jan | 120 | 32 |
+| Feb | 168 | 48 |
+| Mar | 210 | 67 |
+```
+````
+
+## Install
+
+```sh
+npm install @leracherry/chartmd react-markdown
+```
+
+## Use with React Markdown
+
+```tsx
+import Markdown from 'react-markdown';
+import { chartComponents, remarkChart } from '@leracherry/chartmd';
+import '@leracherry/chartmd/style.css';
+
+export function Article({ source }: { source: string }) {
+  return (
+    <Markdown remarkPlugins={[remarkChart]} components={chartComponents}>
+      {source}
+    </Markdown>
+  );
+}
+```
+
+That is the complete integration. `remarkChart` recognizes fenced `chart`
+blocks, validates their contents, and turns them into a chart node.
+`chartComponents` tells `react-markdown` how to render that node.
+
+The SVG uses `currentColor`, so a chart automatically follows the Markdown
+container in light mode, dark mode, links, embedded docs, and custom themes:
+
+```css
+.markdown-body {
+  color: #24292f;
+}
+
+@media (prefers-color-scheme: dark) {
+  .markdown-body {
+    color: #f0f6fc;
+  }
+}
+```
+
+Multiple series remain one-colour: they are distinguished by opacity and line
+dash patterns. Optional CSS variables provide finer control without requiring a
+chart theme:
+
+```css
+.markdown-body {
+  --chartmd-color: currentColor;
+  --chartmd-grid-opacity: 0.14;
+  --chartmd-muted-opacity: 0.68;
+}
+```
+
+## Chart syntax
+
+`type` is `bar` or `line`. `title`, `x`, and `y` are optional plain-text
+properties. The first table column supplies labels; every remaining column is a
+numeric series.
+
+````md
+```chart
+type: line
+title: Response time
+x: Release
+y: Milliseconds
+
+| Release | API | Worker |
+| --- | ---: | ---: |
+| 1.0 | 182 | 240 |
+| 1.1 | 151 | 205 |
+| 1.2 | 127 | 176 |
+```
+````
+
+Values may be positive, negative, or zero. Tables require a header, a Markdown
+separator row, and at least one data row. Invalid charts fail during Markdown
+processing with a useful error instead of silently rendering broken output.
+
+## Direct component use
+
+The parser and component are also public when the Markdown renderer is managed
+elsewhere:
+
+```tsx
+import { Chart, parseChart } from '@leracherry/chartmd';
+
+const definition = parseChart(chartSource);
+return <Chart definition={definition} />;
+```
+
+Public exports:
+
+- `remarkChart` — Markdown AST plugin.
+- `chartComponents` — component map for `react-markdown`.
+- `Chart` — responsive, accessible React SVG component.
+- `parseChart` — parser for the fenced block body.
+- `ChartDefinition`, `ChartSeries`, and `ChartType` — TypeScript types.
+
+The package has no browser charting dependency and does not use a canvas,
+network request, generated image, or client-side effect.
+
+## Development and delivery
+
+The product direction and release milestones live in [ROADMAP.md](ROADMAP.md).
+
+```sh
+pnpm install
+pnpm check
+```
+
+## License
+
+[MIT](LICENSE)

package/ROADMAP.md

@@ -0,0 +1,50 @@
+# Product roadmap
+
+## Product promise
+
+Install one package, add one Remark plugin and one component map to a React
+Markdown renderer, then write accessible charts in Markdown. Charts should feel
+native to the document rather than like embedded third-party widgets.
+
+## Milestone 1 — React Markdown foundation (implemented)
+
+- Fenced `chart` syntax with Markdown tables.
+- Bar and line charts with multiple numeric series.
+- `react-markdown` integration through `remarkChart` and `chartComponents`.
+- Responsive, server-renderable SVG output with accessible titles and data
+  descriptions.
+- One-colour rendering based on `currentColor`, with opacity and dash patterns
+  for series differentiation.
+- Published TypeScript declarations, focused tests, and npm package metadata.
+
+Exit criteria: a consumer can install `@leracherry/chartmd` and
+`react-markdown`, paste the README example, and render a chart without
+configuration or another charting library.
+
+## Milestone 2 — Markdown ecosystem coverage
+
+- Compatibility fixtures for Unified/Remark pipelines beyond `react-markdown`.
+- Horizontal bars and compact/sparkline presentation.
+- Better diagnostics with source positions for malformed cells.
+- Documented hooks for custom labels and numeric formatting.
+
+Exit criteria: the same chart source works consistently in the major
+Remark-based React rendering paths.
+
+## Milestone 3 — Custom rendering without theme drift
+
+- Component overrides for marks, labels, legends, and tooltips.
+- Locale-aware number formatting.
+- Explicit colour opt-in for teams that need multi-colour series, while keeping
+  one-colour inheritance as the default.
+- Visual regression suite for light, dark, narrow, and high-contrast layouts.
+
+Exit criteria: applications can customize chart behavior deeply without
+forking the parser or losing Markdown-theme inheritance.
+
+## Release policy
+
+Patch releases fix parsing, rendering, accessibility, or documentation.
+Minor releases may add syntax and component options without changing existing
+chart meaning. Breaking syntax or React integration changes require a major
+release and a migration guide.

package/dist/chart.d.ts

@@ -0,0 +1,17 @@
+import { type HTMLAttributes, type SVGProps } from 'react';
+import type { ChartDefinition } from './types.js';
+export interface ChartProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {
+    definition?: ChartDefinition;
+    'data-chart'?: string;
+}
+export declare function Chart({ definition: suppliedDefinition, 'data-chart': serializedDefinition, className, style, ...svgProps }: ChartProps): import("react/jsx-runtime").JSX.Element;
+interface ChartContainerProps extends HTMLAttributes<HTMLDivElement> {
+    node?: unknown;
+    'data-chart'?: string;
+}
+declare function ChartContainer({ node, 'data-chart': serializedDefinition, children, ...props }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare const chartComponents: {
+    div: typeof ChartContainer;
+};
+export {};
+//# sourceMappingURL=chart.d.ts.map

package/dist/chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../src/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACd,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AASlD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3E,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAwBD,wBAAgB,KAAK,CAAC,EACpB,UAAU,EAAE,kBAAkB,EAC9B,YAAY,EAAE,oBAAoB,EAClC,SAAS,EACT,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,UAAU,2CA+MZ;AA+BD,UAAU,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,YAAY,EAAE,oBAAoB,EAClC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAMrB;AAED,eAAO,MAAM,eAAe;;CAE3B,CAAC"}

package/dist/chart.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from 'react';
+const width = 720;
+const height = 420;
+const margin = { top: 54, right: 24, bottom: 76, left: 72 };
+const plotWidth = width - margin.left - margin.right;
+const plotHeight = height - margin.top - margin.bottom;
+const dashPatterns = ['', '8 5', '2 4', '10 4 2 4', '1 4'];
+function formatNumber(value) {
+    return new Intl.NumberFormat('en', {
+        maximumFractionDigits: 2,
+        notation: Math.abs(value) >= 10_000 ? 'compact' : 'standard',
+    }).format(value);
+}
+function getDomain(definition) {
+    const values = definition.series.flatMap((series) => series.values);
+    let minimum = Math.min(0, ...values);
+    let maximum = Math.max(0, ...values);
+    if (minimum === maximum)
+        maximum = minimum + 1;
+    const padding = (maximum - minimum) * 0.08;
+    if (minimum < 0)
+        minimum -= padding;
+    if (maximum > 0)
+        maximum += padding;
+    return [minimum, maximum];
+}
+function seriesOpacity(index) {
+    return Math.max(0.38, 0.94 - index * 0.14);
+}
+export function Chart({ definition: suppliedDefinition, 'data-chart': serializedDefinition, className, style, ...svgProps }) {
+    const definition = suppliedDefinition ?? parseSerialized(serializedDefinition);
+    const titleId = `chartmd-title-${useId().replaceAll(':', '')}`;
+    const descriptionId = `${titleId}-description`;
+    const [minimum, maximum] = getDomain(definition);
+    const y = (value) => {
+        return margin.top + ((maximum - value) / (maximum - minimum)) * plotHeight;
+    };
+    const zeroY = y(0);
+    const categoryWidth = plotWidth / definition.labels.length;
+    const title = definition.title ?? `${definition.type === 'bar' ? 'Bar' : 'Line'} chart`;
+    const description = definition.series
+        .map((series) => {
+        const values = definition.labels.map((label, index) => `${label}: ${formatNumber(series.values[index] ?? 0)}`);
+        return `${series.name}. ${values.join(', ')}`;
+    })
+        .join('. ');
+    const mergedStyle = {
+        color: 'var(--chartmd-color, currentColor)',
+        ...style,
+    };
+    return (_jsxs("svg", { ...svgProps, className: ['chartmd', className].filter(Boolean).join(' '), style: mergedStyle, viewBox: `0 0 ${width} ${height}`, role: "img", "aria-labelledby": `${titleId} ${descriptionId}`, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { id: titleId, children: title }), _jsx("desc", { id: descriptionId, children: description }), definition.title && (_jsx("text", { className: "chartmd__title", x: margin.left, y: 25, fontSize: 20, children: definition.title })), Array.from({ length: 5 }, (_, index) => {
+                const value = minimum + ((maximum - minimum) * index) / 4;
+                const gridY = y(value);
+                return (_jsxs("g", { children: [_jsx("line", { className: "chartmd__grid", x1: margin.left, x2: width - margin.right, y1: gridY, y2: gridY, stroke: "currentColor" }), _jsx("text", { className: "chartmd__label", x: margin.left - 10, y: gridY + 4, textAnchor: "end", fontSize: 12, children: formatNumber(value) })] }, index));
+            }), _jsx("line", { className: "chartmd__axis", x1: margin.left, x2: width - margin.right, y1: zeroY, y2: zeroY, stroke: "currentColor" }), definition.type === 'bar'
+                ? definition.labels.flatMap((label, labelIndex) => {
+                    const groupWidth = categoryWidth * 0.72;
+                    const barWidth = groupWidth / definition.series.length;
+                    const groupX = margin.left + labelIndex * categoryWidth + categoryWidth * 0.14;
+                    return definition.series.map((series, seriesIndex) => {
+                        const value = series.values[labelIndex] ?? 0;
+                        const valueY = y(value);
+                        return (_jsx("rect", { x: groupX + seriesIndex * barWidth + 1, y: Math.min(zeroY, valueY), width: Math.max(1, barWidth - 2), height: Math.max(1, Math.abs(zeroY - valueY)), fill: "currentColor", opacity: seriesOpacity(seriesIndex), rx: 2, children: _jsx("title", { children: `${label}, ${series.name}: ${formatNumber(value)}` }) }, `${label}-${series.name}`));
+                    });
+                })
+                : definition.series.map((series, seriesIndex) => {
+                    const points = series.values
+                        .map((value, index) => {
+                        const x = margin.left + categoryWidth * (index + 0.5);
+                        return `${x},${y(value)}`;
+                    })
+                        .join(' ');
+                    return (_jsxs("g", { opacity: seriesOpacity(seriesIndex), children: [_jsx("polyline", { points: points, fill: "none", stroke: "currentColor", strokeWidth: 3, strokeLinejoin: "round", strokeLinecap: "round", strokeDasharray: dashPatterns[seriesIndex % dashPatterns.length] }), series.values.map((value, index) => {
+                                const label = definition.labels[index] ?? '';
+                                return (_jsx("circle", { cx: margin.left + categoryWidth * (index + 0.5), cy: y(value), r: 4, fill: "currentColor", children: _jsx("title", { children: `${label}, ${series.name}: ${formatNumber(value)}` }) }, label));
+                            })] }, series.name));
+                }), definition.labels.map((label, index) => (_jsxs("text", { className: "chartmd__label", x: margin.left + categoryWidth * (index + 0.5), y: height - margin.bottom + 22, textAnchor: "middle", fontSize: 12, children: [label.length > 14 ? `${label.slice(0, 13)}…` : label, _jsx("title", { children: label })] }, label))), definition.x && (_jsx("text", { className: "chartmd__label", x: margin.left + plotWidth / 2, y: height - 12, textAnchor: "middle", fontSize: 13, children: definition.x })), definition.y && (_jsx("text", { className: "chartmd__label", transform: `translate(16 ${margin.top + plotHeight / 2}) rotate(-90)`, textAnchor: "middle", fontSize: 13, children: definition.y })), definition.series.length > 1 &&
+                definition.series.map((series, index) => (_jsxs("g", { transform: `translate(${margin.left + index * 130} ${height - 34})`, opacity: seriesOpacity(index), children: [definition.type === 'bar' ? (_jsx("rect", { width: 16, height: 10, y: -9, rx: 2, fill: "currentColor" })) : (_jsx("line", { x1: 0, x2: 18, y1: -4, y2: -4, stroke: "currentColor", strokeWidth: 3, strokeDasharray: dashPatterns[index % dashPatterns.length] })), _jsx("text", { className: "chartmd__legend", x: 24, fontSize: 12, children: series.name })] }, series.name)))] }));
+}
+function parseSerialized(value) {
+    if (!value)
+        throw new Error('Chart requires a definition');
+    const parsed = JSON.parse(value);
+    if (!isChartDefinition(parsed)) {
+        throw new Error('Chart received an invalid definition');
+    }
+    return parsed;
+}
+function isChartDefinition(value) {
+    if (!value || typeof value !== 'object')
+        return false;
+    const candidate = value;
+    return ((candidate.type === 'bar' || candidate.type === 'line') &&
+        Array.isArray(candidate.labels) &&
+        candidate.labels.every((label) => typeof label === 'string') &&
+        Array.isArray(candidate.series) &&
+        candidate.series.length > 0 &&
+        candidate.series.every((series) => {
+            return (typeof series?.name === 'string' &&
+                Array.isArray(series.values) &&
+                series.values.length === candidate.labels?.length &&
+                series.values.every(Number.isFinite));
+        }));
+}
+function ChartContainer({ node, 'data-chart': serializedDefinition, children, ...props }) {
+    void node;
+    if (serializedDefinition) {
+        return _jsx(Chart, { "data-chart": serializedDefinition });
+    }
+    return _jsx("div", { ...props, children: children });
+}
+export const chartComponents = {
+    div: ChartContainer,
+};
+//# sourceMappingURL=chart.js.map

package/dist/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../src/chart.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { Chart, chartComponents, type ChartProps } from './chart.js';
+export { parseChart } from './parser.js';
+export { remarkChart } from './remark.js';
+export { ChartSyntaxError, type ChartDefinition, type ChartSeries, type ChartType, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EACL,gBAAgB,EAChB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { Chart, chartComponents } from './chart.js';
+export { parseChart } from './parser.js';
+export { remarkChart } from './remark.js';
+export { ChartSyntaxError, } from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAmB,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EACL,gBAAgB,GAIjB,MAAM,YAAY,CAAC"}

package/dist/parser.d.ts

@@ -0,0 +1,3 @@
+import { type ChartDefinition } from './types.js';
+export declare function parseChart(source: string): ChartDefinition;
+//# sourceMappingURL=parser.d.ts.map

package/dist/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../src/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,YAAY,CAAC;AAiDpB,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,eAAe,CA4H1D"}

package/dist/parser.js

@@ -0,0 +1,136 @@
+import { ChartSyntaxError, } from './types.js';
+const metadataKeys = new Set(['type', 'title', 'x', 'y']);
+const separatorCell = /^:?-{3,}:?$/;
+function splitRow(row, line) {
+    const trimmed = row.trim();
+    if (!trimmed.startsWith('|') || !trimmed.endsWith('|')) {
+        throw new ChartSyntaxError('table rows must start and end with “|”', line);
+    }
+    const cells = [];
+    let cell = '';
+    let escaped = false;
+    for (const character of trimmed.slice(1, -1)) {
+        if (escaped) {
+            cell += character;
+            escaped = false;
+        }
+        else if (character === '\\') {
+            escaped = true;
+        }
+        else if (character === '|') {
+            cells.push(cell.trim());
+            cell = '';
+        }
+        else {
+            cell += character;
+        }
+    }
+    if (escaped)
+        cell += '\\';
+    cells.push(cell.trim());
+    return cells;
+}
+function parseNumber(value, line, column) {
+    if (value === '') {
+        throw new ChartSyntaxError(`column ${column} is missing a number`, line);
+    }
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed)) {
+        throw new ChartSyntaxError(`column ${column} must be a finite number; received “${value}”`, line);
+    }
+    return parsed;
+}
+export function parseChart(source) {
+    const lines = source.replaceAll('\r\n', '\n').split('\n');
+    const metadata = {};
+    let tableStart = -1;
+    for (let index = 0; index < lines.length; index += 1) {
+        const line = lines[index]?.trim() ?? '';
+        if (line === '')
+            continue;
+        if (line.startsWith('|')) {
+            tableStart = index;
+            break;
+        }
+        const match = /^([a-z]+):\s*(.*)$/.exec(line);
+        if (!match) {
+            throw new ChartSyntaxError('expected a property or Markdown table', index + 1);
+        }
+        const key = match[1] ?? '';
+        const value = match[2]?.trim() ?? '';
+        if (!metadataKeys.has(key)) {
+            throw new ChartSyntaxError(`unknown property “${key}”`, index + 1);
+        }
+        if (key in metadata) {
+            throw new ChartSyntaxError(`duplicate property “${key}”`, index + 1);
+        }
+        if (value === '') {
+            throw new ChartSyntaxError(`property “${key}” cannot be empty`, index + 1);
+        }
+        metadata[key] = value;
+    }
+    if (metadata.type !== 'bar' && metadata.type !== 'line') {
+        throw new ChartSyntaxError('type must be “bar” or “line”');
+    }
+    if (tableStart < 0) {
+        throw new ChartSyntaxError('a Markdown table is required');
+    }
+    const nonEmptyRows = lines
+        .map((line, index) => ({ line, number: index + 1 }))
+        .slice(tableStart)
+        .filter(({ line }) => line.trim() !== '');
+    if (nonEmptyRows.length < 3) {
+        throw new ChartSyntaxError('the table needs a header and at least one data row');
+    }
+    const headerRow = nonEmptyRows[0];
+    const separatorRow = nonEmptyRows[1];
+    if (!headerRow || !separatorRow) {
+        throw new ChartSyntaxError('the table is incomplete');
+    }
+    const headers = splitRow(headerRow.line, headerRow.number);
+    const separators = splitRow(separatorRow.line, separatorRow.number);
+    if (headers.length < 2 || headers.some((header) => header === '')) {
+        throw new ChartSyntaxError('the table needs a label column and at least one named series', headerRow.number);
+    }
+    if (separators.length !== headers.length ||
+        separators.some((cell) => !separatorCell.test(cell))) {
+        throw new ChartSyntaxError('the separator row must match the header and use at least three dashes', separatorRow.number);
+    }
+    const duplicate = headers.slice(1).find((name, index, names) => {
+        return names.indexOf(name) !== index;
+    });
+    if (duplicate) {
+        throw new ChartSyntaxError(`duplicate series name “${duplicate}”`, headerRow.number);
+    }
+    const labels = [];
+    const series = headers
+        .slice(1)
+        .map((name) => ({ name, values: [] }));
+    for (const row of nonEmptyRows.slice(2)) {
+        const cells = splitRow(row.line, row.number);
+        if (cells.length !== headers.length) {
+            throw new ChartSyntaxError(`expected ${headers.length} columns but found ${cells.length}`, row.number);
+        }
+        const label = cells[0] ?? '';
+        if (label === '') {
+            throw new ChartSyntaxError('labels cannot be empty', row.number);
+        }
+        labels.push(label);
+        for (let index = 1; index < cells.length; index += 1) {
+            series[index - 1]?.values.push(parseNumber(cells[index] ?? '', row.number, index + 1));
+        }
+    }
+    const definition = {
+        type: metadata.type,
+        labels,
+        series,
+    };
+    if (metadata.title)
+        definition.title = metadata.title;
+    if (metadata.x)
+        definition.x = metadata.x;
+    if (metadata.y)
+        definition.y = metadata.y;
+    return definition;
+}
+//# sourceMappingURL=parser.js.map

package/dist/parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.js","sourceRoot":"","sources":["../src/parser.ts"],"names":[],"mappings":"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"}

package/dist/remark.d.ts

@@ -0,0 +1,15 @@
+interface AstNode {
+    type: string;
+    lang?: string | null;
+    value?: string;
+    children?: AstNode[];
+    data?: {
+        hName?: string;
+        hProperties?: Record<string, unknown>;
+    };
+    position?: unknown;
+}
+/** Remark plugin that turns fenced `chart` blocks into renderable chart nodes. */
+export declare function remarkChart(): (tree: AstNode) => void;
+export {};
+//# sourceMappingURL=remark.d.ts.map

package/dist/remark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remark.d.ts","sourceRoot":"","sources":["../src/remark.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACvC,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwBD,kFAAkF;AAClF,wBAAgB,WAAW,IAAI,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAErD"}

package/dist/remark.js

@@ -0,0 +1,27 @@
+import { parseChart } from './parser.js';
+function transform(node) {
+    if (!node.children)
+        return;
+    node.children = node.children.map((child) => {
+        if (child.type === 'code' && child.lang?.toLowerCase() === 'chart') {
+            const definition = parseChart(child.value ?? '');
+            return {
+                type: 'chartMd',
+                data: {
+                    hName: 'div',
+                    hProperties: {
+                        'data-chart': JSON.stringify(definition),
+                    },
+                },
+                position: child.position,
+            };
+        }
+        transform(child);
+        return child;
+    });
+}
+/** Remark plugin that turns fenced `chart` blocks into renderable chart nodes. */
+export function remarkChart() {
+    return transform;
+}
+//# sourceMappingURL=remark.js.map

package/dist/remark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remark.js","sourceRoot":"","sources":["../src/remark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAczC,SAAS,SAAS,CAAC,IAAa;IAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,OAAO;IAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,OAAO,EAAE,CAAC;YACnE,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YACjD,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE;oBACJ,KAAK,EAAE,KAAK;oBACZ,WAAW,EAAE;wBACX,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;qBACzC;iBACF;gBACD,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB,CAAC;QACJ,CAAC;QACD,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;AACL,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,WAAW;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,19 @@
+export type ChartType = 'bar' | 'line';
+export interface ChartSeries {
+    name: string;
+    values: number[];
+}
+export interface ChartDefinition {
+    type: ChartType;
+    title?: string;
+    x?: string;
+    y?: string;
+    labels: string[];
+    series: ChartSeries[];
+}
+export declare class ChartSyntaxError extends Error {
+    readonly line?: number | undefined;
+    name: string;
+    constructor(message: string, line?: number | undefined);
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,qBAAa,gBAAiB,SAAQ,KAAK;IAKvC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM;IAJf,IAAI,SAAsB;gBAGjC,OAAO,EAAE,MAAM,EACN,IAAI,CAAC,EAAE,MAAM,YAAA;CAIzB"}

package/dist/types.js

@@ -0,0 +1,9 @@
+export class ChartSyntaxError extends Error {
+    line;
+    name = 'ChartSyntaxError';
+    constructor(message, line) {
+        super(line === undefined ? message : `Line ${line}: ${message}`);
+        this.line = line;
+    }
+}
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAgBA,MAAM,OAAO,gBAAiB,SAAQ,KAAK;IAK9B;IAJF,IAAI,GAAG,kBAAkB,CAAC;IAEnC,YACE,OAAe,EACN,IAAa;QAEtB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,OAAO,EAAE,CAAC,CAAC;QAFxD,SAAI,GAAJ,IAAI,CAAS;IAGxB,CAAC;CACF"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@leracherry/chartmd",
+  "version": "0.1.0",
+  "description": "Markdown-native charts for React, styled by your Markdown theme.",
+  "type": "module",
+  "packageManager": "pnpm@10.17.1",
+  "sideEffects": [
+    "./style.css"
+  ],
+  "files": [
+    "dist",
+    "style.css",
+    "README.md",
+    "ROADMAP.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./style.css"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit -p tsconfig.test.json",
+    "lint": "eslint . --max-warnings 0",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "check": "pnpm build && pnpm test && pnpm typecheck && pnpm lint && pnpm format:check",
+    "prepublishOnly": "pnpm check"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@eslint/js": "10.0.1",
+    "@types/node": "22.20.4",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "eslint": "10.11.0",
+    "prettier": "3.9.9",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-markdown": "10.1.0",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.70.1",
+    "vitest": "5.0.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/leracherry/chart.md.git"
+  },
+  "homepage": "https://github.com/leracherry/chart.md#readme",
+  "bugs": {
+    "url": "https://github.com/leracherry/chart.md/issues"
+  },
+  "keywords": [
+    "markdown",
+    "react",
+    "react-markdown",
+    "remark",
+    "charts",
+    "data-visualization"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/style.css

@@ -0,0 +1,29 @@
+.chartmd {
+  display: block;
+  inline-size: 100%;
+  max-inline-size: 100%;
+  block-size: auto;
+  overflow: visible;
+  color: var(--chartmd-color, currentColor);
+  font: inherit;
+}
+
+.chartmd__grid {
+  opacity: var(--chartmd-grid-opacity, 0.14);
+}
+
+.chartmd__axis,
+.chartmd__label,
+.chartmd__legend,
+.chartmd__title {
+  fill: currentColor;
+}
+
+.chartmd__label,
+.chartmd__legend {
+  opacity: var(--chartmd-muted-opacity, 0.68);
+}
+
+.chartmd__title {
+  font-weight: 600;
+}