storybook-vue3-rsbuild 0.0.1 → 0.0.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024-present Bytedance, Inc. and its affiliates.
+Copyright (c) 2024 Rspack Contrib
 
 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 +1,3 @@
-# Storybook for Vue3 & Rsbuild
+# storybook-vue3-rsbuild
+
+Check out [rspack-contrib/storybook-rsbuild](https://github.com/rspack-contrib/storybook-rsbuild) for documentation.

package/package.json

@@ -1,10 +1,21 @@
 {
   "name": "storybook-vue3-rsbuild",
-  "version": "0.0.1",
-  "description": "Storybook for Vue3: Develop React Component in isolation with Hot Reloading.",
+  "version": "0.0.3",
+  "description": "Storybook for Vue3 and Rsbuild: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
-    "storybook"
+    "storybook",
+    "rsbuild",
+    "rspack",
+    "vue3"
   ],
+  "bugs": {
+    "url": "https://github.com/rspack-contrib/storybook-rsbuild/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rspack-contrib/storybook-rsbuild",
+    "directory": "packages/vue3-rsbuild"
+  },
   "license": "MIT",
   "exports": {
     ".": {
@@ -35,11 +46,11 @@
   ],
   "dependencies": {
     "@rsbuild/core": "0.6.15",
-    "@storybook/vue3": "8.0.10",
-    "@storybook/docs-tools": "8.0.10",
-    "@storybook/types": "8.0.10",
+    "@storybook/docs-tools": "^8.0.10",
+    "@storybook/types": "^8.0.10",
+    "@storybook/vue3": "^8.0.10",
     "vue-docgen-loader": "^1.5.1",
-    "storybook-builder-rsbuild": "0.0.1"
+    "storybook-builder-rsbuild": "0.0.3"
   },
   "devDependencies": {
     "@types/node": "^18.0.0",

package/preset.js

@@ -1 +1 @@
-module.exports = require('./dist/preset');
+module.exports = require('./dist/preset')

package/dist/chunk-3EIOPNXP.mjs

@@ -1,57 +0,0 @@
-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

@@ -1,57 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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

@@ -1,72 +0,0 @@
-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

@@ -1,52 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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
-};