Merge pull request #346 from chromaui/fix-dependencies

Fix dependencies to support Storybook >=`8.2.0` explicitly

CHANGELOG.md

@@ -42,6 +42,7 @@
 
 #### 💥 Breaking Change
 
+- **Require Storybook 8.2.0 or newer**
 - Use new Test Provider API instead of SidebarTop and SidebarBottom [#342](https://github.com/chromaui/addon-visual-tests/pull/342) ([@ghengeveld](https://github.com/ghengeveld))
 
 #### Authors: 1
@@ -900,7 +901,6 @@
 
 ---
 
-
 # v0.0.124 (Mon Dec 11 2023)
 
 #### 🐛 Bug Fix
@@ -1869,7 +1869,7 @@
 
 #### 🐛 Bug Fix
 
-- Fix: Updates the the link to the Visual Testing addon  documentation [#61](https://github.com/chromaui/addon-visual-tests/pull/61) ([@jonniebigodes](https://github.com/jonniebigodes))
+- Fix: Updates the the link to the Visual Testing addon documentation [#61](https://github.com/chromaui/addon-visual-tests/pull/61) ([@jonniebigodes](https://github.com/jonniebigodes))
 
 #### 📝 Documentation
 

README.md

@@ -56,6 +56,10 @@ This is a [known issue](https://github.com/storybookjs/storybook/issues/22431#is
 
 Alternatively, you could use a different package manager ([npm](https://www.npmjs.com/), [pnpm](https://pnpm.io/installation)).
 
+## Version compatibility
+
+Version `3.0.0` and up of this addon requires _at least_ Storybook `8.2.0`. If you need support for Storybook `8.0` or `8.1`, you need to use version `2.0.2` of this addon.
+
 ### License
 
 [MIT](https://github.com/storybookjs/addon-coverage/blob/main/LICENSE)

package.json

@@ -53,9 +53,6 @@
     "jackspeak": "2.1.1"
   },
   "dependencies": {
-    "@storybook/channels": "^8.3.0",
-    "@storybook/telemetry": "^8.3.0",
-    "@storybook/types": "^8.3.0",
     "chromatic": "^11.15.0",
     "filesize": "^10.0.12",
     "jsonfile": "^6.1.0",
@@ -68,25 +65,28 @@
     "@graphql-codegen/cli": "^5.0.3",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@parcel/watcher": "^2.4.1",
-    "@storybook/addon-actions": "0.0.0-pr-29241-sha-4da1ec12",
+    "@storybook/addon-actions": "^8.4.0-beta.5",
     "@storybook/addon-designs": "^8.0.0",
-    "@storybook/addon-essentials": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/addon-interactions": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/addon-mdx-gfm": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/blocks": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/client-logger": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/components": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/core-events": "0.0.0-pr-29241-sha-4da1ec12",
+    "@storybook/addon-essentials": "^8.4.0-beta.5",
+    "@storybook/addon-interactions": "^8.4.0-beta.5",
+    "@storybook/addon-mdx-gfm": "^8.4.0-beta.5",
+    "@storybook/blocks": "^8.4.0-beta.5",
+    "@storybook/channels": "^8.4.0-beta.5",
+    "@storybook/client-logger": "^8.4.0-beta.5",
+    "@storybook/components": "^8.4.0-beta.5",
+    "@storybook/core-events": "^8.4.0-beta.5",
     "@storybook/eslint-config-storybook": "^3.1.2",
     "@storybook/icons": "^1.2.8",
-    "@storybook/manager": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/manager-api": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/preview": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/react": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/react-vite": "0.0.0-pr-29241-sha-4da1ec12",
-    "@storybook/test": "0.0.0-pr-29241-sha-4da1ec12",
+    "@storybook/manager": "^8.4.0-beta.5",
+    "@storybook/manager-api": "^8.4.0-beta.5",
+    "@storybook/preview": "^8.4.0-beta.5",
+    "@storybook/react": "^8.4.0-beta.5",
+    "@storybook/react-vite": "^8.4.0-beta.5",
+    "@storybook/telemetry": "^8.4.0-beta.5",
+    "@storybook/test": "^8.4.0-beta.5",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "0.0.0-pr-29241-sha-4da1ec12",
+    "@storybook/theming": "^8.4.0-beta.5",
+    "@storybook/types": "^8.4.0-beta.5",
     "@types/jsonfile": "^6.1.1",
     "@types/node": "^18.15.0",
     "@types/pluralize": "^0.0.29",
@@ -117,7 +117,7 @@
     "react-dom": "^18.3.1",
     "react-joyride": "^2.7.2",
     "rimraf": "^3.0.2",
-    "storybook": "0.0.0-pr-29241-sha-4da1ec12",
+    "storybook": "^8.4.0-beta.5",
     "ts-dedent": "^2.2.0",
     "tsup": "^6.6.3",
     "typescript": "^4.9.5",
@@ -131,8 +131,9 @@
     "zx": "^1.14.1"
   },
   "peerDependencies": {
-    "storybook": "*"
+    "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
   },
+  "packageManager": "[email protected]",
   "engines": {
     "node": ">=16.0.0",
     "yarn": ">=1.22.18"
@@ -141,7 +142,6 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "packageManager": "[email protected]",
   "auto": {
     "baseBranch": "main",
     "plugins": [

src/TestingModuleDescription.tsx

@@ -2,7 +2,7 @@ import { Link } from "@storybook/components";
 import { FailedIcon } from "@storybook/icons";
 import { type API, useChannel, useStorybookState } from "@storybook/manager-api";
 import { color } from "@storybook/theming";
-import { Addon_TestProviderState } from "@storybook/types";
+import type { Addon_TestProviderState } from "@storybook/types";
 import pluralize from "pluralize";
 import React, { useCallback, useContext, useEffect, useRef } from "react";
 

src/manager.tsx

@@ -1,7 +1,7 @@
 import { FailedIcon } from "@storybook/icons";
 import { addons, type API } from "@storybook/manager-api";
 import { color } from "@storybook/theming";
-import { Addon_TestProviderType, Addon_TypesEnum } from "@storybook/types";
+import { type Addon_TestProviderType, Addon_TypesEnum } from "@storybook/types";
 import React from "react";
 
 import { SidebarBottom } from "./components/SidebarBottom";

src/preset.ts

@@ -4,10 +4,7 @@ import { readFile } from "node:fs/promises";
 import { normalize, relative } from "node:path";
 
 import type { Channel } from "@storybook/channels";
-import {
-  TESTING_MODULE_PROGRESS_REPORT,
-  TestingModuleProgressReportProgress,
-} from "@storybook/core-events";
+import type { TestingModuleProgressReportProgress } from "@storybook/core-events";
 import { telemetry } from "@storybook/telemetry";
 import type { Options } from "@storybook/types";
 // eslint-disable-next-line import/no-unresolved
@@ -27,6 +24,7 @@ import {
   STOP_BUILD,
   TELEMETRY,
   TEST_PROVIDER_ID,
+  TESTING_MODULE_PROGRESS_REPORT,
 } from "./constants";
 import { runChromaticBuild, stopChromaticBuild } from "./runChromaticBuild";
 import {