v16.3.0

action.yml

@@ -6,12 +6,6 @@ branding:
   color: 'orange'
 
 inputs:
-  allowConsoleErrors:
-    description: 'Do not exit when runtime errors occur in storybook'
-    required: false
-  appCode:
-    description: 'Deprecated, please use projectToken instead'
-    required: false
   autoAcceptChanges:
     description: 'Automatically accept all changes in chromatic: boolean or branchname'
     required: false
@@ -21,6 +15,12 @@ inputs:
   buildScriptName:
     description: 'The npm script that builds your Storybook [build-storybook]'
     required: false
+  buildCommand:
+    description: 'The command that builds your Storybook (when your build command does not exist in "scripts" of your package.json)'
+    required: false
+  chromaticSha:
+    description: 'The git SHA of the commit that should be tested in Chromatic. Defaults to the SHA of the current branch tip on which the action is running. Use with caution, as it may yield unexpected results.'
+    required: false
   configFile:
     description: 'Path from where to load the Chromatic config JSON file.'
   cypress:
@@ -29,9 +29,6 @@ inputs:
   debug:
     description: 'Output verbose debugging information'
     required: false
-  diagnostics:
-    description: 'Deprecated, use diagnosticsFile instead'
-    required: false
   diagnosticsFile:
     description: 'Write process context information to a JSON file'
     required: false
@@ -59,8 +56,11 @@ inputs:
   logFile:
     description: 'Write CLI logs to a file'
     required: false
-  only:
-    description: 'Deprecated, replaced by onlyStoryNames'
+  logLevel:
+    description: 'One of: silent, error, warn, info, debug (default: info)'
+    required: false
+  logPrefix:
+    description: 'Custom prefix for log messages (default: current timestamp)'
     required: false
   onlyChanged:
     description: 'Enables TurboSnap: Only run stories affected by files changed since the baseline build'
@@ -71,6 +71,9 @@ inputs:
   onlyStoryFiles:
     description: 'Only run a single story or a subset of stories by their filename(s)'
     required: false
+  outputDir:
+    description: 'Relative path to target directory containing your Storybook (a temporary directory is used if this is not set)'
+    required: false
   playwright:
     description: 'Run build against `@chromatic-com/playwright` test archives'
     required: false
@@ -86,6 +89,9 @@ inputs:
   skip:
     description: 'Skip Chromatic tests, but mark the commit as passing'
     required: false
+  skipUpdateCheck:
+    description: 'Skips Chromatic CLI update check'
+    required: false
   storybookBaseDir:
     description: 'Relative path from repository root to Storybook project root'
     required: false
@@ -110,6 +116,9 @@ inputs:
   uploadMetadata:
     description: 'Upload Chromatic metadata files as part of the published Storybook'
     required: false
+  vitest:
+    description: 'Run build against `@chromatic-com/vitest` test archives'
+    required: false
   workingDir:
     description: 'Working directory for the package.json file'
     required: false
@@ -148,4 +157,4 @@ outputs:
 
 runs:
   main: action/register.js
-  using: node20 # Sync with `target` in tsup.config.ts
+  using: node24

package.json

@@ -1,6 +1,6 @@
 {
   "name": "chromatic",
-  "version": "10.9.2",
+  "version": "16.3.0",
   "description": "Automate visual testing across browsers. Gather UI feedback. Versioned documentation.",
   "keywords": [
     "storybook-addon",
@@ -25,7 +25,7 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/node.d.ts",
+      "types": "./isChromatic.d.ts",
       "require": "./isChromatic.js",
       "import": "./isChromatic.mjs"
     },
@@ -68,58 +68,26 @@
     "isChromatic.mjs",
     "isChromatic.d.ts"
   ],
