From 962aa7606a5d7c3f37a0ea56217c92bed645858a Mon Sep 17 00:00:00 2001
From: Colum Ferry <cferry09@gmail.com>
Date: Wed, 2 Apr 2025 13:31:14 +0100
Subject: [PATCH] feat(storybook): migrate to latest storybook 8 version
 (#30584)

## Current Behavior
There is an issue in the most recent versions of Storybook 8.4 where
expected symbols are not exported correctly.

## Expected Behavior
Migrate to latest Storybook 8.6 to ensure these symbols are correctly
exported to ensure Storybook runs smoothly
---
 docs/generated/manifests/nx-api.json          |  10 +
 docs/generated/packages-metadata.json         |  10 +
 .../migrations/20.8.0-package-updates.json    | 262 ++++++++++++++++++
 packages/storybook/migrations.json            | 257 +++++++++++++++++
 packages/storybook/src/utils/versions.ts      |   6 +-
 5 files changed, 542 insertions(+), 3 deletions(-)
 create mode 100644 docs/generated/packages/storybook/migrations/20.8.0-package-updates.json

diff --git a/docs/generated/manifests/nx-api.json b/docs/generated/manifests/nx-api.json
index 57b4ffa419..9463b33d74 100644
--- a/docs/generated/manifests/nx-api.json
+++ b/docs/generated/manifests/nx-api.json
@@ -5440,6 +5440,16 @@
       }
     },
     "migrations": {
+      "/nx-api/storybook/migrations/20.8.0-package-updates": {
+        "description": "",
+        "file": "generated/packages/storybook/migrations/20.8.0-package-updates.json",
+        "hidden": false,
+        "name": "20.8.0-package-updates",
+        "version": "20.8.0-beta.0",
+        "originalFilePath": "/packages/storybook",
+        "path": "/nx-api/storybook/migrations/20.8.0-package-updates",
+        "type": "migration"
+      },
       "/nx-api/storybook/migrations/20.2.0-package-updates": {
         "description": "",
         "file": "generated/packages/storybook/migrations/20.2.0-package-updates.json",
diff --git a/docs/generated/packages-metadata.json b/docs/generated/packages-metadata.json
index 78f1e2d805..25ec0194c5 100644
--- a/docs/generated/packages-metadata.json
+++ b/docs/generated/packages-metadata.json
@@ -5407,6 +5407,16 @@
       }
     ],
     "migrations": [
+      {
+        "description": "",
+        "file": "generated/packages/storybook/migrations/20.8.0-package-updates.json",
+        "hidden": false,
+        "name": "20.8.0-package-updates",
+        "version": "20.8.0-beta.0",
+        "originalFilePath": "/packages/storybook",
+        "path": "storybook/migrations/20.8.0-package-updates",
+        "type": "migration"
+      },
       {
         "description": "",
         "file": "generated/packages/storybook/migrations/20.2.0-package-updates.json",
diff --git a/docs/generated/packages/storybook/migrations/20.8.0-package-updates.json b/docs/generated/packages/storybook/migrations/20.8.0-package-updates.json
new file mode 100644
index 0000000000..84e8f82142
--- /dev/null
+++ b/docs/generated/packages/storybook/migrations/20.8.0-package-updates.json
@@ -0,0 +1,262 @@
+{
+  "name": "20.8.0-package-updates",
+  "version": "20.8.0-beta.0",
+  "packages": {
+    "@storybook/test-runner": {
+      "version": "^0.22.0",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/core-server": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/angular": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/react": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/react-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/react-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/web-components-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/web-components-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-a11y": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-actions": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-backgrounds": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-controls": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-docs": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-essentials": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-interactions": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-mdx-gfm": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-highlight": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-jest": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-links": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-measure": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-outline": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-storysource": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-toolbars": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-viewport": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/vue3": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/vue3-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-onboarding": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/addon-themes": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/blocks": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/builder-manager": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/builder-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/cli": { "version": "^8.6.11", "alwaysAddToPackageJson": false },
+    "@storybook/components": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/core": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/core-common": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/core-events": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/core-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/csf-tools": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/html": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/html-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/html-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/manager": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/manager-api": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/nextjs": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preact": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preact-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preact-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-create-react-app": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-html-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-preact-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-react-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-server-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/preset-vue3-webpack": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/router": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/server": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/server-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/svelte": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/svelte-vite": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/sveltekit": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/theming": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/types": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/vue3-webpack5": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    },
+    "@storybook/web-components": {
+      "version": "^8.6.11",
+      "alwaysAddToPackageJson": false
+    }
+  },
+  "aliases": [],
+  "description": "",
+  "hidden": false,
+  "implementation": "",
+  "path": "/packages/storybook",
+  "schema": null,
+  "type": "migration"
+}
diff --git a/packages/storybook/migrations.json b/packages/storybook/migrations.json
index 9161120856..346d7d1897 100644
--- a/packages/storybook/migrations.json
+++ b/packages/storybook/migrations.json
@@ -730,6 +730,263 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "20.8.0": {
+      "version": "20.8.0-beta.0",
+      "packages": {
+        "@storybook/test-runner": {
+          "version": "^0.22.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/core-server": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/angular": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/react": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/react-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/react-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/web-components-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/web-components-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-a11y": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-actions": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-backgrounds": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-controls": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-docs": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-essentials": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-interactions": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-mdx-gfm": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-highlight": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-jest": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-links": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-measure": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-outline": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-storysource": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-toolbars": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-viewport": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/vue3": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/vue3-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-onboarding": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/addon-themes": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/blocks": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/builder-manager": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/builder-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/cli": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/components": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/core": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/core-common": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/core-events": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/core-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/csf-tools": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/html": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/html-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/html-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/manager": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/manager-api": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/nextjs": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preact": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preact-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preact-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-create-react-app": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-html-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-preact-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-react-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-server-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/preset-vue3-webpack": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/router": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/server": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/server-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/svelte": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/svelte-vite": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/sveltekit": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/theming": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/types": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/vue3-webpack5": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@storybook/web-components": {
+          "version": "^8.6.11",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }
diff --git a/packages/storybook/src/utils/versions.ts b/packages/storybook/src/utils/versions.ts
index e3833ca1de..7fab78e6f5 100644
--- a/packages/storybook/src/utils/versions.ts
+++ b/packages/storybook/src/utils/versions.ts
@@ -1,13 +1,13 @@
 export const nxVersion = require('../../package.json').version;
-export const storybookTestRunnerVersion = '^0.19.0';
+export const storybookTestRunnerVersion = '^0.22.0';
 export const storybookTestingLibraryVersion = '^0.2.2';
 export const storybookJestVersion = '^0.2.3';
 export const litVersion = '^2.6.1';
 export const tsNodeVersion = '10.9.1';
 export const tsLibVersion = '^2.3.0';
 
-export const storybookVersion = '^8.4.6';
+export const storybookVersion = '^8.6.11';
 export const reactVersion = '^18.2.0';
-export const viteVersion = '^5.0.0';
+export const viteVersion = '^6.0.0';
 
 export const coreJsVersion = '^3.36.1';