feat: Support Storybook 10

BREAKING CHANGE: No longer supports Storybook versions < 10

Author: Sidnioulz

.nvmrc

@@ -1 +1 @@
-lts/jod
+22.19

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "storybook-addon-mock",
+  "name": "storybook-addon-mock-root",
   "description": "A monorepo for storybook-addon-mock",
   "private": true,
   "workspaces": [

packages/mock-addon-docs/.storybook/local-preset.ts

@@ -0,0 +1,17 @@
+import { fileURLToPath } from 'node:url';
+
+export function previewAnnotations(entry = []) {
+    return [
+        ...entry,
+        fileURLToPath(import.meta.resolve('../../mock-addon/dist/preview.js')),
+    ];
+}
+
+export function managerEntries(entry = []) {
+    return [
+        ...entry,
+        fileURLToPath(import.meta.resolve('../../mock-addon/dist/manager.js')),
+    ];
+}
+
+export * from '../../mock-addon/dist/preset.js';

packages/mock-addon-docs/.storybook/main.js renamed to packages/mock-addon-docs/.storybook/main.ts

@@ -1,16 +1,12 @@
-import { createRequire } from 'node:module';
-import { dirname, join } from 'node:path';
 import remarkGfm from 'remark-gfm';
 
-const require = createRequire(import.meta.url);
 const config = {
     stories: [
         '../stories/**/*.mdx',
         '../stories/**/stories.@(js|jsx|mjs|ts|tsx)',
     ],
 
     addons: [
-        getAbsolutePath('../../mock-addon/src/preset/manager.js'),
         '@storybook/addon-links',
         {
             name: '@storybook/addon-docs',
@@ -22,6 +18,7 @@ const config = {
                 },
             },
         },
+        import.meta.resolve('./local-preset.ts'),
     ],
 
     framework: {
@@ -30,11 +27,3 @@ const config = {
     },
 };
 export default config;
-
-function getAbsolutePath(value) {
-    if (value.startsWith('.') || value.startsWith('/')) {
-        return require.resolve(value);
-    }
-
-    return dirname(require.resolve(join(value, 'package.json')));
-}

packages/mock-addon-docs/.storybook/preview.jsx renamed to packages/mock-addon-docs/.storybook/preview.tsx

@@ -1,10 +1,8 @@
-import {withRoundTrip} from "storybook-addon-mock/src/withRoundTrip";
-
 const Preview = {
   parameters: {
     options: {
       storySort: {
-        order: ['Docs', ['Introduction', 'Installation', 'User guide']],
+        order: ['Docs', ['Introduction', 'Installation', 'Advanced setup', 'User guide']],
         includeName: true
       }
     },
@@ -14,7 +12,6 @@ const Preview = {
       disableUsingOriginal: false,
     },
   },
-  decorators: [withRoundTrip],
 }
 
 export default Preview

packages/mock-addon-docs/package.json

@@ -15,12 +15,12 @@
     "author": "Farhad Yasir(nutboltu)",
     "license": "MIT",
     "devDependencies": {
-        "@storybook/addon-docs": "^9.0.12",
-        "@storybook/addon-links": "^9.0.12",
-        "@storybook/react-vite": "^9.0.12",
+        "@storybook/addon-docs": "next",
+        "@storybook/addon-links": "next",
+        "@storybook/react-vite": "next",
         "@storybook/storybook-deployer": "^2.8.16",
         "remark-gfm": "^4.0.1",
-        "storybook": "^9.0.12"
+        "storybook": "next"
     },
     "dependencies": {
         "axios": "^1.8.2",

packages/mock-addon/.babelrc.js

@@ -1,3 +1,6 @@
+# zx environment
+scripts/prepublish-checks.js
+
 # dependencies
 node_modules
 

packages/mock-addon/.eslintignore

@@ -4,6 +4,7 @@
       "plugin:react/recommended",
       "plugin:prettier/recommended"
     ],
+    "root": true,
     "parser": "@babel/eslint-parser",
     "parserOptions": {
       "requireConfigFile": false,
@@ -12,6 +13,11 @@
         "modules": true
       }
     },
+    "settings": {
+      "react": {
+        "version": "detect"
+      }
+    },
     "env": {
       "browser": true,
       "es6": true,