Update storybook monorepo to v8.2.9 (#38893)

* Update storybook monorepo to v8.2.9 * Add a bunch of `storybook` deps everywhere. When Storybook decided to do storybookjs/storybook#27039, they seem to have neglected the use case where monorepos might only need a few add-ons for stories in various packages, with all of the storybook stuff in a separate dummy package. So now we need to bring in all of storybook as a dev-dep in every package that has stories. * Fix babel config. Broken by storybookjs/storybook#28469. --------- Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Brad Jorsch <brad.jorsch@automattic.com>
Automattic · Aug 23, 2024 · 8a4ee58 · 8a4ee58
1 parent 29fcd82
commit 8a4ee58
Show file tree

Hide file tree

Showing 21 changed files with 474 additions and 1,885 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/projects/js-packages/ai-client/changelog/renovate-storybook-monorepo b/projects/js-packages/ai-client/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/ai-client/package.json b/projects/js-packages/ai-client/package.json
@@ -23,14 +23,15 @@
  },
  "type": "module",
  "devDependencies": {
- "@storybook/addon-actions": "8.1.6",
- "@storybook/blocks": "8.1.6",
- "@storybook/preview-api": "8.1.6",
- "@storybook/react": "8.1.6",
+ "@storybook/addon-actions": "8.2.9",
+ "@storybook/blocks": "8.2.9",
+ "@storybook/preview-api": "8.2.9",
+ "@storybook/react": "8.2.9",
  "@types/markdown-it": "14.1.2",
  "@types/turndown": "5.0.5",
  "jest": "^29.6.2",
  "jest-environment-jsdom": "29.7.0",
+ "storybook": "8.2.9",
  "typescript": "5.0.4"
  },
  "exports": {

diff --git a/projects/js-packages/components/changelog/renovate-storybook-monorepo b/projects/js-packages/components/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/components/package.json b/projects/js-packages/components/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@automattic/jetpack-components",
- "version": "0.55.7",
+ "version": "0.55.8-alpha",
  "description": "Jetpack Components Package",
  "author": "Automattic",
  "license": "GPL-2.0-or-later",
@@ -39,9 +39,9 @@
  "@babel/core": "7.24.7",
  "@babel/preset-react": "7.24.7",
  "@jest/globals": "29.4.3",
- "@storybook/addon-actions": "8.1.6",
- "@storybook/blocks": "8.1.6",
- "@storybook/react": "8.1.6",
+ "@storybook/addon-actions": "8.2.9",
+ "@storybook/blocks": "8.2.9",
+ "@storybook/react": "8.2.9",
  "@testing-library/dom": "10.1.0",
  "@testing-library/react": "15.0.7",
  "@testing-library/user-event": "14.5.2",
@@ -57,6 +57,7 @@
  "react-dom": "18.3.1",
  "require-from-string": "2.0.2",
  "resize-observer-polyfill": "1.5.1",
+ "storybook": "8.2.9",
  "ts-dedent": "2.2.0",
  "typescript": "5.0.4",
  "webpack": "5.76.0",

diff --git a/projects/js-packages/connection/changelog/renovate-storybook-monorepo b/projects/js-packages/connection/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/connection/package.json b/projects/js-packages/connection/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@automattic/jetpack-connection",
- "version": "0.35.1",
+ "version": "0.35.2-alpha",
  "description": "Jetpack Connection Component",
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/connection/#readme",
  "bugs": {
@@ -34,15 +34,16 @@
  "@automattic/jetpack-base-styles": "workspace:*",
  "@babel/core": "7.24.7",
  "@babel/preset-react": "7.24.7",
- "@storybook/addon-actions": "8.1.6",
+ "@storybook/addon-actions": "8.2.9",
  "@testing-library/dom": "10.1.0",
  "@testing-library/react": "15.0.7",
  "@testing-library/user-event": "14.5.2",
  "@types/react": "18.3.3",
  "jest": "29.7.0",
  "jest-environment-jsdom": "29.7.0",
  "react": "18.3.1",
- "react-dom": "18.3.1"
+ "react-dom": "18.3.1",
+ "storybook": "8.2.9"
  },
  "peerDependencies": {
  "react": "^18.0.0",

diff --git a/projects/js-packages/scan/changelog/renovate-storybook-monorepo#5 b/projects/js-packages/scan/changelog/renovate-storybook-monorepo#5
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/scan/package.json b/projects/js-packages/scan/package.json
@@ -26,16 +26,17 @@
  "@babel/core": "7.24.7",
  "@babel/plugin-transform-react-jsx": "7.24.7",
  "@jest/globals": "29.7.0",
- "@storybook/addon-actions": "8.1.6",
- "@storybook/blocks": "8.1.6",
- "@storybook/react": "8.1.6",
+ "@storybook/addon-actions": "8.2.9",
+ "@storybook/blocks": "8.2.9",
+ "@storybook/react": "8.2.9",
  "@testing-library/react": "15.0.7",
  "@types/jest": "29.5.12",
  "@types/react": "18.3.3",
  "@wordpress/babel-plugin-import-jsx-pragma": "5.5.0",
  "babel-jest": "29.7.0",
  "jest": "^29.7.0",
  "jest-environment-jsdom": "29.7.0",
+ "storybook": "8.2.9",
  "typescript": "5.0.4"
  },
  "exports": {
@@ -61,8 +62,8 @@
  "react-dom": "^18.2.0"
  },
  "peerDependencies": {
+ "@wordpress/i18n": "5.5.0",
  "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "@wordpress/i18n": "5.5.0"
+ "react-dom": "^18.2.0"
  }
 }
