@flesler/cursor-canvas-web 1.1.1 → 1.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flesler/cursor-canvas-web",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.2.0",
   "repository": "github:flesler/cursor-canvas-web",
   "type": "module",
   "description": "Deploy your Cursor canvases to the web.",
@@ -13,27 +13,31 @@
     "react",
     "shim"
   ],
-  "packageManager": "pnpm@11.5.2",
   "engines": {
-    "node": ">=22"
+    "node": ">=22.12.0",
+    "npm": ">=10.0.0"
   },
   "sideEffects": false,
   "files": [
     "dist",
-    "src/vendor"
+    "src/vendor",
+    "src/superset"
   ],
   "main": "./dist/cursor-canvas.cjs",
   "module": "./dist/cursor-canvas.js",
-  "types": "./src/vendor/canvas-sdk/index.d.ts",
+  "types": "./src/superset/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/vendor/canvas-sdk/index.d.ts",
+      "types": "./src/superset/index.d.ts",
       "import": "./dist/cursor-canvas.js",
       "require": "./dist/cursor-canvas.cjs"
     },
     "./canvas-sdk": {
       "types": "./src/vendor/canvas-sdk/index.d.ts"
     },
+    "./superset": {
+      "types": "./src/superset/index.d.ts"
+    },
     "./runtime": {
       "types": "./dist/runtime/index.d.ts",
       "import": "./dist/runtime.js",
@@ -46,26 +50,31 @@
     "build:lib": "vite build --config vite.lib.config.ts",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint .",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
+    "eslint": "eslint --cache --cache-strategy content",
+    "lint": "npm run eslint -- 'src/**/*.{ts,tsx}' 'scripts/**/*.ts' 'vite.config.ts' 'vite.lib.config.ts'",
+    "lint:fix": "npm run lint -- --fix",
     "test": "vitest run",
     "test:watch": "vitest",
     "sync:sdk": "bash scripts/sync-cursor-sdk-snapshot.sh",
     "check:sdk-exports": "tsx scripts/diff-sdk-exports.ts --strict",
-    "test:contract": "pnpm run check:sdk-exports && tsx scripts/generate-contract-consumer.ts && tsc --noEmit && pnpm run build:lib",
-    "test:contract:fast": "pnpm run check:sdk-exports && tsx scripts/generate-contract-consumer.ts && tsc --noEmit",
+    "generate:contract-consumer": "tsx scripts/generate-contract-consumer.ts && npm run eslint -- --fix src/contract/consumer.ts",
+    "test:contract": "npm run check:sdk-exports && npm run generate:contract-consumer && tsc --noEmit && npm run build:lib",
+    "test:contract:fast": "npm run check:sdk-exports && npm run generate:contract-consumer && tsc --noEmit",
     "check:sdk-live": "tsx scripts/diff-sdk-exports.ts --strict \"${HOME}/.cursor/skills-cursor/canvas/sdk/index.d.ts\"",
-    "test:contract:strict": "pnpm run test:contract",
-    "test:contract:ci": "pnpm run test:contract",
+    "test:contract:strict": "npm run test:contract",
+    "test:contract:ci": "npm run test:contract",
     "sync:demo": "bash scripts/sync-demo-canvas.sh",
     "demo:screenshot": "bash scripts/readme-screenshot.sh",
     "test:demo-screenshots": "bash scripts/test-demo-screenshots.sh",
     "test:demo-screenshots:update": "bash scripts/test-demo-screenshots.sh --update",
     "test:render-compat": "bash scripts/test-render-compat.sh",
-    "ci:local": "pnpm typecheck && pnpm lint && pnpm test && pnpm test:contract:ci",
+    "ci:local": "npm run typecheck && npm run lint && npm test && npm run test:contract:ci",
     "prepare": "[ \"$CI\" != \"true\" ] && [ -d node_modules/husky ] && husky || true",
-    "prepublishOnly": "pnpm typecheck && pnpm test && pnpm run check:sdk-exports && pnpm build:lib"
+    "prepublishOnly": "npm run typecheck && npm test && npm run check:sdk-exports && npm run build:lib"
+  },
+  "overrides": {
+    "vitest": "^4.1.11",
+    "@vitest/mocker": "^4.1.11"
   },
   "peerDependencies": {
     "@mantine/charts": "^8.3.0",
@@ -75,29 +84,33 @@
     "recharts": "^2.15.0 || ^3.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.20.0",
+    "@eslint/js": "^10.0.1",
     "@mantine/charts": "^8.3.18",
     "@mantine/core": "^8.3.18",
     "@mantine/hooks": "^8.3.18",
+    "@stylistic/eslint-plugin": "^5.10.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@types/node": "^22.13.1",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
+    "@typescript-eslint/eslint-plugin": "^8.68.0",
+    "@typescript-eslint/parser": "^8.68.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.20.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint": "^10.9.1",
+    "eslint-plugin-import-newlines": "^2.0.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.4.18",
+    "eslint-plugin-unused-imports": "^4.4.1",
     "globals": "^15.14.0",
     "husky": "^9.1.7",
+    "jiti": "^2.7.0",
     "jsdom": "^26.0.0",
-    "prettier": "^3.5.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "recharts": "^3.10.1",
     "tsx": "^4.21.0",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.0",
     "vite": "^6.1.0",
     "vite-plugin-dts": "^5.0.2",
     "vitest": "^4.1.11"

package/src/superset/chart-extra.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Superset chart options, passed through the `extra` prop. The Cursor IDE
+ * ignores `extra`, so the same canvas renders there with SDK defaults.
+ */
+import type { YAxisProps } from 'recharts';
+
+/** Recharts `scale` shortcuts (`auto` + d3 scale names). */
+export type CanvasChartScale = NonNullable<YAxisProps['scale']>;
+
+/**
+ * Recharts props forwarded to the value axis: Y on column and line charts, X on
+ * horizontal bar charts. Non-linear scales default `domain` to `[1, 'dataMax']`.
+ */
+export type CanvasChartValueAxisExtra = Pick<
+  Omit<YAxisProps, 'ref'>,
+  | 'scale'
+  | 'domain'
+  | 'type'
+  | 'allowDataOverflow'
+  | 'allowDecimals'
+  | 'tickCount'
+  | 'interval'
+  | 'padding'
+  | 'unit'
+  | 'name'
+>;
+
+export type CanvasChartExtra = {
+  valueAxis?: CanvasChartValueAxisExtra;
+};
+
+export type CanvasBarChartExtra = CanvasChartExtra;
+
+export type CanvasLineChartExtra = CanvasChartExtra & {
+  /** Curved (`monotone`) segments; the IDE draws straight segments. */
+  smooth?: boolean;
+  /** Stack the filled areas. Requires `fill`. */
+  stacked?: boolean;
+};

package/src/superset/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `cursor/canvas` typings for this shim: the vendored Cursor SDK plus superset
+ * features. Local exports below override the SDK's same-named exports.
+ *
+ * Superset props on SDK components go under `extra`, which the IDE ignores.
+ */
+import type { JSX } from 'react';
+import type { BarChartProps as SdkBarChartProps, LineChartProps as SdkLineChartProps } from '../vendor/canvas-sdk/index.js';
+import type { CanvasBarChartExtra, CanvasLineChartExtra } from './chart-extra.js';
+
+export * from '../vendor/canvas-sdk/index.js';
+export type * from './chart-extra.js';
+
+export type BarChartProps = SdkBarChartProps & {
+  extra?: CanvasBarChartExtra;
+};
+
+export type LineChartProps = SdkLineChartProps & {
+  extra?: CanvasLineChartExtra;
+  /** @deprecated Use `extra.smooth`. */
+  smooth?: boolean;
+};
+
+export declare function BarChart(props: BarChartProps): JSX.Element;
+export declare function LineChart(props: LineChartProps): JSX.Element;