feat: export APIs to support modern.js rsbuild storybook addon (#7233)

Author: zllkjc

.changeset/weak-words-wonder.md

@@ -0,0 +1,8 @@
+---
+'@modern-js/app-tools': patch
+'@modern-js/plugin-v2': patch
+'@modern-js/uni-builder': patch
+---
+
+feat: export APIs to support modern.js rsbuild storybook addon
+feat: 暴露 createStorybookOptions 和 resolveStorybookOptions API 支持 storybook 插件

packages/cli/uni-builder/src/index.ts

@@ -52,3 +52,5 @@ export {
   isHtmlDisabled,
   castArray,
 } from './shared/utils';
+
+export { parseConfig as parseRspackConfig } from './rspack';

packages/solutions/app-tools/package.json

@@ -29,6 +29,11 @@
       },
       "default": "./dist/cjs/index.js"
     },
+    "./builder": {
+      "types": "./dist/types/builder/index.d.ts",
+      "jsnext:source": "./src/builder/index.ts",
+      "default": "./dist/cjs/builder/index.js"
+    },
     "./cli": {
       "types": "./dist/types/index.d.ts",
       "jsnext:source": "./src/index.ts",

packages/solutions/app-tools/src/builder/index.ts

@@ -11,3 +11,10 @@ export async function createBuilderGenerator(bundler: 'webpack' | 'rspack') {
   );
   return createWebpackBuilderForModern;
 }
+
+export { parseRspackConfig } from '@modern-js/uni-builder';
+
+export {
+  builderPluginAdapterBasic,
+  builderPluginAdapterHooks,
+} from './shared/builderPlugins';

packages/toolkit/plugin-v2/package.json

@@ -88,13 +88,13 @@
   "dependencies": {
     "@modern-js/runtime-utils": "workspace:*",
     "@modern-js/utils": "workspace:*",
+    "@modern-js/types": "workspace:*",
     "@swc/helpers": "^0.5.17",
-    "jiti": "1.21.7"
+    "jiti": "1.21.7",
+    "@rsbuild/core": "1.3.22"
   },
   "devDependencies": {
-    "@modern-js/types": "workspace:*",
     "@modern-js/uni-builder": "workspace:*",
-    "@rsbuild/core": "1.3.22",
     "@scripts/build": "workspace:*",
     "@scripts/jest-config": "workspace:*",
     "@types/jest": "^29",

packages/toolkit/plugin-v2/src/cli/index.ts

@@ -34,3 +34,4 @@ export {
   type ServerPluginConfig,
 } from './hooks';
 export { cli, createLoadedConfig, initAppDir, createCli, loadEnv } from './run';
+export { createStorybookOptions } from './run/create';

packages/toolkit/plugin-v2/src/cli/run/create.ts

@@ -178,3 +178,63 @@ export const createCli = <Extends extends CLIPluginExtends>() => {
     getPrevInitOptions: () => initOptions,
   };
 };
+
+// for storybook get config
+type UselessOptions = 'handleSetupResult' | 'command' | 'internalPlugins';
+export const createStorybookOptions = async <Extends extends CLIPluginExtends>(
+  options: Omit<CLIRunOptions<Extends>, UselessOptions>,
+) => {
+  const pluginManager = createPluginManager();
+  pluginManager.clear();
+
+  const { configFile, cwd, metaName = 'modern-js' } = options;
+  const appDirectory = await initAppDir(cwd);
+
+  const loaded = await createLoadedConfig<Extends['config']>(
+    appDirectory,
+    configFile,
+  );
+
+  pluginManager.addPlugins(
+    (loaded.config as unknown as { plugins: Plugin[] }).plugins || [],
+  );
+  const plugins = (await pluginManager.getPlugins()) as CLIPlugin<Extends>[];
+
+  const context = await createContext<Extends>({
+    appContext: initAppContext<Extends>({
+      packageName: loaded.packageName,
+      configFile: loaded.configFile,
+      command: 'storybook',
+      appDirectory,
+      plugins,
+      metaName,
+    }),
+    config: loaded.config,
+    normalizedConfig: {},
+  });
+
+  const pluginAPI = initPluginAPI<Extends>({
+    context,
+    pluginManager,
+  });
+  context.pluginAPI = pluginAPI;
+  // In storybook scenario, we don't need to support old modernjs plugin apis
+  for (const plugin of plugins) {
+    await plugin.setup?.(pluginAPI);
+  }
+
+  const extraConfigs = await context.hooks.config.call();
+
+  const normalizedConfig = await createResolveConfig<
+    Extends['config'],
+    Extends['normalizedConfig']
+  >(loaded, extraConfigs as DeepPartial<Extends['config']>[]);
+
+  const resolved =
+    await context.hooks.modifyResolvedConfig.call(normalizedConfig);
+
+  return {
+    config: resolved || normalizedConfig,
+    getAppContext: () => pluginAPI.getAppContext(),
+  };
+};