diff --git a/projects/js-packages/storybook/changelog/renovate-storybook-monorepo#5 b/projects/js-packages/storybook/changelog/renovate-storybook-monorepo#5
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/storybook/package.json b/projects/js-packages/storybook/package.json
@@ -26,19 +26,19 @@
  "@babel/preset-react": "7.24.7",
  "@babel/runtime": "7.24.7",
  "@playwright/test": "1.45.1",
- "@storybook/addon-a11y": "8.1.6",
- "@storybook/addon-docs": "8.1.6",
- "@storybook/addon-essentials": "8.1.6",
- "@storybook/addon-storysource": "8.1.6",
+ "@storybook/addon-a11y": "8.2.9",
+ "@storybook/addon-docs": "8.2.9",
+ "@storybook/addon-essentials": "8.2.9",
+ "@storybook/addon-storysource": "8.2.9",
  "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
- "@storybook/blocks": "8.1.6",
- "@storybook/components": "8.1.6",
- "@storybook/manager-api": "8.1.6",
- "@storybook/react": "8.1.6",
- "@storybook/react-webpack5": "8.1.6",
- "@storybook/source-loader": "8.1.6",
+ "@storybook/blocks": "8.2.9",
+ "@storybook/components": "8.2.9",
+ "@storybook/manager-api": "8.2.9",
+ "@storybook/react": "8.2.9",
+ "@storybook/react-webpack5": "8.2.9",
+ "@storybook/source-loader": "8.2.9",
  "@storybook/test-runner": "0.19.1",
- "@storybook/theming": "8.1.6",
+ "@storybook/theming": "8.2.9",
  "@wordpress/babel-preset-default": "8.5.0",
  "@wordpress/base-styles": "5.5.0",
  "@wordpress/block-editor": "14.0.0",
@@ -62,7 +62,7 @@
  "require-from-string": "2.0.2",
  "sass": "1.64.1",
  "sass-loader": "12.4.0",
- "storybook": "8.1.6",
+ "storybook": "8.2.9",
  "storybook-addon-mock": "5.0.0",
  "style-loader": "2.0.0",
  "ts-dedent": "2.2.0",

diff --git a/projects/js-packages/storybook/storybook/main.js b/projects/js-packages/storybook/storybook/main.js
@@ -138,13 +138,13 @@ const sbconfig = {
  typescript: {
  reactDocgen: 'react-docgen-typescript',
  },
- babel: {
+ babel: async () => ( {
  presets: [
  [
  require.resolve( '@automattic/jetpack-webpack-config/babel/preset' ),
  { presetReact: { runtime: 'automatic' } },
  ],
  ],
- },
+ } ),
 };
 export default sbconfig;
