From 5294dd36b1bcfae4ffc1ba7cd79ea47145170a7d Mon Sep 17 00:00:00 2001 From: Valentin Palkovic Date: Mon, 4 Dec 2023 12:40:55 +0100 Subject: [PATCH 1/2] Set engines field to Node.js >= 18 for packages --- code/frameworks/angular/package.json | 2 +- code/frameworks/ember/package.json | 2 +- code/frameworks/html-webpack5/package.json | 2 +- code/frameworks/preact-webpack5/package.json | 2 +- code/frameworks/react-webpack5/package.json | 2 +- code/frameworks/server-webpack5/package.json | 2 +- code/frameworks/svelte-webpack5/package.json | 2 +- code/frameworks/vue-vite/package.json | 2 +- code/frameworks/vue-webpack5/package.json | 2 +- code/frameworks/vue3-webpack5/package.json | 2 +- code/frameworks/web-components-webpack5/package.json | 2 +- code/presets/html-webpack/package.json | 2 +- code/presets/preact-webpack/package.json | 2 +- code/presets/react-webpack/package.json | 2 +- code/presets/server-webpack/package.json | 2 +- code/presets/svelte-webpack/package.json | 2 +- code/presets/vue-webpack/package.json | 2 +- code/presets/vue3-webpack/package.json | 2 +- code/presets/web-components-webpack/package.json | 2 +- code/renderers/html/package.json | 2 +- code/renderers/preact/package.json | 2 +- code/renderers/react/package.json | 2 +- code/renderers/server/package.json | 2 +- code/renderers/svelte/package.json | 2 +- code/renderers/vue/package.json | 2 +- code/renderers/vue3/package.json | 2 +- code/renderers/web-components/package.json | 2 +- 27 files changed, 27 insertions(+), 27 deletions(-) diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json index bdc500c756e..1dc53bb76ac 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 099dd2b7dba..676e8ea4e0a 100644 --- a/code/frameworks/ember/package.json +++ b/code/frameworks/ember/package.json @@ -52,7 +52,7 @@ "ember-source": "~3.28.1" }, "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 e43fe354393..fbd32722dab 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 0a8f66f523a..bf409570fce 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 09ea179cfae..d53862305c6 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 cf3ceea8ae1..a9fccf0d735 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 9e47d3bb34e..5bdefc8297e 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/vue-vite/package.json b/code/frameworks/vue-vite/package.json index 6dbba9abdb0..606711a281d 100644 --- a/code/frameworks/vue-vite/package.json +++ b/code/frameworks/vue-vite/package.json @@ -64,7 +64,7 @@ "vue": "^2.7.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/frameworks/vue-webpack5/package.json b/code/frameworks/vue-webpack5/package.json index adef5761e2e..44ad497bf1d 100644 --- a/code/frameworks/vue-webpack5/package.json +++ b/code/frameworks/vue-webpack5/package.json @@ -68,7 +68,7 @@ "vue-template-compiler": "^2.6.8" }, "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 b3aa121ac81..edb1982d273 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 9a1e8392104..73d47e9b18c 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 d132da4e924..c350768f939 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 26d4e1bb4f6..e38c420e957 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 cca761efa38..3b9412f11af 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 414e03b6f96..70ba5710460 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 fca64af0725..739d568364b 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/vue-webpack/package.json b/code/presets/vue-webpack/package.json index 722871e9831..d3af5fc6d27 100644 --- a/code/presets/vue-webpack/package.json +++ b/code/presets/vue-webpack/package.json @@ -83,7 +83,7 @@ "vue-template-compiler": "^2.6.14" }, "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 6e33886c3a3..f26335fdd3b 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 b374ce7a1c3..727e3f8a4c5 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 577b70f978b..68d3c241f3f 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 5cb86020074..05a772790ea 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 df84d0b10f4..00790314092 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 641bc4e351d..341e1a2ea9e 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 74eae303430..4bec3f88448 100644 --- a/code/renderers/svelte/package.json +++ b/code/renderers/svelte/package.json @@ -71,7 +71,7 @@ "svelte": "^3.1.0 || ^4.0.0" }, "engines": { - "node": ">=16.0.0" + "node": ">=18.0.0" }, "publishConfig": { "access": "public" diff --git a/code/renderers/vue/package.json b/code/renderers/vue/package.json index 62a62528e32..70d70ff2dff 100644 --- a/code/renderers/vue/package.json +++ b/code/renderers/vue/package.json @@ -73,7 +73,7 @@ } }, "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 a7c03354755..69387e6da8d 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 aa621a57895..4114fe84ecc 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" From b6c438a21f23495a512c092cc7bbe02bbce7af22 Mon Sep 17 00:00:00 2001 From: Valentin Palkovic Date: Mon, 11 Dec 2023 16:04:57 +0100 Subject: [PATCH 2/2] Add Node.js dropping note to migration --- MIGRATION.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/MIGRATION.md b/MIGRATION.md index f94f37e15d0..78f0a0c5779 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: