fix: align storybook deps with 10.0.2 (#362)

Author: fi3ework

pnpm-lock.yaml

@@ -13,10 +13,7 @@ function getAbsolutePath(value: string): any {
 }
 
 const config: StorybookConfig = {
-  stories: [
-    '../stories/**/*.mdx',
-    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-  ],
+  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   framework: {
     name: getAbsolutePath('storybook-react-rsbuild'),
     options: {},
@@ -31,11 +28,10 @@ const config: StorybookConfig = {
       },
     },
     {
-      name: '@module-federation/storybook-addon/preset',
+      name: getAbsolutePath('@module-federation/storybook-addon/preset'),
       options: {
         remotes: {
-          'rslib-module':
-            'rslib-module@http://localhost:3001/mf/mf-manifest.json',
+          'rslib-module': 'rslib-module@http://localhost:3001/mf/mf-manifest.json',
         },
       },
     },

rslib/module-federation/mf-react-component/.storybook/main.ts

@@ -27,7 +27,7 @@
     "http-server": "^14.1.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "storybook": "^9.1.16",
+    "storybook": "^10.0.2",
     "storybook-addon-rslib": "^2.1.3",
     "storybook-react-rsbuild": "^2.1.3"
   },

rslib/module-federation/mf-react-component/package.json

@@ -1,6 +1,9 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
@@ -10,13 +13,10 @@ function getAbsolutePath(value: string): any {
 }
 
 const config: StorybookConfig = {
-  stories: [
-    '../stories/**/*.mdx',
-    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-  ],
+  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
-    '@storybook/addon-docs',
-    '@storybook/addon-onboarding',
+    getAbsolutePath('@storybook/addon-docs'),
+    getAbsolutePath('@storybook/addon-onboarding'),
     {
       name: getAbsolutePath('storybook-addon-rslib'),
     },

rslib/react-storybook/.storybook/main.ts

@@ -22,12 +22,13 @@
     "@rsbuild/core": "~1.6.0",
     "@rsbuild/plugin-react": "^1.4.1",
     "@rslib/core": "^0.17.0",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-onboarding": "^9.1.16",
-    "@storybook/react": "^9.1.16",
+    "@storybook/addon-docs": "^10.0.2",
+    "@storybook/addon-onboarding": "^10.0.2",
+    "@storybook/react": "^10.0.2",
     "@types/react": "^19.2.2",
     "react": "^19.2.0",
-    "storybook": "^9.1.16",
+    "react-dom": "^19.2.0",
+    "storybook": "^10.0.2",
     "storybook-addon-rslib": "^2.1.3",
     "storybook-react-rsbuild": "^2.1.3",
     "typescript": "^5.9.3"

rslib/react-storybook/package.json

@@ -1,6 +1,9 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
@@ -10,13 +13,10 @@ function getAbsolutePath(value) {
 }
 
 const config: StorybookConfig = {
-  stories: [
-    '../stories/**/*.mdx',
-    '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-  ],
+  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
-    '@storybook/addon-docs',
-    '@storybook/addon-onboarding',
+    getAbsolutePath('@storybook/addon-docs'),
+    getAbsolutePath('@storybook/addon-onboarding'),
     {
       name: getAbsolutePath('storybook-addon-rslib'),
     },

rslib/vue-storybook/.storybook/main.ts

@@ -21,11 +21,11 @@
   "devDependencies": {
     "@rsbuild/core": "~1.6.0",
     "@rslib/core": "^0.17.0",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-onboarding": "^9.1.16",
-    "@storybook/vue3": "^9.1.16",
+    "@storybook/addon-docs": "^10.0.2",
+    "@storybook/addon-onboarding": "^10.0.2",
+    "@storybook/vue3": "^10.0.2",
     "rsbuild-plugin-unplugin-vue": "^0.1.0",
-    "storybook": "^9.1.16",
+    "storybook": "^10.0.2",
     "storybook-addon-rslib": "^2.1.3",
     "storybook-vue3-rsbuild": "^2.1.3",
     "typescript": "^5.9.3",