Merge pull request #27 from storybookjs/yann/next-15-support

feat: Add Next.js 15 support

Author: yannbf

.npmrc

@@ -0,0 +1 @@
+hoist-workspace-packages=false

example/.storybook/main.ts

@@ -3,8 +3,6 @@ import type { StorybookConfig } from "@storybook/experimental-nextjs-vite";
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
-    "@storybook/addon-onboarding",
-    "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@chromatic-com/storybook",
     "@storybook/experimental-addon-test",

example/package.json

@@ -15,29 +15,28 @@
     "inspect": "serve .storybook/.vite-inspect"
   },
   "dependencies": {
-    "next": "14.2.5",
-    "react": "^18",
-    "react-dom": "^18",
+    "next": "^15.0.3",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
     "styled-jsx": "^5.1.6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-actions": "^8.4.1",
-    "@storybook/addon-essentials": "^8.4.1",
-    "@storybook/addon-links": "^8.4.1",
-    "@storybook/addon-onboarding": "^8.4.1",
-    "@storybook/addon-toolbars": "^8.4.1",
-    "@storybook/blocks": "^8.4.1",
-    "@storybook/experimental-addon-test": "^8.4.1",
-    "@storybook/experimental-nextjs-vite": "^8.4.1",
-    "@storybook/react": "^8.4.1",
-    "@storybook/test": "^8.4.1",
+    "@storybook/addon-actions": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/addon-essentials": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/addon-toolbars": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/blocks": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/experimental-addon-test": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/experimental-nextjs-vite": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/react": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/test": "0.0.0-pr-29640-sha-3521df0d",
+    "@storybook/nextjs": "0.0.0-pr-29640-sha-3521df0d",
     "@testing-library/dom": "^10.3.2",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@vitest/browser": "^2.1.4",
     "autoprefixer": "^10.4.19",
     "bootstrap": "^5.3.3",
@@ -47,7 +46,7 @@
     "playwright": "^1.45.3",
     "postcss": "^8.4.38",
     "serve": "^14.2.3",
-    "storybook": "^8.4.1",
+    "storybook": "0.0.0-pr-29640-sha-3521df0d",
     "tailwindcss": "^3.4.4",
     "typescript": "^5",
     "vite-plugin-inspect": "^0.8.5",

package.json

@@ -39,6 +39,7 @@
     "./browser/mocks/legacy-image": "./dist/plugins/next-image/alias/next-legacy-image.js",
     "./browser/mocks/image-default-loader": "./dist/plugins/next-image/alias/image-default-loader.js",
     "./browser/mocks/image-context": "./dist/plugins/next-image/alias/image-context.js",
+    "./browser/mocks/draft-mode.compat": "./dist/plugins/next-mocks/compatibility/draft-mode.compat.js",
     "./node/mocks/cache": "./dist/plugins/next-mocks/alias/cache/index.cjs",
     "./node/mocks/navigation": "./dist/plugins/next-mocks/alias/navigation/index.cjs",
     "./node/mocks/headers": "./dist/plugins/next-mocks/alias/headers/index.cjs",
@@ -48,7 +49,8 @@
     "./node/mocks/image": "./dist/plugins/next-image/alias/next-image.cjs",
     "./node/mocks/legacy-image": "./dist/plugins/next-image/alias/next-legacy-image.cjs",
     "./node/mocks/image-default-loader": "./dist/plugins/next-image/alias/image-default-loader.cjs",
-    "./node/mocks/image-context": "./dist/plugins/next-image/alias/image-context.cjs"
+    "./node/mocks/image-context": "./dist/plugins/next-image/alias/image-context.cjs",
+    "./node/mocks/draft-mode.compat": "./dist/plugins/next-mocks/compatibility/draft-mode.compat.cjs"
   },
   "scripts": {
     "prepublishOnly": "pnpm build",
@@ -60,7 +62,7 @@
   },
   "peerDependencies": {
     "@storybook/test": "^8.3.0",
-    "next": "^14.1.0",
+    "next": "^14.1.0 || ^15.0.0",
     "storybook": "^8.3.0",
     "vite": "^5.0.0"
   },
@@ -69,11 +71,13 @@
     "@storybook/test": "^8.3.0",
     "@types/node": "^18",
     "@types/react": "^18",
+    "@types/semver": "^7.5.8",
     "auto": "^11.2.0",
     "lefthook": "^1.6.16",
-    "next": "^14.2.5",
-    "react": "^18",
+    "next": "^15.0.3",
+    "react": "19.0.0-rc-66855b96-20241106",
     "rollup": "^4.18.0",
+    "semver": "^7.6.3",
     "sharp": "^0.33.4",
     "storybook": "^8.3.0",
     "tsup": "^8.1.0",
@@ -83,7 +87,7 @@
   },
   "packageManager": "[email protected]",
   "dependencies": {
-    "@next/env": "^14.2.5",
+    "@next/env": "^15.0.3",
     "image-size": "^1.1.1",
     "magic-string": "^0.30.11",
     "module-alias": "^2.2.3",