@vielzeug/prism 1.1.1

package/dist/theme/prism.css

@@ -0,0 +1,342 @@
+@layer prism.tokens {
+  :root {
+    /* ========================================
+       Series Color Palette
+       Colorblind-safe palette based on Wong (2011) and IBM Design.
+       Distinguishable under deuteranopia, protanopia, and tritanopia.
+       Ordered for maximum perceptual contrast between adjacent series.
+       ======================================== */
+    --prism-color-1: #0072b2; /* Blue */
+    --prism-color-2: #e69f00; /* Orange */
+    --prism-color-3: #009e73; /* Bluish green */
+    --prism-color-4: #cc79a7; /* Reddish purple */
+    --prism-color-5: #56b4e9; /* Sky blue */
+    --prism-color-6: #d55e00; /* Vermilion */
+    --prism-color-7: #f0e442; /* Yellow */
+    --prism-color-8: #000; /* Black */
+
+    /* ========================================
+       Chart Structure
+       Core layout and background tokens
+       ======================================== */
+    --prism-bg: transparent;
+    --prism-border-radius: 0.375rem;
+
+    /* ========================================
+       Axes & Grid
+       Structural lines and labels
+       ======================================== */
+    --prism-axis-color: hsl(215deg 16% 47%);
+    --prism-axis-width: 1;
+    --prism-grid-color: hsl(220deg 10% 75%);
+    --prism-grid-width: 1;
+    --prism-grid-dash: none;
+    --prism-grid-opacity: 0.25;
+
+    /* ========================================
+       Typography
+       Chart labels, ticks, and titles
+       ======================================== */
+    --prism-text-color: hsl(215deg 25% 27%);
+    --prism-text-color-secondary: hsl(215deg 16% 47%);
+    --prism-font-family: system-ui, -apple-system, sans-serif;
+    --prism-font-size: 0.75rem;
+    --prism-font-size-label: 0.6875rem;
+    --prism-font-size-title: 0.875rem;
+    --prism-font-weight: 400;
+    --prism-font-weight-title: 600;
+
+    /* ========================================
+       Tooltip
+       Floating data detail overlay
+       ======================================== */
+    --prism-tooltip-bg: hsl(222deg 47% 11%);
+    --prism-tooltip-color: hsl(210deg 40% 98%);
+    --prism-tooltip-border: hsl(215deg 19% 25%);
+    --prism-tooltip-radius: 0.375rem;
+    --prism-tooltip-padding: 0.375rem 0.625rem;
+    --prism-tooltip-shadow: 0 4px 12px rgb(0 0 0 / 12%);
+    --prism-tooltip-font-size: 0.75rem;
+
+    /* ========================================
+       Crosshair
+       Hover guide lines
+       ======================================== */
+    --prism-crosshair-color: hsl(215deg 16% 47%);
+    --prism-crosshair-width: 1;
+    --prism-crosshair-dash: 4 2;
+    --prism-crosshair-opacity: 0.6;
+
+    /* ========================================
+       Data Points
+       Dot markers on line/area charts
+       ======================================== */
+    --prism-point-radius: 3;
+    --prism-point-radius-hover: 5;
+    --prism-point-stroke-width: 0;
+    --prism-point-stroke: none;
+
+    /* ========================================
+       Bars
+       Bar chart element styling
+       ======================================== */
+    --prism-bar-radius: 2px;
+    --prism-bar-hover-opacity: 0.8;
+    --prism-bar-gap: 0.1;
+
+    /* ========================================
+       Area
+       Area chart fill styling
+       ======================================== */
+    --prism-area-opacity: 0.25;
+    --prism-area-stroke-width: 2;
+
+    /* ========================================
+       Line
+       Line chart stroke styling
+       ======================================== */
+    --prism-line-width: 2;
+    --prism-line-width-hover: 2.5;
+
+    /* ========================================
+       Transitions & Animation
+       Respects prefers-reduced-motion
+       ======================================== */
+    --prism-duration-fast: 150ms;
+    --prism-duration: 300ms;
+    --prism-duration-slow: 500ms;
+    --prism-ease: cubic-bezier(0.4, 0, 0.2, 1);
+    --prism-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+    --prism-transition: var(--prism-duration) var(--prism-ease);
+    --prism-transition-fast: var(--prism-duration-fast) var(--prism-ease);
+
+    /* ========================================
+       Legend
+       Series labels below/beside chart
+       ======================================== */
+    --prism-legend-gap: 1rem;
+    --prism-legend-dot-size: 0.5rem;
+    --prism-legend-font-size: 0.75rem;
+  }
+
+  /* ========================================
+     Dark Mode
+     Triggered by OS preference or html.dark class
+     ======================================== */
+  @media (prefers-color-scheme: dark) {
+    :root:not(.light) {
+      --prism-color-1: #56b4e9; /* Sky blue (brighter in dark) */
+      --prism-color-2: #e69f00; /* Orange */
+      --prism-color-3: #009e73; /* Bluish green */
+      --prism-color-4: #cc79a7; /* Reddish purple */
+      --prism-color-5: #0072b2; /* Blue */
+      --prism-color-6: #d55e00; /* Vermilion */
+      --prism-color-7: #f0e442; /* Yellow */
+      --prism-color-8: #fff; /* White (replaces black for dark bg) */
+      --prism-axis-color: hsl(215deg 16% 47%);
+      --prism-grid-color: hsl(220deg 10% 25%);
+      --prism-grid-opacity: 0.5;
+      --prism-text-color: hsl(214deg 32% 91%);
+      --prism-text-color-secondary: hsl(215deg 16% 57%);
+      --prism-tooltip-bg: hsl(222deg 47% 6%);
+      --prism-tooltip-color: hsl(210deg 40% 96%);
+      --prism-tooltip-border: hsl(215deg 19% 18%);
+      --prism-tooltip-shadow: 0 4px 12px rgb(0 0 0 / 40%);
+      --prism-crosshair-color: hsl(215deg 16% 57%);
+      --prism-point-stroke: none;
+    }
+  }
+
+  html.dark {
+    --prism-color-1: #56b4e9;
+    --prism-color-2: #e69f00;
+    --prism-color-3: #009e73;
+    --prism-color-4: #cc79a7;
+    --prism-color-5: #0072b2;
+    --prism-color-6: #d55e00;
+    --prism-color-7: #f0e442;
+    --prism-color-8: #fff;
+    --prism-axis-color: hsl(215deg 16% 47%);
+    --prism-grid-color: hsl(215deg 12% 18%);
+    --prism-text-color: hsl(214deg 32% 91%);
+    --prism-text-color-secondary: hsl(215deg 16% 57%);
+    --prism-tooltip-bg: hsl(222deg 47% 6%);
+    --prism-tooltip-color: hsl(210deg 40% 96%);
+    --prism-tooltip-border: hsl(215deg 19% 18%);
+    --prism-tooltip-shadow: 0 4px 12px rgb(0 0 0 / 40%);
+    --prism-crosshair-color: hsl(215deg 16% 57%);
+    --prism-point-stroke: none;
+  }
+
+  /* ========================================
+     Reduced Motion
+     Disable all chart transitions/animations
+     ======================================== */
+  @media (prefers-reduced-motion: reduce) {
+    :root {
+      --prism-duration-fast: 0ms;
+      --prism-duration: 0ms;
+      --prism-duration-slow: 0ms;
+      --prism-transition: none;
+      --prism-transition-fast: none;
+    }
+  }
+}
+
+/* ========================================
+   Component Styles
+   Structural CSS for chart elements
+   ======================================== */
+
+@layer prism.base {
+  .prism-chart {
+    font-family: var(--prism-font-family);
+    font-size: var(--prism-font-size);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Axes */
+  .prism-axis-line,
+  .prism-axis-tick {
+    stroke: var(--prism-axis-color);
+    stroke-width: var(--prism-axis-width);
+  }
+
+  .prism-axis-label {
+    font-size: var(--prism-font-size-label);
+    font-weight: var(--prism-font-weight);
+    fill: var(--prism-text-color-secondary);
+  }
+
+  .prism-axis-title {
+    font-size: var(--prism-font-size-title);
+    font-weight: var(--prism-font-weight-title);
+    fill: var(--prism-text-color);
+  }
+
+  /* Grid */
+  .prism-grid-line {
+    opacity: var(--prism-grid-opacity);
+    stroke: var(--prism-grid-color);
+    stroke-width: var(--prism-grid-width);
+    stroke-dasharray: var(--prism-grid-dash);
+  }
+
+  /* Crosshair */
+  .prism-crosshair-v,
+  .prism-crosshair-h {
+    opacity: var(--prism-crosshair-opacity);
+    stroke: var(--prism-crosshair-color);
+    stroke-width: var(--prism-crosshair-width);
+    stroke-dasharray: var(--prism-crosshair-dash);
+  }
+
+  /* Line chart */
+  .prism-line-path {
+    fill: none;
+    stroke-width: var(--prism-line-width);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    transition: stroke-width var(--prism-transition-fast);
+  }
+
+  .prism-line-series:hover .prism-line-path {
+    stroke-width: var(--prism-line-width-hover);
+  }
+
+  .prism-line-dot {
+    stroke: var(--prism-point-stroke);
+    stroke-width: var(--prism-point-stroke-width);
+    transition: r var(--prism-transition-fast);
+  }
+
+  .prism-line-dot:hover {
+    r: var(--prism-point-radius-hover);
+  }
+
+  /* Bar chart */
+  .prism-bar {
+    transition:
+      opacity var(--prism-transition-fast),
+      filter var(--prism-transition-fast);
+  }
+
+  .prism-bar:hover {
+    opacity: var(--prism-bar-hover-opacity);
+    filter: brightness(1.05);
+  }
+
+  /* Area chart */
+  .prism-area-fill {
+    opacity: var(--prism-area-opacity);
+    transition: opacity var(--prism-transition-fast);
+  }
+
+  .prism-area-series:hover .prism-area-fill {
+    opacity: calc(var(--prism-area-opacity) * 1.4);
+  }
+
+  .prism-area-line {
+    fill: none;
+    stroke-width: var(--prism-area-stroke-width);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  /* Legend */
+  .prism-legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--prism-legend-gap);
+    padding: 0.5rem 0;
+    font-family: var(--prism-font-family);
+    font-size: var(--prism-legend-font-size);
+    color: var(--prism-text-color);
+  }
+
+  .prism-legend-bottom,
+  .prism-legend-top {
+    justify-content: center;
+  }
+
+  .prism-legend-left,
+  .prism-legend-right {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .prism-legend-item {
+    display: flex;
+    gap: 0.375rem;
+    align-items: center;
+  }
+
+  .prism-legend-dot {
+    flex-shrink: 0;
+    width: var(--prism-legend-dot-size);
+    height: var(--prism-legend-dot-size);
+    border-radius: 50%;
+  }
+
+  .prism-legend-label {
+    color: var(--prism-text-color-secondary);
+  }
+
+  /* Tooltip (applied inline but structural styles here) */
+  .prism-tooltip {
+    position: absolute;
+    z-index: 10;
+    padding: var(--prism-tooltip-padding);
+    font-size: var(--prism-tooltip-font-size);
+    color: var(--prism-tooltip-color);
+    white-space: nowrap;
+    pointer-events: none;
+    background: var(--prism-tooltip-bg);
+    border: 1px solid var(--prism-tooltip-border);
+    border-radius: var(--prism-tooltip-radius);
+    box-shadow: var(--prism-tooltip-shadow);
+    opacity: 0;
+    transition: opacity var(--prism-transition-fast);
+  }
+}

package/dist/types.d.ts

@@ -0,0 +1,204 @@
+import type { Readable } from '@vielzeug/ripple';
+export type MaybeSignal<T> = Readable<T> | T;
+export interface PrismTheme {
+    colors?: string[];
+    fontFamily?: string;
+    gridColor?: string;
+    gridOpacity?: number;
+}
+export interface ChartMargin {
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+}
+export interface ChartDimensions {
+    height: number;
+    margin: ChartMargin;
+    width: number;
+}
+export interface ChartHandle {
+    readonly disposalSignal: AbortSignal;
+    dispose(): void;
+    readonly disposed: boolean;
+    readonly el: SVGSVGElement;
+    [Symbol.dispose](): void;
+}
+/**
+ * A single data point in a cartesian chart series.
+ * `key` is the x-axis identity (number, Date, or string category).
+ * `value` is the measured quantity on the y-axis.
+ */
+export interface Datum {
+    key: Date | number | string;
+    meta?: Record<string, unknown>;
+    value: number;
+}
+export interface Series {
+    color?: string;
+    data: MaybeSignal<Datum[]>;
+    name: string;
+}
+export interface Scale<T> {
+    readonly domain: readonly [T, T];
+    invert(pixel: number): T;
+    map(value: T): number;
+    readonly range: readonly [number, number];
+    ticks(count?: number): T[];
+}
+export interface BandScale {
+    bandwidth(): number;
+    readonly domain: readonly string[];
+    gap(): number;
+    map(value: string): number;
+    readonly range: readonly [number, number];
+    ticks(count?: number): string[];
+}
+export type AxisPosition = 'bottom' | 'left' | 'right' | 'top';
+export interface GridConfig {
+    color?: string;
+    dash?: string;
+}
+export interface AxisConfig {
+    grid?: GridConfig | boolean;
+    label?: string;
+    /**
+     * Axis position. Defaults to `'bottom'` for `xAxis` and `'left'` for `yAxis`
+     * when not specified.
+     */
+    position?: AxisPosition;
+    tickCount?: number;
+    tickFormat?: (value: Date | number | string) => string;
+}
+export interface TooltipConfig {
+    offset?: number;
+    /**
+     * Custom HTML renderer for the tooltip. The returned string is set via `innerHTML` —
+     * ensure any user-supplied data (series names, data point values) is sanitized before
+     * interpolation to prevent XSS.
+     */
+    render?: (datum: Datum, series: Series) => string;
+    /**
+     * Optional sanitizer applied to the `render` output before DOM injection.
+     * Use this to plug in DOMPurify or a similar HTML sanitizer.
+     * @example sanitize: (html) => DOMPurify.sanitize(html)
+     */
+    sanitize?: (html: string) => string;
+}
+export interface CrosshairConfig {
+    /** Show the horizontal crosshair line. Defaults to `false`. */
+    horizontal?: boolean;
+    /**
+     * Whether the crosshair snaps to the nearest datum (default `true`) or follows
+     * the raw mouse position (`false`). Tooltip/`onHover` data is always based on
+     * the nearest datum regardless of this setting — only the crosshair line's
+     * position is affected.
+     */
+    snap?: boolean;
+    /** Show the vertical crosshair line. Defaults to `true`. */
+    vertical?: boolean;
+}
+export interface ChartEvent {
+    datum: Datum;
+    originalEvent: MouseEvent;
+    series: Series;
+}
+export type LegendPosition = 'bottom' | 'left' | 'right' | 'top';
+export interface LegendConfig {
+    position?: LegendPosition;
+}
+export interface TransitionConfig {
+    duration?: number;
+    easing?: 'ease-in' | 'ease-in-out' | 'ease-out' | 'linear' | ((t: number) => number);
+    stagger?: number;
+}
+export interface ChartPluginContext {
+    container: HTMLElement;
+    dimensions: Readable<ChartDimensions>;
+    /** Aborted when the chart is disposed — plugins can tie their own cleanup to this instead of relying solely on `dispose()`. */
+    disposalSignal: AbortSignal;
+    svg: SVGSVGElement;
+}
+export interface ChartPlugin {
+    dispose(): void;
+    install(ctx: ChartPluginContext): void;
+}
+export interface BaseChartConfig {
+    ariaLabel?: string;
+    legend?: LegendConfig | boolean;
+    margin?: Partial<ChartMargin>;
+    onClick?: (event: ChartEvent) => void;
+    onHover?: (event: ChartEvent | null) => void;
+    plugins?: ChartPlugin[];
+    tooltip?: TooltipConfig | boolean;
+    transition?: TransitionConfig;
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+}
+export interface LineSeriesConfig extends Series {
+    curve?: 'linear' | 'monotone' | 'step';
+    pointRadius?: number;
+    showPoints?: boolean;
+    strokeWidth?: number;
+}
+export interface LineChartConfig extends BaseChartConfig {
+    crosshair?: CrosshairConfig | boolean;
+    series: MaybeSignal<LineSeriesConfig[]>;
+}
+export interface BarSeriesConfig extends Series {
+    borderRadius?: number;
+}
+/**
+ * `grouped`            — vertical grouped bars (default)
+ * `stacked`            — vertical stacked bars
+ * `grouped-horizontal` — horizontal grouped bars
+ * `stacked-horizontal` — horizontal stacked bars
+ */
+export type BarVariant = 'grouped' | 'grouped-horizontal' | 'stacked' | 'stacked-horizontal';
+export interface BarChartConfig extends BaseChartConfig {
+    series: MaybeSignal<BarSeriesConfig[]>;
+    variant?: BarVariant;
+}
+export interface AreaSeriesConfig extends Series {
+    curve?: 'linear' | 'monotone' | 'step';
+    fillOpacity?: number;
+    showLine?: boolean;
+}
+export interface AreaChartConfig extends BaseChartConfig {
+    crosshair?: CrosshairConfig | boolean;
+    series: MaybeSignal<AreaSeriesConfig[]>;
+}
+export type PieVariant = 'donut' | 'pie' | 'semi';
+export interface PieSliceConfig {
+    color?: string;
+    label?: string;
+    value: number;
+}
+export interface PieChartConfig extends Omit<BaseChartConfig, 'onClick' | 'onHover' | 'xAxis' | 'yAxis'> {
+    cornerRadius?: number;
+    data: MaybeSignal<PieSliceConfig[]>;
+    innerRadius?: number;
+    onClick?: (slice: PieSliceConfig, index: number) => void;
+    onHover?: (slice: PieSliceConfig | null, index: number | null) => void;
+    padPixels?: number;
+    variant?: PieVariant;
+}
+export type SparklineVariant = 'area' | 'bar' | 'line' | 'stack';
+export interface StackSegment {
+    color?: string;
+    label?: string;
+    value: number;
+}
+export interface SparklineConfig extends Pick<BaseChartConfig, 'ariaLabel' | 'transition'> {
+    color?: string;
+    cornerRadius?: number;
+    curve?: 'linear' | 'monotone' | 'step';
+    data: MaybeSignal<number[] | StackSegment[]>;
+    fillOpacity?: number;
+    onClick?: (index: number, value: number) => void;
+    onHover?: (index: number | null, value: number | null) => void;
+    padPixels?: number;
+    strokeWidth?: number;
+    variant?: SparklineVariant;
+}
+//# 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":"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"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@vielzeug/prism",
+  "version": "1.1.1",
+  "description": "Reactive SVG charts — line, bar, area, pie, and sparkline with signal-driven updates",
+  "keywords": [
+    "chart",
+    "svg",
+    "visualization",
+    "reactive",
+    "line-chart",
+    "bar-chart",
+    "area-chart",
+    "typescript"
+  ],
+  "homepage": "https://vielzeug.dev/prism/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/helmuthdu/vielzeug",
+    "directory": "packages/prism"
+  },
+  "bugs": {
+    "url": "https://github.com/helmuthdu/vielzeug/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme": {
+      "source": "./src/theme/prism.css",
+      "import": "./dist/theme/prism.css",
+      "default": "./dist/theme/prism.css"
+    },
+    "./devtools": {
+      "source": "./src/devtools/index.ts",
+      "types": "./dist/devtools/index.d.ts",
+      "import": "./dist/devtools.js",
+      "require": "./dist/devtools.cjs"
+    }
+  },
+  "scripts": {
+    "build": "vite build && pnpm run build:bundle && mkdir -p dist/theme && cp src/theme/prism.css dist/theme/prism.css && pnpm run build:types",
+    "build:bundle": "vite build --config vite.bundle.config.ts",
+    "build:types": "tsc -p tsconfig.declarations.json",
+    "fix": "eslint --fix src",
+    "lint": "eslint src",
+    "prepublishOnly": "pnpm run build",
+    "test": "vitest"
+  },
+  "sideEffects": [
+    "./dist/theme/**"
+  ],
+  "dependencies": {
+    "@vielzeug/orbit": "workspace:*",
+    "@vielzeug/ripple": "workspace:*"
+  },
+  "devDependencies": {
+    "axe-core": "^4.12.1",
+    "typescript": "~6.0.3",
+    "vite": "^8.1.3",
+    "vitest": "^4.1.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}