diff --git a/MIGRATION.md b/MIGRATION.md index f94f37e15d0e..78f0a0c5779f 100644 --- a/MIGRATION.md +++ b/MIGRATION.md @@ -3,6 +3,7 @@ - [From version 7.x to 8.0.0](#from-version-7x-to-800) - [Implicit actions can not be used during rendering (for example in the play function)](#implicit-actions-can-not-be-used-during-rendering-for-example-in-the-play-function) - [Core changes](#core-changes) + - [Dropping support for Node.js 16](#dropping-support-for-nodejs-16) - [Autotitle breaking fixes](#autotitle-breaking-fixes) - [React v18 in the manager UI (including addons)](#react-v18-in-the-manager-ui-including-addons) - [Storyshots has been removed](#storyshots-has-been-removed) @@ -380,6 +381,10 @@ To summarize: ### Core changes +#### Dropping support for Node.js 16 + +In Storybook 8, we have dropped Node.js 16 support since it reached end-of-life on 2023-09-11. Storybook 8 supports Node.js 18 and above. + #### Autotitle breaking fixes In Storybook 7, the file name `path/to/foo.bar.stories.js` would result in the [autotitle](https://storybook.js.org/docs/react/configure/overview#configure-story-loading) `path/to/foo`. In 8.0, this has been changed to generate `path/to/foo.bar`. We consider this a bugfix but it is also a breaking change if you depended on the old behavior. To get the old titles, you can manually specify the desired title in the default export of your story file. For example: diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json index 5ccb6476b4cd..721845b73330 100644 --- a/code/frameworks/angular/package.json +++ b/code/frameworks/angular/package.json @@ -111,7 +111,7 @@ } }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json index 588a9c4531ca..21ab61a70852 100644 --- a/code/frameworks/ember/package.json +++ b/code/frameworks/ember/package.json @@ -54,7 +54,7 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json index 8a5366e23265..63af002b586d 100644 --- a/code/frameworks/html-webpack5/package.json +++ b/code/frameworks/html-webpack5/package.json @@ -61,7 +61,7 @@ "@babel/core": "*" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json index c101da59d6df..80016a924619 100644 --- a/code/frameworks/preact-webpack5/package.json +++ b/code/frameworks/preact-webpack5/package.json @@ -62,7 +62,7 @@ "preact": "^8.0.0||^10.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json index 9ed7e7708167..0dfd173b7805 100644 --- a/code/frameworks/react-webpack5/package.json +++ b/code/frameworks/react-webpack5/package.json @@ -70,7 +70,7 @@ } }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json index 6b7a6efb9cd7..b1263e616477 100644 --- a/code/frameworks/server-webpack5/package.json +++ b/code/frameworks/server-webpack5/package.json @@ -57,7 +57,7 @@ "typescript": "^5.3.2" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json index 0fc796c458bd..d55ceab4a05c 100644 --- a/code/frameworks/svelte-webpack5/package.json +++ b/code/frameworks/svelte-webpack5/package.json @@ -63,7 +63,7 @@ "svelte-loader": "*" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json index 3dbd5531be78..95ee5fe3ce0e 100644 --- a/code/frameworks/vue3-webpack5/package.json +++ b/code/frameworks/vue3-webpack5/package.json @@ -65,7 +65,7 @@ "vue": "^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json index 4691704366e7..d073a14c47b4 100644 --- a/code/frameworks/web-components-webpack5/package.json +++ b/code/frameworks/web-components-webpack5/package.json @@ -65,7 +65,7 @@ "lit": "^2.0.0 || ^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json index 2af60b4cffe2..7a9712a1e91e 100644 --- a/code/presets/html-webpack/package.json +++ b/code/presets/html-webpack/package.json @@ -61,7 +61,7 @@ "@babel/core": "*" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json index edd3feffcefc..d142ea1c9c49 100644 --- a/code/presets/preact-webpack/package.json +++ b/code/presets/preact-webpack/package.json @@ -63,7 +63,7 @@ "preact": "^8.0.0||^10.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json index 71ea61105ad3..e1b4bfaab418 100644 --- a/code/presets/react-webpack/package.json +++ b/code/presets/react-webpack/package.json @@ -104,7 +104,7 @@ } }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json index ed780a421e4c..4ff7501257ff 100644 --- a/code/presets/server-webpack/package.json +++ b/code/presets/server-webpack/package.json @@ -70,7 +70,7 @@ "yaml": "^2.3.1" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json index e91d5f5d07c6..b7d4ae0299b3 100644 --- a/code/presets/svelte-webpack/package.json +++ b/code/presets/svelte-webpack/package.json @@ -80,7 +80,7 @@ "svelte-loader": "*" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json index 9a087a0e7aae..678f9e450a13 100644 --- a/code/presets/vue3-webpack/package.json +++ b/code/presets/vue3-webpack/package.json @@ -80,7 +80,7 @@ "vue": "^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/presets/web-components-webpack/package.json b/code/presets/web-components-webpack/package.json index baf6e3dfae9e..7cc49849f572 100644 --- a/code/presets/web-components-webpack/package.json +++ b/code/presets/web-components-webpack/package.json @@ -68,7 +68,7 @@ "lit": "^2.0.0 || ^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json index b2707af5b1e8..1c7f013e79b8 100644 --- a/code/renderers/html/package.json +++ b/code/renderers/html/package.json @@ -60,7 +60,7 @@ "@babel/core": "*" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json index 1f42394b3b51..9017b1dd5f3a 100644 --- a/code/renderers/preact/package.json +++ b/code/renderers/preact/package.json @@ -60,7 +60,7 @@ "preact": "^8.0.0||^10.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json index 7e9d337efb11..d40a45da3483 100644 --- a/code/renderers/react/package.json +++ b/code/renderers/react/package.json @@ -87,7 +87,7 @@ } }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json index 3a7879678fd6..098b055332dc 100644 --- a/code/renderers/server/package.json +++ b/code/renderers/server/package.json @@ -60,7 +60,7 @@ "typescript": "^5.3.2" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json index ba2c0e6390dd..1c8ed067703e 100644 --- a/code/renderers/svelte/package.json +++ b/code/renderers/svelte/package.json @@ -71,7 +71,7 @@ "svelte": "^4.0.0 || ^5.0.0-next.16" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json index f5fe887f9851..e20e632b8b18 100644 --- a/code/renderers/vue3/package.json +++ b/code/renderers/vue3/package.json @@ -71,7 +71,7 @@ "vue": "^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json index bce39dd3465c..3e4ecab10fee 100644 --- a/code/renderers/web-components/package.json +++ b/code/renderers/web-components/package.json @@ -71,7 +71,7 @@ "lit": "^2.0.0 || ^3.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public"