diff --git a/projects/packages/my-jetpack/changelog/renovate-storybook-monorepo b/projects/packages/my-jetpack/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/my-jetpack/package.json b/projects/packages/my-jetpack/package.json
@@ -1,7 +1,7 @@
 {
  "private": true,
  "name": "@automattic/jetpack-my-jetpack",
- "version": "4.32.2",
+ "version": "4.32.3-alpha",
  "description": "WP Admin page with information and configuration shared among all Jetpack stand-alone plugins",
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/packages/my-jetpack/#readme",
  "bugs": {
@@ -59,7 +59,7 @@
  "@babel/core": "7.24.7",
  "@babel/preset-env": "7.24.7",
  "@jest/globals": "29.7.0",
- "@storybook/react": "8.1.6",
+ "@storybook/react": "8.2.9",
  "@testing-library/dom": "10.1.0",
  "@testing-library/jest-dom": "6.4.2",
  "@testing-library/react": "15.0.7",
@@ -73,6 +73,7 @@
  "require-from-string": "2.0.2",
  "sass": "1.64.1",
  "sass-loader": "12.4.0",
+ "storybook": "8.2.9",
  "typescript": "5.0.4",
  "webpack": "5.76.0",
  "webpack-cli": "4.9.1"

diff --git a/projects/packages/my-jetpack/src/class-initializer.php b/projects/packages/my-jetpack/src/class-initializer.php
@@ -42,7 +42,7 @@ class Initializer {
  *
  * @var string
  */
- const PACKAGE_VERSION = '4.32.2';
+ const PACKAGE_VERSION = '4.32.3-alpha';
 
  /**
  * HTML container ID for the IDC screen on My Jetpack page.

diff --git a/projects/packages/videopress/changelog/renovate-storybook-monorepo b/projects/packages/videopress/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/videopress/changelog/renovate-storybook-monorepo#2 b/projects/packages/videopress/changelog/renovate-storybook-monorepo#2
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fixed
+Comment: Move `@storybook/addon-actions` to devDependencies.
+
+
diff --git a/projects/packages/videopress/package.json b/projects/packages/videopress/package.json
@@ -1,7 +1,7 @@
 {
  "private": true,
  "name": "@automattic/jetpack-videopress",
- "version": "0.24.0",
+ "version": "0.24.1-alpha",
  "description": "VideoPress package",
  "homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/packages/videopress/#readme",
  "bugs": {
@@ -30,9 +30,10 @@
  "@babel/preset-react": "7.24.7",
  "@csstools/postcss-global-data": "2.1.1",
  "@jest/globals": "29.4.3",
- "@storybook/blocks": "8.1.6",
- "@storybook/preview-api": "8.1.6",
- "@storybook/react": "8.1.6",
+ "@storybook/addon-actions": "8.2.9",
+ "@storybook/blocks": "8.2.9",
+ "@storybook/preview-api": "8.2.9",
+ "@storybook/react": "8.2.9",
  "@testing-library/dom": "10.1.0",
  "@testing-library/react": "15.0.7",
  "@types/jest": "29.5.12",
@@ -50,6 +51,7 @@
  "require-from-string": "2.0.2",
  "sass": "1.64.1",
  "sass-loader": "12.4.0",
+ "storybook": "8.2.9",
  "typescript": "5.0.4",
  "webpack": "5.76.0",
  "webpack-cli": "4.9.1"
@@ -61,7 +63,6 @@
  "@automattic/jetpack-components": "workspace:*",
  "@automattic/jetpack-connection": "workspace:*",
  "@automattic/jetpack-shared-extension-utils": "workspace:*",
- "@storybook/addon-actions": "8.1.6",
  "@wordpress/api-fetch": "7.5.0",
  "@wordpress/blob": "4.5.0",
  "@wordpress/block-editor": "14.0.0",

diff --git a/projects/packages/videopress/src/class-package-version.php b/projects/packages/videopress/src/class-package-version.php
@@ -11,7 +11,7 @@
  * The Package_Version class.
  */
 class Package_Version {
- const PACKAGE_VERSION = '0.24.0';
+ const PACKAGE_VERSION = '0.24.1-alpha';
 
  const PACKAGE_SLUG = 'videopress';
 

diff --git a/projects/plugins/boost/changelog/renovate-storybook-monorepo b/projects/plugins/boost/changelog/renovate-storybook-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/plugins/boost/package.json b/projects/plugins/boost/package.json
@@ -34,7 +34,7 @@
  "@babel/core": "7.24.7",
  "@babel/preset-env": "7.24.7",
  "@babel/preset-react": "7.24.7",
- "@storybook/react": "8.1.6",
+ "@storybook/react": "8.2.9",
  "@types/jest": "29.5.12",
  "@types/jquery": "3.5.30",
  "@wordpress/browserslist-config": "6.5.0",
@@ -48,6 +48,7 @@
  "react-dom": "18.3.1",
  "sass": "1.64.1",
  "sass-loader": "12.4.0",
+ "storybook": "8.2.9",
  "tslib": "2.5.0",
  "typescript": "5.0.4",
  "webpack": "5.76.0",