-  "scripts": {
-    "build": "tsup",
-    "build-storybook": "build-storybook -s static",
-    "build-test-storybook": "cross-env SMOKE_TEST=true build-storybook -o test-storybook",
-    "build-subdir": "cd subdir ; yarn build ; cd ..",
-    "chromatic": "./dist/bin.js",
-    "chromatic-prebuilt": "./dist/bin.js --storybook-build-dir=\"storybook-static\"",
-    "chromatic-staging": "CHROMATIC_INDEX_URL=https://www.staging-chromatic.com ./dist/bin.js",
-    "chromatic-verbose": "cross-env LOG_LEVEL=verbose ./dist/bin.js",
-    "lint": "yarn lint:js .storybook bin-src node-src test-stories ./isChromatic.js ./isChromatic.mjs",
-    "lint:js": "cross-env NODE_ENV=production eslint --fix --cache --cache-location=.cache/eslint --ext .js,.json,.mjs,.ts,.cjs --report-unused-disable-directives",
-    "lint:package": "sort-package-json",
-    "release": "yarn run build && auto shipit",
-    "publish-action": "./scripts/publish-action.mjs",
-    "trace": "./dist/bin.js trace",
-    "trim-stats": "./dist/bin.js trim-stats-file",
-    "storybook": "start-storybook -p 9009 -s static",
-    "test": "vitest run && vitest run -c vitest.no-threads.config.ts",
-    "prepare": "husky install && npm run build",
-    "dev": "tsup --watch",
-    "lint-staged": "lint-staged"
-  },
-  "lint-staged": {
-    "*.ts": [
-      "yarn lint:js --fix"
-    ],
-    "*.js": [
-      "yarn lint:js --fix"
-    ],
-    "*.json": [
-      "yarn lint:js --fix"
-    ],
-    "package.json": [
-      "yarn lint:package"
-    ]
-  },
   "resolutions": {
-    "any-observable": "^0.5.1"
+    "any-observable": "^0.5.1",
+    "lodash": "4.17.21"
   },
