semiotic 3.4.1 → 3.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "semiotic",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "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",
@@ -78,6 +78,12 @@
       "require": "./dist/semiotic-utils.min.js",
       "default": "./dist/semiotic-utils.module.min.js"
     },
+    "./recipes": {
+      "types": "./dist/semiotic-recipes.d.ts",
+      "import": "./dist/semiotic-recipes.module.min.js",
+      "require": "./dist/semiotic-recipes.min.js",
+      "default": "./dist/semiotic-recipes.module.min.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -87,6 +93,9 @@
     "ai/schema.json",
     "ai/system-prompt.md",
     "ai/examples.md",
+    "ai/componentMetadata.cjs",
+    "ai/behaviorContracts.cjs",
+    "ai/chartSuggestions.cjs",
     "ai/cli.js",
     "ai/dist/*.js",
     "CLAUDE.md",
@@ -104,10 +113,11 @@
     "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 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",
+    "bench:baseline": "node scripts/save-bench-baseline.mjs",
+    "bench:compare": "node scripts/compare-bench-baseline.mjs",
+    "bench:pr-vs-main": "node scripts/bench-pr-vs-main.mjs",
+    "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 integration-tests/ssr-parity-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 integration-tests/ssr-parity-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",
@@ -121,15 +131,32 @@
     "website:start:clean": "npm run clean && npm run dist:prod && parcel serve --target website --no-cache",
     "generate:ssr-gallery": "npx tsx scripts/ssr-gallery.tsx > docs/public/ssr-gallery.html 2>/dev/null",
     "generate:demo-gifs": "node -e \"try{require.resolve('sharp');require.resolve('gifenc')}catch{console.log('Skipping GIF generation (sharp/gifenc not installed)');process.exit(0)}\" && npx tsx scripts/generate-demo-gifs.ts",
-    "website:build": "npm run dist:prod && npm run docs:api:json && npm run generate:ssr-gallery && npm run generate:demo-gifs && parcel build --target website && node scripts/prerender.mjs",
+    "website:build": "npm run dist:prod && npm run docs:api:json && npm run generate:ssr-gallery && npm run generate:demo-gifs && parcel build --target website && node scripts/prerender.mjs && npm run check:docs-routes",
     "build:mcp": "esbuild ai/mcp-server.ts --bundle --platform=node --target=node18 --format=cjs --outfile=ai/dist/mcp-server.js --external:react --external:react-dom --external:semiotic --external:semiotic/ai --external:semiotic/geo --banner:js='#!/usr/bin/env node'",
     "docs:api": "typedoc",
-    "docs:api:json": "typedoc --json docs/public/api/api.json",
+    "docs:api:json": "typedoc --json docs/public/api/api.json && node scripts/generate-component-descriptions.mjs",
+    "docs:descriptions:json": "node scripts/generate-component-descriptions.mjs",
     "typescript": "tsc --noEmit",
+    "typescript:mcp": "tsc -p tsconfig.mcp.json --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 && 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"
+    "check:pack": "node scripts/smoke-pack.mjs",
+    "check:api-surface": "node scripts/check-api-surface.mjs",
+    "docs:api-surface": "node scripts/generate-api-surface.mjs",
+    "docs:ai-contracts": "node scripts/generate-ai-behavior-contracts.mjs",
+    "check:claude-md-coverage": "node scripts/check-claude-md-coverage.js",
+    "check:context7": "node scripts/check-context7.mjs",
+    "check:mcp-registry": "node scripts/check-mcp-registry.mjs",
+    "check:surface": "node scripts/check-surface-parity.js",
+    "check:ai-contracts": "node scripts/generate-ai-behavior-contracts.mjs --check",
+    "check:ssr": "node scripts/check-ssr-alignment.js",
+    "check:chart-specs": "npx tsx scripts/check-chart-specs.ts",
+    "docs:chart-specs:schema": "npx tsx scripts/regenerate-schema.ts",
+    "check:test-quality": "node scripts/check-test-quality-gate.mjs",
+    "check:jsdoc-coverage": "node scripts/check-jsdoc-coverage.mjs",
+    "check:ai-examples-coverage": "node scripts/check-ai-examples-coverage.mjs",
+    "check:docs-routes": "node scripts/check-docs-routes.mjs",
+    "release:check": "npm run lint && npm run typescript && npm run typescript:mcp && npm run test && npm run check:chart-specs && npm run check:claude-md-coverage && npm run check:context7 && npm run check:mcp-registry && npm run check:surface && npm run check:ai-contracts && npm run check:ssr && npm run check:test-quality && npm run check:jsdoc-coverage && npm run check:ai-examples-coverage && npm run dist:prod && npm run size && npm run check:pack && npm pack --dry-run",
+    "prepublishOnly": "npm run lint && npm run typescript && npm run typescript:mcp && npm run test && npm run check:chart-specs && npm run check:claude-md-coverage && npm run check:context7 && npm run check:mcp-registry && npm run check:surface && npm run check:ai-contracts && npm run check:ssr && npm run check:test-quality && npm run check:jsdoc-coverage && npm run check:ai-examples-coverage && rm -rf dist && npm run dist:prod && npm run size"
   },
   "targets": {
     "website": {
@@ -146,6 +173,7 @@
     "semiotic": "./src/components/semiotic.ts",
     "semiotic/geo": "./src/components/semiotic-geo.ts",
     "semiotic/utils": "./src/components/semiotic-utils.ts",
+    "semiotic/recipes": "./src/components/semiotic-recipes.ts",
     "react-router-dom": "react-router"
   },
   "repository": {
@@ -223,16 +251,13 @@
     "@types/d3-brush": "^3.0.0",
     "@types/d3-chord": "^3.0.0",
     "@types/d3-force": "^3.0.0",
-    "@types/d3-format": "^3.0.0",
     "@types/d3-geo": "^3.1.0",
     "@types/d3-hierarchy": "^3.1.0",
     "@types/d3-interpolate": "^3.0.0",
     "@types/d3-quadtree": "^3.0.6",
     "@types/d3-scale": "^4.0.9",
-    "@types/d3-scale-chromatic": "^3.1.0",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.1.0",
-    "@types/d3-time-format": "^4.0.0",
     "@types/d3-zoom": "^3.0.8",
     "@types/node": "^22.19.17",
     "@types/react": "^19.2.14",
@@ -257,6 +282,7 @@
     "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",
@@ -264,6 +290,7 @@
     "process": "^0.11.10",
     "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",
@@ -271,7 +298,6 @@
     "seedrandom": "^3.0.5",
     "size-limit": "^12.0.0",
     "stream-browserify": "^3.0.0",
-    "tslib": "^2.8.1",
     "typedoc": "^0.28.19",
     "typescript": "~6.0.3",
     "util": "^0.12.5",
@@ -291,20 +317,14 @@
     "d3-brush": "^3.0.0",
     "d3-chord": "^3.0.1",
     "d3-force": "^3.0.0",
-    "d3-format": "^3.1.0",
     "d3-geo": "^3.1.1",
     "d3-hierarchy": "^3.1.2",
     "d3-interpolate": "^3.0.1",
     "d3-quadtree": "^3.0.1",
     "d3-scale": "^4.0.2",
-    "d3-scale-chromatic": "^3.1.0",
     "d3-selection": "^3.0.0",
     "d3-shape": "^3.2.0",
-    "d3-tile": "^1.0.0",
-    "d3-time-format": "^4.1.0",
     "d3-zoom": "^3.0.0",
-    "marked-gfm-heading-id": "^4.1.4",
-    "react-router": "^7.14.1",
     "regression": "^2.0.1",
     "topojson-client": "^3.1.0",
     "world-atlas": "^2.0.2"

package/dist/semiotic-statisticalOverlays-Ckd_jM8z.js

@@ -1 +0,0 @@
-import{darkenColor as t,lightenColor as o}from"./semiotic.module.min.js";import"react/jsx-runtime";import"react";import"d3-selection";import"d3-brush";import"d3-scale";import"d3-quadtree";import"d3-scale-chromatic";import"d3-array";import"d3-hierarchy";import"d3-shape";import"regression";import"d3-interpolate";import"d3-force";import"d3-chord";const e="__forecastSegment";function n(t,o){return"function"==typeof o?o(t):!!t[o]}function s(t){var o,e,n;return[{type:"anomaly-band",threshold:null!==(o=t.threshold)&&void 0!==o?o:2,showBand:!1!==t.showBand,fill:t.bandColor||"#6366f1",fillOpacity:null!==(e=t.bandOpacity)&&void 0!==e?e:.1,anomalyColor:t.anomalyColor||"#ef4444",anomalyRadius:null!==(n=t.anomalyRadius)&&void 0!==n?n:6,label:t.label}]}function a(t,o,s,a,r){return(i=a).isTraining||i.isForecast||i.isAnomaly||i.upperBounds||i.lowerBounds?function(t,o,s,a,r){var i,l,c,p;const{isTraining:f,isForecast:u,isAnomaly:h,upperBounds:d,lowerBounds:y,color:b="#6366f1",bandOpacity:g=.15,anomalyColor:m="#ef4444",anomalyRadius:O=6,label:j}=a,v=t.map(t=>{let o="observed";return u&&n(t,u)?o="forecast":f&&n(t,f)&&(o="training"),Object.assign(Object.assign({},t),{[e]:o})}),k=a._groupBy,_=[];if(k){const t=new Map;for(const o of v){const e=null!==(i=o[k])&&void 0!==i?i:"__default";t.has(e)||t.set(e,[]),t.get(e).push(o)}const o=[];for(const[,n]of t)for(let t=0;n.length-1>t;t++)n[t][e]!==n[t+1][e]&&(o.push(Object.assign(Object.assign({},n[t+1]),{[e]:n[t][e]})),o.push(Object.assign(Object.assign({},n[t]),{[e]:n[t+1][e]})));_.push(...v,...o)}else for(let t=0;v.length>t;t++)_.push(v[t]),v.length-1>t&&v[t][e]!==v[t+1][e]&&(_.push(Object.assign(Object.assign({},v[t+1]),{[e]:v[t][e]})),_.push(Object.assign(Object.assign({},v[t]),{[e]:v[t+1][e]})));if(a.trainUnderline){const t=[];for(const o of _)"training"===o[e]&&t.push(Object.assign(Object.assign({},o),{[e]:"training-base"}));_.unshift(...t)}const w=[];if(d&&y){const t="string"==typeof d?d:"__envUpper",o="string"==typeof y?y:"__envLower";if("function"==typeof d||"function"==typeof y)for(const e of _)"function"==typeof d&&(e[t]=d(e)),"function"==typeof y&&(e[o]=y(e));w.push({type:"envelope",upperAccessor:t,lowerAccessor:o,fill:b,fillOpacity:g,label:j})}if(h){const t=a.anomalyStyle,o={type:"highlight",filter:t=>n(t,h)};t?(o.style=t,o.r=O):"function"==typeof m?(o.style=t=>{const o=m(t);return{stroke:o,strokeWidth:1.5,fill:o,fillOpacity:.7}},o.r=O):(o.color=m,o.r=O,o.style={stroke:m,strokeWidth:1.5,fill:m,fillOpacity:.7}),w.push(o)}return r&&w.push({type:"anomaly-band",threshold:null!==(l=r.threshold)&&void 0!==l?l:2,showBand:!1!==r.showBand,fill:r.bandColor||"#6366f1",fillOpacity:null!==(c=r.bandOpacity)&&void 0!==c?c:.1,anomalyColor:r.anomalyColor||"#ef4444",anomalyRadius:null!==(p=r.anomalyRadius)&&void 0!==p?p:6,label:r.label}),{processedData:_,annotations:w}}(t,0,0,a,r):function(t,o,n,s,a){var r,i,l;const{trainEnd:c,steps:p=10,confidence:f=.95,color:u="#6366f1",bandOpacity:h=.15,label:d}=s;if(null==c)return{processedData:t,annotations:[]};const y=[],b=[];for(const n of t)n[o]>c?b.push(Object.assign(Object.assign({},n),{[e]:"observed"})):y.push(Object.assign(Object.assign({},n),{[e]:"training"}));const g=y.map(t=>[t[o],t[n]]).filter(t=>null!=t[0]&&null!=t[1]&&isFinite(t[0])&&isFinite(t[1])).sort((t,o)=>t[0]-o[0]),m=[],O=[];if(g.length>=3){const s=g.length;let a=0,r=0,i=0,l=0;for(const[t,o]of g)a+=t,r+=o,i+=t*t,l+=t*o;const c=s*i-a*a;if(Math.abs(c)>1e-12){const i=(s*l-a*r)/c,y=(r-i*a)/s,b=t=>y+i*t,j=g.map(([t,o])=>o-b(t)).reduce((t,o)=>t+o*o,0),v=Math.sqrt(j/Math.max(s-2,1)),k=g.reduce((t,o)=>t+o[0],0)/s,_=g.reduce((t,o)=>t+Math.pow(o[0]-k,2),0),w=.99>f?.95>f?.9>f?1:1.645:1.96:2.576,B=t.map(t=>t[o]).filter(t=>null!=t&&isFinite(t)),C=Math.max(...B),D=g.length>1?(g[s-1][0]-g[0][0])/(s-1):1;for(let t=1;p>=t;t++){const a=C+t*D,r=b(a),i=v*Math.sqrt(1+1/s+(_>0?Math.pow(a-k,2)/_:0))*w;O.push({[o]:a,[n]:r,[e]:"forecast",__forecastUpper:r+i,__forecastLower:r-i})}m.push({type:"envelope",upperAccessor:"__forecastUpper",lowerAccessor:"__forecastLower",fill:u,fillOpacity:h,label:d})}}m.push({type:"x-threshold",x:c,color:"#94a3b8",strokeWidth:1,strokeDasharray:"4,2",label:"Train / Forecast"}),a&&m.push({type:"anomaly-band",threshold:null!==(r=a.threshold)&&void 0!==r?r:2,showBand:!1!==a.showBand,fill:a.bandColor||"#6366f1",fillOpacity:null!==(i=a.bandOpacity)&&void 0!==i?i:.1,anomalyColor:a.anomalyColor||"#ef4444",anomalyRadius:null!==(l=a.anomalyRadius)&&void 0!==l?l:6,label:a.label});const j=[];if(j.push(...y),y.length>0&&b.length>0&&j.push(Object.assign(Object.assign({},y[y.length-1]),{[e]:"observed"})),j.push(...b),O.length>0){const t=b.length>0?b[b.length-1]:y[y.length-1];t&&j.push(Object.assign(Object.assign({},t),{[e]:"forecast"})),j.push(...O)}return{processedData:j,annotations:m}}(t,o,s,a,r);var i}function r(n,s){var a,r;const i=null!==(a=s.trainDasharray)&&void 0!==a?a:"8,4",l=null!==(r=s.forecastDasharray)&&void 0!==r?r:"4,4",c=s.color||"#6366f1",p=s.trainOpacity,f=s.forecastOpacity,u=s.trainStroke,h=s.trainLinecap,d=s.trainUnderline;return s=>{const a=n(s),r=s[e];if("training"===r){let o=a.stroke;return"darken"===u?o=t(a.stroke||"#666",.5):u&&(o=u),Object.assign(Object.assign(Object.assign(Object.assign({},a),{stroke:o,strokeDasharray:i}),h&&{strokeLinecap:h}),null!=p&&{strokeOpacity:p})}if("training-base"===r){let t=a.stroke||"#666";return"lighten"===d&&(t=o(t,.4)),Object.assign(Object.assign({},a),{stroke:t,strokeDasharray:void 0})}return"forecast"===r?Object.assign(Object.assign(Object.assign({},a),{stroke:c,strokeDasharray:l}),null!=f&&{strokeOpacity:f}):a}}export{e as SEGMENT_FIELD,s as buildAnomalyAnnotations,a as buildForecast,r as createSegmentLineStyle,t as darkenColor,o as lightenColor};