Merge pull request #25105 from storybookjs/valentin/set-engines-field-to-node-18

Maintenance: Set engines field to Node.js >= 18 for packages

Author: valentinpalkovic

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:

code/frameworks/angular/package.json

@@ -111,7 +111,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/frameworks/html-webpack5/package.json

@@ -61,7 +61,7 @@
     "@babel/core": "*"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/frameworks/react-webpack5/package.json

@@ -70,7 +70,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/frameworks/svelte-webpack5/package.json

@@ -63,7 +63,7 @@
     "svelte-loader": "*"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

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"

code/presets/html-webpack/package.json

@@ -61,7 +61,7 @@
     "@babel/core": "*"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/presets/react-webpack/package.json

@@ -104,7 +104,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/presets/svelte-webpack/package.json

@@ -80,7 +80,7 @@
     "svelte-loader": "*"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

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"

code/renderers/html/package.json

@@ -60,7 +60,7 @@
     "@babel/core": "*"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

code/renderers/react/package.json

@@ -87,7 +87,7 @@
     }
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public"

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"

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"

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"

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"