Merge pull request #19 from strozw/fix/example

fix: Update storybook to make example work

Author: valentinpalkovic

README.md

@@ -3,7 +3,6 @@
 This is a Vite plugin that allows you to use Next.js features in Vite. It is the basis for `@storybook/experimental-nextjs-vite` and should be used when running portable stories in Vitest.
 
 ## Features
-
 - **Next.js Integration**: Seamlessly integrate Next.js features into your Vite project.
 - **Storybook Compatibility**: Acts as the foundation for [the `@storybook/experimental-nextjs-vite` framework](https://storybook.js.org/docs/get-started/frameworks/nextjs#with-vite), enabling you to use Storybook with Next.js in a Vite environment.
 - **Portable Stories**: Ideal for running portable stories in Vitest, ensuring your components are tested in an environment that closely mirrors production.
@@ -116,12 +115,12 @@ When testing components that rely on Next.js Server Actions, you need to ensure
 
    ```ts
    // vitest.config.ts
-   import { defineConfig } from "vite";
+   import { defineConfig } from "vitest/config";
    import nextjs from "vite-plugin-storybook-nextjs";
 
    export default defineConfig({
      plugins: [nextjs()],
-     vitest: {
+     test: {
        environment: "jsdom", // 👈 Add this
      },
    });

example/.storybook/vitest.config.mts

@@ -1,6 +1,6 @@
 import path from "node:path";
 import url from "node:url";
-import { storybookTest } from "@storybook/experimental-addon-test/vite-plugin";
+import { storybookTest } from "@storybook/experimental-addon-test/vitest-plugin";
 import { storybookNextJsPlugin } from "@storybook/experimental-nextjs-vite/vite-plugin";
 import Inspect from "vite-plugin-inspect";
 import { defineConfig } from "vitest/config";
@@ -9,10 +9,10 @@ const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
 
 export default defineConfig({
   plugins: [
-    storybookNextJsPlugin({ dir: path.join(__dirname, "..") }),
     storybookTest({
       configDir: __dirname,
     }),
+    storybookNextJsPlugin({ dir: path.join(__dirname, "..") }),
     Inspect({ build: true, outputDir: ".vite-inspect" }),
   ],
   test: {

example/package.json

@@ -21,18 +21,18 @@
     "styled-jsx": "^5.1.6"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
-    "@storybook/addon-actions": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/addon-essentials": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/addon-interactions": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/addon-links": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/addon-onboarding": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/addon-toolbars": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/blocks": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/experimental-nextjs-vite": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/experimental-addon-test": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/react": "0.0.0-pr-29044-sha-67f91ec6",
-    "@storybook/test": "0.0.0-pr-29044-sha-67f91ec6",
+    "@chromatic-com/storybook": "^2.0.2",
+    "@storybook/addon-actions": "^8.3.1",
+    "@storybook/addon-essentials": "^8.3.1",
+    "@storybook/addon-interactions": "^8.3.1",
+    "@storybook/addon-links": "^8.3.1",
+    "@storybook/addon-onboarding": "^8.3.1",
+    "@storybook/addon-toolbars": "^8.3.1",
+    "@storybook/blocks": "^8.3.1",
+    "@storybook/experimental-addon-test": "^8.3.1",
+    "@storybook/experimental-nextjs-vite": "^8.3.1",
+    "@storybook/react": "^8.3.1",
+    "@storybook/test": "^8.3.1",
     "@testing-library/dom": "^10.3.2",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
@@ -48,7 +48,7 @@
     "playwright": "^1.45.3",
     "postcss": "^8.4.38",
     "serve": "^14.2.3",
-    "storybook": "0.0.0-pr-29044-sha-67f91ec6",
+    "storybook": "^8.3.1",
     "tailwindcss": "^3.4.4",
     "typescript": "^5",
     "vite-plugin-inspect": "^0.8.5",

package.json

@@ -75,7 +75,7 @@
     "react": "^18",
     "rollup": "^4.18.0",
     "sharp": "^0.33.4",
-    "storybook": "8.3.0-alpha.3",
+    "storybook": "^8.3.0",
     "tsup": "^8.1.0",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",