v16.2.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,12 +15,20 @@ 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:
+    description: 'Run build against `@chromatic-com/cypress` test archives'
+    required: false
   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
@@ -42,6 +44,9 @@ inputs:
   externals:
     description: 'Disable TurboSnap when any of these files have changed since the baseline build'
     required: false
+  fileHashing:
+    description: 'Whether to apply file hashing to skip uploading unchanged files (default: true)'
+    required: false
   forceRebuild:
     description: 'Do not skip build when a rebuild is detected'
     required: false
@@ -51,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'
@@ -63,6 +71,12 @@ 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
   preserveMissing:
     description: 'Deprecated, use onlyChanged, onlyStoryNames or onlyStoryFiles instead'
     required: false
@@ -75,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
@@ -137,4 +154,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.2.1",
+  "version": "16.2.0",
   "description": "Automate visual testing across browsers. Gather UI feedback. Versioned documentation.",
   "keywords": [
     "storybook-addon",
@@ -16,13 +16,16 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/chromaui/chromatic-cli.git"
+    "url": "git+https://github.com/chromaui/chromatic-cli.git"
   },
   "license": "MIT",
-  "author": "Chromatic <support@chromatic.com>",
+  "author": {
+    "name": "Chromatic",
+    "email": "support@chromatic.com"
+  },
   "exports": {
     ".": {
-      "types": "./dist/node.d.ts",
+      "types": "./isChromatic.d.ts",
       "require": "./isChromatic.js",
       "import": "./isChromatic.mjs"
     },
@@ -35,7 +38,8 @@
       "types": "./isChromatic.d.ts",
       "require": "./isChromatic.js",
       "import": "./isChromatic.mjs"
-    }
+    },
+    "./package.json": "./package.json"
   },
   "main": "isChromatic.js",
   "module": "isChromatic.mjs",
@@ -64,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",
@@ -126,37 +98,55 @@
     "@types/node": "18.x",
     "@types/picomatch": "^2.3.0",
     "@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",
@@ -169,50 +159,55 @@
     "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.*.* || ^1.0.0",
+    "@chromatic-com/playwright": "^0.*.* || ^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@chromatic-com/cypress": {
+      "optional": true
+    },
+    "@chromatic-com/playwright": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "auto": {
-    "baseBranch": "main",
-    "plugins": [
-      "npm",
-      "released",
-      [
-        "exec",
-        {
-          "afterShipIt": "yarn run publish-action"
-        }
-      ]
-    ]
-  },
   "docs": "https://www.chromatic.com/docs/cli",
   "storybook": {
     "icon": "https://user-images.githubusercontent.com/263385/101995175-2e087800-3c96-11eb-9a33-9860a1c3ce62.gif",