-  "dependencies": {},
   "devDependencies": {
     "@actions/core": "^1.10.0",
     "@actions/github": "^5.0.0",
     "@antfu/ni": "^0.21.5",
-    "@auto-it/exec": "^11.0.4",
+    "@auto-it/slack": "^11.1.6",
     "@discoveryjs/json-ext": "^0.5.7",
-    "@storybook/addon-essentials": "^6.5.6",
-    "@storybook/builder-webpack5": "^6.5.6",
-    "@storybook/csf-tools": "^7.0.12",
-    "@storybook/linter-config": "^3.1.2",
-    "@storybook/manager-webpack5": "^6.5.6",
-    "@storybook/react": "^6.5.6",
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.3.0",
+    "@sentry/cli": "^2.37.0",
+    "@sentry/node": "^8.30.0",
+    "@snyk/dep-graph": "^2.9.0",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
+    "@storybook/csf-tools": "^8.1.5",
+    "@storybook/linter-config": "^4.0.0",
+    "@storybook/react": "^8.1.5",
+    "@storybook/react-webpack5": "^8.1.5",
     "@tsconfig/node16": "^16.1.1",
     "@types/archiver": "^5.3.1",
     "@types/async-retry": "^1.4.3",
@@ -132,39 +100,53 @@
     "@types/progress-stream": "^2.0.2",
     "@types/prompts": "^2.4.9",
     "@types/semver": "^7.3.9",
+    "@types/webpack-env": "^1.18.5",
+    "@types/ws": "^8",
     "@typescript-eslint/eslint-plugin": "^6.8.0",
     "@typescript-eslint/parser": "^6.8.0",
-    "ansi-html": "0.0.8",
+    "@vitest/coverage-v8": "^4.1.2",
+    "ansi-html": "0.0.9",
     "any-observable": "^0.5.1",
     "archiver": "^5.3.0",
     "async-retry": "^1.3.3",
-    "auto": "^11.0.4",
+    "auto": "^11.0.5",
     "boxen": "^7.1.1",
     "chalk": "^4.1.2",
+    "clean-package": "^2.2.0",
     "cpy": "^8.1.2",
     "cross-env": "^7.0.3",
     "cross-spawn": "^7.0.2",
     "debug": "^4.3.2",
-    "dotenv": "^8.2.0",
-    "env-ci": "^5.0.2",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-json": "^3.1.0",
-    "eslint-plugin-react": "^7.33.2",
+    "dotenv": "^16.4.5",
+    "env-ci": "^11.1.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsdoc": "^62.4.1",
+    "eslint-plugin-json": "^4.0.1",
+    "eslint-plugin-no-secrets": "^2.2.1",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-security": "^3.0.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-sort-class-members": "^1.21.0",
+    "eslint-plugin-storybook": "^10.2.1",
+    "eslint-plugin-unicorn": "^59.0.1",
     "esm": "^3.2.25",
-    "execa": "^7.2.0",
+    "execa": "^9.6.0",
     "fake-tag": "^2.0.0",
     "filesize": "^10.1.0",
     "find-up": "^7.0.0",
     "formdata-node": "^6.0.3",
     "fs-extra": "^10.0.0",
+    "globals": "^15.3.0",
     "https-proxy-agent": "^7.0.2",
     "husky": "^7.0.0",
+    "json5": "^2.2.3",
     "jsonfile": "^6.0.1",
-    "junit-report-builder": "2.1.0",
-    "lint-staged": "^11.1.2",
+    "junit-report-builder": "3.1.0",
     "listr": "0.14.3",
+    "listr-update-renderer": "^0.5.0",
     "meow": "^9.0.0",
     "mock-fs": "^5.1.2",
     "no-proxy": "^1.0.3",
@@ -177,37 +159,43 @@
     "picomatch": "2.2.2",
     "pkg-up": "^3.1.0",
     "pluralize": "^8.0.0",
-    "prettier": "^2.3.2",
+    "prettier": "^3.2.5",
     "progress-stream": "^2.0.0",
     "prompts": "^2.4.2",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "read-pkg-up": "^7.0.1",
+    "read-package-up": "^11.0.0",
     "semver": "^7.3.5",
     "slash": "^3.0.0",
-    "snyk-nodejs-lockfile-parser": "^1.52.1",
+    "snyk-nodejs-lockfile-parser": "^1.58.18",
+    "snyk-nodejs-plugin": "^1.4.3",
     "sort-package-json": "1.50.0",
+    "storybook": "^8.1.5",
     "string-argv": "^0.3.1",
-    "strip-ansi": "6.0.0",
+    "strip-ansi": "^7.1.0",
     "tmp-promise": "3.0.2",
     "ts-dedent": "^1.0.0",
     "ts-loader": "^9.2.5",
     "tsup": "^7.2.0",
     "typescript": "^5.2.2",
+    "typescript-eslint": "^7.11.0",
     "util-deprecate": "^1.0.2",
     "uuid": "^8.3.2",
-    "vite": "^4.4.9",
-    "vitest": "^0.34.4",
+    "vite": "^8.0.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.1.2",
     "why-is-node-running": "^2.1.2",
+    "ws": "^8.18.2",
     "xxhash-wasm": "^1.0.2",
     "yarn-or-npm": "^3.0.1",
     "zen-observable": "^0.8.15",
     "zod": "^3.22.2"
   },
   "peerDependencies": {
-    "@chromatic-com/cypress": "^0.5.2 || ^1.0.0",
-    "@chromatic-com/playwright": "^0.5.2 || ^1.0.0"
+    "@chromatic-com/cypress": "^0.*.* || ^1.0.0",
+    "@chromatic-com/playwright": "^0.*.* || ^1.0.0",
+    "@chromatic-com/vitest": "^0.*.* || ^1.0.0"
   },
   "peerDependenciesMeta": {
     "@chromatic-com/cypress": {
@@ -215,22 +203,15 @@
     },
     "@chromatic-com/playwright": {
       "optional": true
+    },
+    "@chromatic-com/vitest": {
+      "optional": true
     }
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "auto": {
-    "baseBranch": "main",
-    "canary": {
-      "force": true
-    },
-    "plugins": [
-      "npm",
-      "released"
-    ]
-  },
   "docs": "https://www.chromatic.com/docs/cli",
   "storybook": {
     "icon": "https://user-images.githubusercontent.com/263385/101995175-2e087800-3c96-11eb-9a33-9860a1c3ce62.gif",