storybookjs · valentinpalkovic · Dec 11, 2023 · Dec 4, 2023 · Dec 4, 2023 · Dec 6, 2023
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -71,7 +71,7 @@
     "lit": "^2.0.0 || ^3.0.0"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"