storybook-vue3-rsbuild 0.0.1-beta.0 → 0.0.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 fi3ework
+Copyright (c) 2024-present Bytedance, Inc. and its affiliates.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,3 +1 @@
-# Storybook for React & Webpack
-
-See [documentation](https://storybook.js.org/docs/8.0/get-started/react-webpack5?renderer=react) for installation instructions, usage examples, APIs, and more.
+# Storybook for Vue3 & Rsbuild

package/dist/chunk-3EIOPNXP.mjs

@@ -0,0 +1,57 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: () => {
+        return {
+          module: {
+            rules: [
+              {
+                test: /\.vue$/,
+                loader: __require.resolve("vue-docgen-loader", {
+                  // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+                }),
+                enforce: "post",
+                options: {
+                  docgenOptions: {
+                    //   alias: config.resolve?.alias,
+                    ...vueDocgenOptions
+                  }
+                }
+              }
+            ]
+          }
+        };
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-4WQDGMXE.mjs

@@ -0,0 +1,57 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: (config2, { mergeConfig }) => {
+        return {
+          module: {
+            rules: [
+              {
+                test: /\.vue$/,
+                loader: __require.resolve("vue-docgen-loader", {
+                  // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+                }),
+                enforce: "post",
+                options: {
+                  docgenOptions: {
+                    //   alias: config.resolve?.alias,
+                    ...vueDocgenOptions
+                  }
+                }
+              }
+            ]
+          }
+        };
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-5UCYT2FA.mjs

@@ -0,0 +1,66 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  return mergeRsbuildConfig(
+    config,
+    {
+      tools: {
+        rspack: (config2, { addRules, appendPlugins, rspack, mergeConfig }) => {
+          addRules({
+            test: /\.vue$/,
+            use: "vue-docgen-loader",
+            // loader: require.resolve('vue-docgen-loader', {
+            //   paths: [require.resolve('@storybook/preset-vue3-webpack')],
+            // }),
+            enforce: "post",
+            options: {
+              docgenOptions: {
+                alias: config2.resolve?.alias,
+                ...vueDocgenOptions
+              }
+            }
+          });
+        }
+      }
+    }
+    //     config.module?.rules?.push({
+    //       test: /\.vue$/,
+    //       loader: require.resolve('vue-docgen-loader', {
+    //         paths: [require.resolve('@storybook/preset-vue3-webpack')],
+    //       }),
+    //       enforce: 'post',
+    //       options: {
+    //         docgenOptions: {
+    //           alias: config.resolve?.alias,
+    //           ...vueDocgenOptions,
+    //         },
+    //       },
+    //     }),
+  );
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-5ZQEOG4N.mjs

@@ -0,0 +1,50 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  return mergeRsbuildConfig(config, {
+    tools: {
+      rspack: (config2, { addRules, appendPlugins, rspack, mergeConfig }) => {
+        addRules({
+          test: /\.vue$/,
+          use: "vue-docgen-loader",
+          // loader: require.resolve('vue-docgen-loader', {
+          //   paths: [require.resolve('@storybook/preset-vue3-webpack')],
+          // }),
+          enforce: "post",
+          options: {
+            docgenOptions: {
+              alias: config2.resolve?.alias,
+              ...vueDocgenOptions
+            }
+          }
+        });
+      }
+    }
+  });
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-A5GQNXZ2.mjs

@@ -0,0 +1,58 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: (config2, { mergeConfig }) => {
+        console.log("\u{1F46D}", config2);
+        return mergeConfig(config2, {
+          module: {
+            rules: [
+              {
+                test: /\.vue$/,
+                loader: __require.resolve("vue-docgen-loader", {
+                  // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+                }),
+                enforce: "post",
+                options: {
+                  docgenOptions: {
+                    alias: config2.resolve?.alias,
+                    ...vueDocgenOptions
+                  }
+                }
+              }
+            ]
+          }
+        });
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-BWOSHFK4.mjs

@@ -0,0 +1,44 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+var rsbuildFinal = (config, options) => {
+  console.log("\u{1F468}\u200D\u{1F3A4}");
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  config.module?.rules?.push({
+    test: /\.vue$/,
+    loader: __require.resolve("vue-docgen-loader", {
+      paths: [__require.resolve("@storybook/preset-vue3-webpack")]
+    }),
+    enforce: "post",
+    options: {
+      docgenOptions: {
+        alias: config.resolve?.alias,
+        ...vueDocgenOptions
+      }
+    }
+  });
+  return config;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-C26GBKJG.mjs

@@ -0,0 +1,72 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: {
+        module: {
+          rules: [
+            {
+              test: /\.vue$/,
+              use: "vue-docgen-loader",
+              // loader: require.resolve('vue-docgen-loader', {
+              //   paths: [require.resolve('@storybook/preset-vue3-webpack')],
+              // }),
+              enforce: "post",
+              options: {
+                docgenOptions: {
+                  //   alias: config.resolve?.alias,
+                  ...vueDocgenOptions
+                }
+              }
+            }
+          ]
+        }
+      }
+      //   rspack: (config, { addRules, appendPlugins, rspack, mergeConfig }) => {
+      // addRules({
+      //   test: /\.vue$/,
+      //   use: 'vue-docgen-loader',
+      //   // loader: require.resolve('vue-docgen-loader', {
+      //   //   paths: [require.resolve('@storybook/preset-vue3-webpack')],
+      //   // }),
+      //   enforce: 'post',
+      //   options: {
+      //     docgenOptions: {
+      //       alias: config.resolve?.alias,
+      //       ...vueDocgenOptions,
+      //     },
+      //   },
+      // })
+      //   },
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-CDFKRFI5.mjs

@@ -0,0 +1,52 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: (config2, { addRules, appendPlugins, rspack, mergeConfig }) => {
+        addRules({
+          test: /\.vue$/,
+          use: "vue-docgen-loader",
+          // loader: require.resolve('vue-docgen-loader', {
+          //   paths: [require.resolve('@storybook/preset-vue3-webpack')],
+          // }),
+          enforce: "post",
+          options: {
+            docgenOptions: {
+              alias: config2.resolve?.alias,
+              ...vueDocgenOptions
+            }
+          }
+        });
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-CIPUH5EH.mjs

@@ -0,0 +1,56 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      rspack: {
+        module: {
+          rules: [
+            {
+              test: /\.vue$/,
+              //   use: 'vue-docgen-loader',
+              loader: __require.resolve("vue-docgen-loader", {
+                // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+              }),
+              enforce: "post",
+              options: {
+                docgenOptions: {
+                  //   alias: config.resolve?.alias,
+                  ...vueDocgenOptions
+                }
+              }
+            }
+          ]
+        }
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-D6UQSHGU.mjs

@@ -0,0 +1,56 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      //   rspack: {
+      //     module: {
+      //       rules: [
+      //         {
+      //           test: /\.vue$/,
+      //           //   use: 'vue-docgen-loader',
+      //           loader: require.resolve('vue-docgen-loader', {
+      //             // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+      //           }),
+      //           enforce: 'post',
+      //           options: {
+      //             docgenOptions: {
+      //               //   alias: config.resolve?.alias,
+      //               ...vueDocgenOptions,
+      //             },
+      //           },
+      //         },
+      //       ],
+      //     },
+      //   },
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};

package/dist/chunk-DOD3HV6P.mjs

@@ -0,0 +1,71 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/framework-preset-vue3-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  let vueDocgenOptions = {};
+  options.presetsList?.forEach((preset) => {
+    if (preset.name.includes("addon-docs") && preset.options.vueDocgenOptions) {
+      const appendableOptions = preset.options.vueDocgenOptions;
+      vueDocgenOptions = {
+        ...vueDocgenOptions,
+        ...appendableOptions
+      };
+    }
+  });
+  const finalConfig = mergeRsbuildConfig(config, {
+    tools: {
+      //   rspack: {
+      //     module: {
+      //       rules: [
+      //         {
+      //           test: /\.vue$/,
+      //           //   use: 'vue-docgen-loader',
+      //           loader: require.resolve('vue-docgen-loader', {
+      //             // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+      //           }),
+      //           enforce: 'post',
+      //           options: {
+      //             docgenOptions: {
+      //               //   alias: config.resolve?.alias,
+      //               ...vueDocgenOptions,
+      //             },
+      //           },
+      //         },
+      //       ],
+      //     },
+      //   },
+      rspack: (config2, { addRules }) => {
+        addRules({
+          test: /\.vue$/,
+          loader: __require.resolve("vue-docgen-loader", {
+            // paths: [require.resolve('@storybook/preset-vue3-webpack')],
+          }),
+          enforce: "post",
+          options: {
+            docgenOptions: {
+              alias: config2.resolve?.alias,
+              ...vueDocgenOptions
+            }
+          }
+        });
+      }
+    }
+  });
+  console.log("\u{1F463}", finalConfig.tools?.rspack);
+  return finalConfig;
+};
+
+export {
+  __require,
+  rsbuildFinal
+};