@modern-js/storybook-builder 0.0.0-next-20231114034808 → 0.0.0-next-20231114124526

package/dist/cjs/plugin-storybook.js

@@ -89,6 +89,7 @@ const pluginStorybook = (cwd, options) => {
         await applyCsfPlugin(config, options);
       };
       if ("modifyWebpackConfig" in api) {
+        addonAdapter(api, options);
         api.modifyWebpackConfig(modifyConfig);
         api.modifyWebpackChain(async (chain) => {
           await (0, import_docgen.applyDocgenWebpack)(chain, options);
@@ -330,6 +331,56 @@ async function watchStories(patterns, cwd, writeModule) {
   ]);
   return watcher;
 }
+async function addonAdapter(api, options) {
+  const { presets } = options;
+  api.modifyBuilderConfig(async (finalConfig) => {
+    var _finalConfig, _finalConfig_tools;
+    const babelOptions = await presets.apply("babel", {}, {
+      ...options
+    });
+    var _tools;
+    (_tools = (_finalConfig = finalConfig).tools) !== null && _tools !== void 0 ? _tools : _finalConfig.tools = {};
+    var _babel;
+    (_babel = (_finalConfig_tools = finalConfig.tools).babel) !== null && _babel !== void 0 ? _babel : _finalConfig_tools.babel = {};
+    finalConfig.tools.babel = (config) => {
+      const getPluginName = (plugin) => Array.isArray(plugin) ? plugin[0] : plugin;
+      const getOptions = (plugin) => Array.isArray(plugin) ? plugin[1] : null;
+      const replaceOrInsert = (plugin, plugins) => {
+        const pluginName = getPluginName(plugin);
+        const append = [];
+        for (let i = 0; i < plugins.length; i++) {
+          if (getPluginName(plugins[i]) === pluginName) {
+            if (getOptions(plugin)) {
+              import_utils.logger.info("Detected duplicated babel plugin, overrides with the new one");
+              plugins[i] = plugin;
+            }
+          } else {
+            append.push(plugin);
+          }
+        }
+        plugins.push(...append);
+      };
+      const currentPlugins = config.plugins || [];
+      for (const plugin of babelOptions.plugins || []) {
+        replaceOrInsert(plugin, currentPlugins);
+      }
+      return {
+        ...config,
+        ...babelOptions,
+        plugins: currentPlugins,
+        presets: config.presets,
+        overrides: [
+          ...config.overrides || [],
+          ...babelOptions.overrides || []
+        ]
+      };
+    };
+  });
+  api.modifyWebpackConfig(async (config) => {
+    const finalDefaultConfig = await presets.apply("webpackFinal", config, options);
+    return finalDefaultConfig;
+  });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   finalize,

package/dist/esm/plugin-storybook.js

@@ -1,5 +1,11 @@
 import { isAbsolute, join, resolve } from "path";
-import { slash, watch, globby, applyOptionsChain } from "@modern-js/utils";
+import {
+  slash,
+  watch,
+  globby,
+  applyOptionsChain,
+  logger
+} from "@modern-js/utils";
 import {
   mergeBuilderConfig
 } from "@modern-js/builder-shared";
@@ -73,6 +79,7 @@ const pluginStorybook = (cwd, options) => {
         await applyCsfPlugin(config, options);
       };
       if ("modifyWebpackConfig" in api) {
+        addonAdapter(api, options);
         api.modifyWebpackConfig(modifyConfig);
         api.modifyWebpackChain(async (chain) => {
           await applyDocgenWebpack(chain, options);
@@ -346,6 +353,58 @@ async function watchStories(patterns, cwd, writeModule) {
   );
   return watcher;
 }
+async function addonAdapter(api, options) {
+  const { presets } = options;
+  api.modifyBuilderConfig(async (finalConfig) => {
+    var _a, _b, _c;
+    const babelOptions = await presets.apply("babel", {}, { ...options });
+    (_a = finalConfig.tools) != null ? _a : finalConfig.tools = {};
+    (_c = (_b = finalConfig.tools).babel) != null ? _c : _b.babel = {};
+    finalConfig.tools.babel = (config) => {
+      const getPluginName = (plugin) => Array.isArray(plugin) ? plugin[0] : plugin;
+      const getOptions = (plugin) => Array.isArray(plugin) ? plugin[1] : null;
+      const replaceOrInsert = (plugin, plugins) => {
+        const pluginName = getPluginName(plugin);
+        const append = [];
+        for (let i = 0; i < plugins.length; i++) {
+          if (getPluginName(plugins[i]) === pluginName) {
+            if (getOptions(plugin)) {
+              logger.info(
+                "Detected duplicated babel plugin, overrides with the new one"
+              );
+              plugins[i] = plugin;
+            }
+          } else {
+            append.push(plugin);
+          }
+        }
+        plugins.push(...append);
+      };
+      const currentPlugins = config.plugins || [];
+      for (const plugin of babelOptions.plugins || []) {
+        replaceOrInsert(plugin, currentPlugins);
+      }
+      return {
+        ...config,
+        ...babelOptions,
+        plugins: currentPlugins,
+        presets: config.presets,
+        overrides: [
+          ...config.overrides || [],
+          ...babelOptions.overrides || []
+        ]
+      };
+    };
+  });
+  api.modifyWebpackConfig(async (config) => {
+    const finalDefaultConfig = await presets.apply(
+      "webpackFinal",
+      config,
+      options
+    );
+    return finalDefaultConfig;
+  });
+}
 export {
   finalize,
   pluginStorybook

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/storybook-builder",
-  "version": "0.0.0-next-20231114034808",
+  "version": "0.0.0-next-20231114124526",
   "description": "modern.js support for storybook",
   "repository": {
     "type": "git",
@@ -71,11 +71,11 @@
     "serve-static": "^1.14.1",
     "tinypool": "^0.8.0",
     "webpack-hot-middleware": "^2.25.4",
-    "@modern-js/builder": "0.0.0-next-20231114034808",
-    "@modern-js/runtime": "0.0.0-next-20231114034808",
-    "@modern-js/core": "0.0.0-next-20231114034808",
-    "@modern-js/builder-shared": "0.0.0-next-20231114034808",
-    "@modern-js/utils": "0.0.0-next-20231114034808"
+    "@modern-js/builder": "0.0.0-next-20231114124526",
+    "@modern-js/builder-shared": "0.0.0-next-20231114124526",
+    "@modern-js/runtime": "0.0.0-next-20231114124526",
+    "@modern-js/core": "0.0.0-next-20231114124526",
+    "@modern-js/utils": "0.0.0-next-20231114124526"
   },
   "devDependencies": {
     "@storybook/types": "^7.5.1",
@@ -83,10 +83,10 @@
     "@types/serve-static": "^1.13.10",
     "@types/webpack-hot-middleware": "^2.25.6",
     "typescript": "^5.2.2",
-    "@modern-js/builder-rspack-provider": "0.0.0-next-20231114034808",
-    "@modern-js/builder-webpack-provider": "0.0.0-next-20231114034808",
-    "@scripts/build": "0.0.0-next-20231114034808",
-    "@modern-js/core": "0.0.0-next-20231114034808"
+    "@modern-js/builder-webpack-provider": "0.0.0-next-20231114124526",
+    "@modern-js/builder-rspack-provider": "0.0.0-next-20231114124526",
+    "@scripts/build": "0.0.0-next-20231114124526",
+    "@modern-js/core": "0.0.0-next-20231114124526"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",