semiotic 3.4.0 → 3.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "semiotic",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "mcpName": "io.github.nteract/semiotic",
   "description": "React data visualization library with built-in MCP server for AI-assisted chart generation",
   "main": "dist/semiotic.min.js",
@@ -96,20 +96,20 @@
   "scripts": {
     "start": "parcel serve --target website --port 3000",
     "build": "parcel build --target website",
-    "build:analyze": "node scripts/build.mjs --analyze",
-    "build:prod": "node scripts/build.mjs --production",
+    "build:analyze": "node --max-old-space-size=8192 scripts/build.mjs --analyze",
+    "build:prod": "node --max-old-space-size=8192 scripts/build.mjs --production",
     "test": "vitest run",
-    "pretest:dist": "node scripts/build.mjs",
+    "pretest:dist": "node --max-old-space-size=8192 scripts/build.mjs",
     "test:dist": "playwright test",
     "test:visual:update": "playwright test --update-snapshots",
     "bench": "vitest bench",
     "bench:ui": "vitest bench --ui",
     "bench:baseline": "vitest bench --run && node scripts/save-baseline.js",
     "bench:compare": "vitest bench --run && node scripts/compare-baseline.js",
-    "serve-examples": "npm run dist && parcel serve integration-tests/index.html integration-tests/xy-examples/index.html integration-tests/ordinal-examples/index.html integration-tests/network-examples/index.html integration-tests/hoc-legend-examples/index.html integration-tests/coordinated-examples/index.html integration-tests/accessibility-examples/index.html integration-tests/geo-examples/index.html integration-tests/realtime-examples/index.html integration-tests/streaming-regression-examples/index.html integration-tests/themed-examples/index.html integration-tests/background-graphics-examples/index.html --dist-dir .parcel-cache/integration-tests",
-    "serve-examples:ci": "parcel serve integration-tests/index.html integration-tests/xy-examples/index.html integration-tests/ordinal-examples/index.html integration-tests/network-examples/index.html integration-tests/hoc-legend-examples/index.html integration-tests/coordinated-examples/index.html integration-tests/accessibility-examples/index.html integration-tests/geo-examples/index.html integration-tests/realtime-examples/index.html integration-tests/streaming-regression-examples/index.html integration-tests/themed-examples/index.html integration-tests/background-graphics-examples/index.html --dist-dir .parcel-cache/integration-tests",
-    "dist": "node scripts/build.mjs",
-    "dist:prod": "node scripts/build.mjs --production",
+    "serve-examples": "npm run dist && parcel serve integration-tests/index.html integration-tests/xy-examples/index.html integration-tests/ordinal-examples/index.html integration-tests/network-examples/index.html integration-tests/hoc-legend-examples/index.html integration-tests/coordinated-examples/index.html integration-tests/accessibility-examples/index.html integration-tests/geo-examples/index.html integration-tests/realtime-examples/index.html integration-tests/streaming-regression-examples/index.html integration-tests/themed-examples/index.html integration-tests/background-graphics-examples/index.html integration-tests/histogram-theme-stroke-examples/index.html integration-tests/primitive-theme-matrix-examples/index.html integration-tests/status-scale-theme-examples/index.html integration-tests/primitive-props-examples/index.html integration-tests/chart-modes-examples/index.html --dist-dir .parcel-cache/integration-tests",
+    "serve-examples:ci": "parcel serve integration-tests/index.html integration-tests/xy-examples/index.html integration-tests/ordinal-examples/index.html integration-tests/network-examples/index.html integration-tests/hoc-legend-examples/index.html integration-tests/coordinated-examples/index.html integration-tests/accessibility-examples/index.html integration-tests/geo-examples/index.html integration-tests/realtime-examples/index.html integration-tests/streaming-regression-examples/index.html integration-tests/themed-examples/index.html integration-tests/background-graphics-examples/index.html integration-tests/histogram-theme-stroke-examples/index.html integration-tests/primitive-theme-matrix-examples/index.html integration-tests/status-scale-theme-examples/index.html integration-tests/primitive-props-examples/index.html integration-tests/chart-modes-examples/index.html --dist-dir .parcel-cache/integration-tests",
+    "dist": "node --max-old-space-size=8192 scripts/build.mjs",
+    "dist:prod": "node --max-old-space-size=8192 scripts/build.mjs --production",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "create-release-branch": "sh ./scripts/create-release-branch.sh",
@@ -128,8 +128,8 @@
     "typescript": "tsc --noEmit",
     "size": "size-limit",
     "check:schema": "node scripts/check-schema-freshness.js",
-    "release:check": "npm run lint && npm run typescript && npm run test && npm run check:schema && node scripts/build.mjs --production && npm pack --dry-run",
-    "prepublishOnly": "npm run lint && npm run typescript && npm run test && npm run check:schema && rm -rf dist && node scripts/build.mjs --production"
+    "release:check": "npm run lint && npm run typescript && npm run test && npm run check:schema && npm run dist:prod && npm pack --dry-run",
+    "prepublishOnly": "npm run lint && npm run typescript && npm run test && npm run check:schema && rm -rf dist && npm run dist:prod"
   },
   "targets": {
     "website": {
@@ -145,7 +145,8 @@
   "alias": {
     "semiotic": "./src/components/semiotic.ts",
     "semiotic/geo": "./src/components/semiotic-geo.ts",
-    "semiotic/utils": "./src/components/semiotic-utils.ts"
+    "semiotic/utils": "./src/components/semiotic-utils.ts",
+    "react-router-dom": "react-router"
   },
   "repository": {
     "type": "git",
@@ -183,15 +184,15 @@
   "size-limit": [
     {
       "path": "dist/semiotic.module.min.js",
-      "limit": "230 KB"
+      "limit": "240 KB"
     },
     {
       "path": "dist/xy.module.min.js",
-      "limit": "125 KB"
+      "limit": "135 KB"
     },
     {
       "path": "dist/ordinal.module.min.js",
-      "limit": "95 KB"
+      "limit": "110 KB"
     },
     {
       "path": "dist/network.module.min.js",
@@ -203,7 +204,7 @@
     },
     {
       "path": "dist/realtime.module.min.js",
-      "limit": "130 KB"
+      "limit": "140 KB"
     }
   ],
   "devDependencies": {
@@ -214,9 +215,10 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@size-limit/file": "^11.0.0",
+    "@size-limit/file": "^12.0.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^14.3.0",
+    "@testing-library/react": "^16.3.2",
     "@types/d3-array": "^3.2.0",
     "@types/d3-brush": "^3.0.0",
     "@types/d3-chord": "^3.0.0",
@@ -233,42 +235,46 @@
     "@types/d3-time-format": "^4.0.0",
     "@types/d3-zoom": "^3.0.8",
     "@types/node": "^22.19.17",
-    "@types/react": "^18.3.28",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/seedrandom": "^3.0.5",
     "@types/topojson-client": "^3.1.5",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
     "@vitest/coverage-v8": "^4.1.4",
     "@vitest/ui": "^4.1.4",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.1",
-    "d3-dsv": "1.0.5",
+    "d3-dsv": "^3.0.1",
     "d3-flextree-v4": "^1.0.1",
     "esbuild": "^0.28.0",
-    "eslint": "^8.0.0",
-    "eslint-plugin-react": "^7.27.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react": "^7.37.5",
+    "@eslint/js": "^9.39.4",
+    "globals": "^17.5.0",
+    "typescript-eslint": "^8.59.0",
     "events": "^3.3.0",
-    "jsdom": "^26.1.0",
-    "marked": "4.0.10",
+    "jsdom": "^29.0.2",
+    "marked": "^18.0.2",
     "os-browserify": "^0.3.0",
+    "marked-gfm-heading-id": "^4.1.4",
     "parcel": "^2.16.4",
     "path-browserify": "^1.0.1",
     "playwright-chromium": "^1.59.1",
     "prettier": "^3.8.3",
     "process": "^0.11.10",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "react-router-dom": "^6.2.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router": "^7.14.1",
+    "react-router-dom": "^7.0.0",
     "rollup": "^4.59.0",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-visualizer": "^7.0.0",
     "seedrandom": "^3.0.5",
-    "size-limit": "^11.0.0",
+    "size-limit": "^12.0.0",
     "stream-browserify": "^3.0.0",
-    "tslib": "^2.8.1",
     "typedoc": "^0.28.19",
-    "typescript": "~5.9.3",
+    "typescript": "~6.0.3",
     "util": "^0.12.5",
     "vitest": "^4.1.4",
     "vm-browserify": "^1.1.2"

package/dist/components/types/annotationTypes.d.ts

@@ -1,145 +0,0 @@
-import { RawPoint, MarginType, AxisSummaryTypeSettings, OrdinalSummaryTypes } from "./generalTypes";
-import { NodeType, EdgeType } from "./networkTypes";
-import { ScaleLinear } from "d3-scale";
-export type AnnotationType = {
-    type?: string;
-    column?: {
-        name: string;
-    };
-    facetColumn?: string;
-    bounds?: RawPoint[];
-    x?: number;
-    y?: number;
-    yTop?: number;
-    yBottom?: number;
-    yMiddle?: number;
-    coordinates?: object[];
-    key?: string;
-    percent?: number;
-    style?: Record<string, any> | ((arg?: Record<string, any>, index?: number) => Record<string, any>);
-    ids?: string[];
-    edge?: EdgeType;
-    source?: NodeType;
-    target?: NodeType;
-    id?: string;
-    element?: Element;
-    label?: string | Element;
-    neighbors?: object[];
-    isColumnAnnotation?: boolean;
-};
-export type CustomHoverType = boolean | Array<AnnotationType | Function> | object | Function | "all" | "edge" | "node" | "area";
-export type AnnotationTypes = "marginalia" | "bump" | false;
-interface AnnotationLayout {
-    type: AnnotationTypes;
-    orient?: "nearest" | "left" | "right" | "top" | "bottom" | Array<string>;
-    characterWidth?: number;
-    noteHeight?: Function | number;
-    noteWidth?: Function | number;
-    lineWidth?: number;
-    lineHeight?: number;
-    padding?: number;
-    iterations?: number;
-    pointSizeFunction?: Function;
-    labelSizeFunction?: Function;
-    marginOffset?: number;
-    axisMarginOverride?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
-}
-export interface AnnotationHandling {
-    dataVersion?: string;
-    layout: AnnotationLayout;
-}
-export interface AnnotationProps {
-    noteData: {
-        eventListeners?: object;
-        events?: object;
-        type: string;
-        screenCoordinates?: Array<Array<number>>;
-        coordinates?: boolean;
-        noteHeight?: Function | number;
-        noteWidth?: Function | number;
-        x: number | number[];
-        y: number | number[];
-        nx?: number;
-        ny?: number;
-        dx?: number;
-        dy?: number;
-        note: {
-            label?: string;
-            title?: string;
-            wrap?: number;
-            orientation?: string;
-            align?: string;
-            noWrap?: boolean;
-        };
-        i?: number;
-        fixedPosition?: boolean;
-        label?: string;
-        connector?: any;
-        subject?: any;
-        color?: string;
-        className?: string;
-        disable?: string[];
-        [key: string]: any;
-    };
-}
-type GlyphProps = {
-    lineHeight: number;
-    lineWidth: number;
-    value: number;
-};
-type AxisPart = {
-    value: number;
-};
-export interface AxisProps {
-    orient: "left" | "right" | "top" | "bottom";
-    label?: {
-        position?: {
-            anchor?: string;
-            location?: string;
-            rotation?: string;
-        };
-        name: string;
-        locationDistance: number;
-    };
-    dynamicLabelPosition?: boolean;
-    position?: number[];
-    rotate?: number;
-    tickFormat?: Function;
-    size?: number[];
-    width?: number;
-    height?: number;
-    className?: string;
-    padding?: number;
-    tickValues?: number[] | Function;
-    scale?: ScaleLinear<number, number>;
-    ticks?: number;
-    footer?: boolean;
-    tickSize?: number;
-    tickLineGenerator?: ({ xy, orient, i, className }: {
-        xy?: object;
-        orient?: string;
-        i?: number;
-        className?: string;
-    }) => SVGElement;
-    baseline?: boolean | "under";
-    jaggedBase?: boolean;
-    margin?: MarginType;
-    center?: boolean;
-    axisParts?: AxisPart[];
-    annotationFunction?: (args: any) => void;
-    glyphFunction?: (args: GlyphProps) => SVGElement;
-    axis?: object;
-    extentOverride?: number[];
-    key?: string | number;
-    axisAnnotationFunction?: (args: object) => void;
-    xyPoints?: object[];
-    marginalSummaryType?: AxisSummaryTypeSettings | OrdinalSummaryTypes;
-    showOutboundTickLines?: boolean;
-}
-export type AxisGeneratingFunction = (args: object) => AxisProps;
-export {};

package/dist/components/types/generalTypes.d.ts

@@ -1,241 +0,0 @@
-import { CustomHoverType, AnnotationHandling } from "./annotationTypes";
-import { Interactivity, AdvancedInteractionSettings } from "./interactionTypes";
-export type TitleType = string | Element | {
-    title?: string | Element;
-    orient?: string;
-};
-import { LegendProps } from "./legendTypes";
-import { AxisProps } from "./annotationTypes";
-/** @deprecated Use Record<string, any> instead */
-export type GenericObject = Record<string, any>;
-export interface MarginType {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-}
-export type ProjectionTypes = "vertical" | "horizontal" | "radial";
-export type ExtentType = number[] | {
-    extent?: number[];
-    onChange?: Function;
-    includeAnnotations?: boolean;
-};
-export interface ProjectedPoint {
-    x?: number;
-    y?: number;
-    xTop?: number;
-    xMiddle?: number;
-    xBottom?: number;
-    yTop?: number;
-    yMiddle?: number;
-    yBottom?: number;
-    parentSummary?: ProjectedSummary;
-    parentLine?: ProjectedLine;
-    percent?: number;
-    data?: object;
-    _XYFrameRank?: number;
-    style?: Function | object;
-    class?: Function | string;
-    coordinates?: object[];
-}
-export type PieceLayoutType = (args: {
-    type: string | {
-        type: string;
-    };
-    data: Record<string, any>;
-    renderMode: (d?: Record<string, any>, i?: number) => string | Record<string, any>;
-    eventListenersGenerator: (d: object, i: number) => Record<string, Function>;
-    styleFn: (d: object) => object;
-    projection: string;
-    classFn: (d: object) => string;
-    adjustedSize: number[];
-    chartSize: number[];
-    margin: MarginType;
-    rScale?: Function;
-}) => Record<string, any>[];
-export interface ProjectedLine {
-    data: ProjectedPoint[];
-    key: string | number;
-    __lineIndex?: number;
-    coordinates: object[];
-}
-export interface ProjectedSummary {
-    _baseData: object[];
-    _xyfCoordinates: [number | Date, number | Date][];
-    coordinates: {
-        x: number;
-        y: number;
-    }[];
-    data: object[];
-    y: number;
-    x: number;
-    parentSummary?: Record<string, any>;
-    bounds: object[] | number[];
-    customMark?: Function;
-    type?: string;
-    curve?: Function;
-    processedData?: boolean;
-    binMax?: number;
-}
-export type RoughType = {
-    canvas: Function;
-    generator: Function;
-};
-export type CanvasPostProcessTypes = Function;
-export type ExtentSettingsType = {
-    extent?: Array<number>;
-    onChange?: Function;
-};
-export type accessorType<ReturnValue> = string | ((args?: unknown, index?: number) => ReturnValue);
-export type DataAccessor<TDatum, ReturnValue> = (keyof TDatum & string) | ((datum: TDatum, index?: number) => ReturnValue);
-export interface AccessorFnType {
-    <T>(arg: Record<string, any>): T;
-}
-export type BasicLineTypes = "line" | "area" | "summary" | "cumulative" | "cumulative-reverse" | "linepercent" | "stackedarea" | "stackedarea-invert" | "stackedpercent" | "bumparea" | "bumparea-invert" | "bumpline" | "stackedpercent-invert" | "difference";
-export interface LineTypeSettings {
-    type: BasicLineTypes | Function;
-    simpleLine?: boolean;
-    y1?: (d?: ProjectedPoint, index?: number) => number;
-    interpolator: string | Function;
-}
-export type BasicSummaryTypes = "basic" | "contour" | "hexbin" | "heatmap" | "trendline" | "linebounds";
-export interface SummaryTypeSettings {
-    showSlope?: boolean;
-    type: BasicSummaryTypes | Function;
-    label?: string | Function;
-    cellPx?: number;
-    xCellPx?: number;
-    yCellPx?: number;
-    bins?: number;
-    xBins?: number;
-    yBins?: number;
-    binValue?: Function;
-    binMax?: number;
-    customMark?: Function;
-}
-export interface RawLine<TDatum = Record<string, any>> {
-    coordinates?: TDatum[];
-}
-export interface RawSummary<TDatum = Record<string, any>> {
-    processedData?: TDatum[];
-    coordinates?: TDatum[];
-    preprocess?: boolean;
-}
-export interface RawPoint<TDatum = Record<string, any>> {
-}
-export interface CustomAreaMarkProps {
-    d: object;
-    margin: object;
-    styleFn: Function;
-    classFn: Function;
-    renderFn: Function;
-    chartSize: Function;
-    adjustedSize: number[];
-}
-export interface ProjectedBin {
-    x: number;
-    y: number;
-    binItems: object[];
-    customMark?: (props: CustomAreaMarkProps) => JSX.Element;
-    _xyfCoordinates: Array<number[]>;
-    value: number;
-    percent: number;
-    data: object;
-    parentSummary: object;
-    centroid: boolean;
-}
-export type GenericAccessor<GenericValue> = (args?: Record<string, any>, index?: number) => GenericValue;
-export type VizLayerTypes = "pieces" | "summaries" | "connectors" | "edges" | "nodes" | "lines" | "points";
-export type RenderPipelineType = {
-    [key in VizLayerTypes]?: {
-        data?: object[];
-        ariaLabel?: {
-            chart?: string;
-            items?: string;
-        };
-        behavior?: Function;
-        styleFn?: Function;
-    };
-};
-export type OrdinalSummaryTypes = "none" | "histogram" | "heatmap" | "violin" | "joy" | "ridgeline" | "boxplot" | "contour";
-export type OrdinalSummaryTypeSettings = {
-    type: OrdinalSummaryTypes;
-    amplitude?: number;
-    eventListenersGenerator?: Function;
-    flip?: boolean;
-    bins?: number;
-    axis?: AxisProps;
-};
-export interface AxisSummaryTypeSettings extends OrdinalSummaryTypeSettings {
-    summaryStyle?: object;
-    pointStyle?: object;
-    renderMode?: object | string;
-    summaryClass?: string;
-    r?: number;
-    showPoints?: boolean;
-    filter?: Function;
-}
-export interface TransitionConfig {
-    /** Duration in milliseconds. @default 300 */
-    duration?: number;
-    /** CSS easing function. @default "ease" */
-    ease?: string;
-}
-export interface GeneralFrameProps {
-    title?: string | object;
-    margin?: number | {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    } | ((args: object) => number | {
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-    });
-    name?: string;
-    dataVersion?: string;
-    frameKey?: string;
-    size?: number[];
-    canvasPostProcess?: CanvasPostProcessTypes;
-    additionalDefs?: React.ReactNode;
-    className?: string;
-    customHoverBehavior?: Function;
-    customClickBehavior?: Function;
-    customDoubleClickBehavior?: Function;
-    hoverAnnotation?: CustomHoverType;
-    disableContext?: boolean;
-    interaction?: Interactivity;
-    svgAnnotationRules?: Function;
-    htmlAnnotationRules?: Function;
-    tooltipContent?: Function;
-    optimizeCustomTooltipPosition?: boolean;
-    annotations?: object[];
-    backgroundGraphics?: React.ReactNode | Function;
-    foregroundGraphics?: React.ReactNode | Function;
-    beforeElements?: React.ReactNode;
-    afterElements?: React.ReactNode;
-    annotationSettings?: AnnotationHandling;
-    renderKey?: string | GenericAccessor<string>;
-    legend?: object | boolean;
-    matte?: object;
-    onUnmount?: Function;
-    sketchyRenderingEngine?: RoughType;
-    frameRenderOrder?: Array<string>;
-    disableCanvasInteraction?: boolean;
-    interactionSettings?: AdvancedInteractionSettings;
-    disableProgressiveRendering?: boolean;
-    transition?: boolean | TransitionConfig;
-}
-export interface GeneralFrameState {
-    dataVersion?: string;
-    adjustedPosition: number[];
-    adjustedSize: number[];
-    backgroundGraphics?: React.ReactNode | Function;
-    foregroundGraphics?: React.ReactNode | Function;
-    title: TitleType;
-    margin: MarginType;
-    legendSettings?: LegendProps;
-    renderNumber: number;
-}

package/dist/components/types/interactionTypes.d.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { ScaleLinear } from "d3-scale";
-import { CustomHoverType } from "./annotationTypes";
-import { MarginType } from "./generalTypes";
-export interface AdvancedInteractionSettings {
-    voronoiClipping?: boolean | number;
-    voronoiFilter?: Function;
-}
-export interface Interactivity {
-    start?: Function;
-    during?: Function;
-    end?: Function;
-    brush?: string;
-    extent?: Array<number[]> | number[];
-    columnsBrush?: boolean;
-    projection?: string;
-    projectedColumns?: object;
-    startEmpty?: boolean;
-}
-export type InteractionLayerProps = {
-    name?: string;
-    interaction?: Interactivity;
-    overlay?: Array<object>;
-    oColumns?: object;
-    xScale: ScaleLinear<number, number>;
-    yScale: ScaleLinear<number, number>;
-    rScale?: ScaleLinear<number, number>;
-    svgSize: Array<number>;
-    hoverAnnotation?: CustomHoverType;
-    interactionOverflow?: {
-        top?: number;
-        bottom?: number;
-        left?: number;
-        right?: number;
-    };
-    size: Array<number>;
-    projectedYMiddle?: string;
-    projectedX: string;
-    projectedY: string;
-    points?: Array<{
-        data: Record<string, any>;
-    }>;
-    position?: number[];
-    enabled?: boolean;
-    margin: MarginType;
-    projection?: string;
-    customDoubleClickBehavior?: Function;
-    customClickBehavior?: Function;
-    customHoverBehavior?: Function;
-    canvasRendering?: boolean;
-    disableCanvasInteraction: boolean;
-    showLinePoints?: string;
-    renderPipeline: object;
-    advancedSettings?: AdvancedInteractionSettings;
-};
-export type VoronoiEntryType = {
-    voronoiX: number;
-    voronoiY: number;
-    coincidentPoints: object[];
-    type?: string;
-    data?: Record<string, any>;
-};
-export type BaseColumnType = {
-    x: number;
-    width: number;
-};
-export type InteractionLayerState = {
-    overlayRegions: Array<React.ReactElement>;
-    props: InteractionLayerProps;
-    canvasMap: Map<string, number>;
-    interactionCanvas: React.ReactNode;
-};