storybook-react-rsbuild 0.0.1-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 fi3ework
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# 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.

package/dist/chunk-77YOQVQO.mjs

@@ -0,0 +1,17 @@
+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/requirer.ts
+function requirer(resolver, path) {
+  return resolver(path);
+}
+
+export {
+  __require,
+  requirer
+};

package/dist/chunk-TNRF4JXJ.mjs

@@ -0,0 +1,80 @@
+import {
+  __require,
+  requirer
+} from "./chunk-77YOQVQO.mjs";
+
+// src/react-docs.ts
+import { hasDocsOrControls } from "@storybook/docs-tools";
+import { mergeRsbuildConfig } from "@rsbuild/core";
+var rsbuildFinal = async (config, options) => {
+  if (!hasDocsOrControls(options))
+    return config;
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const debug = options.loglevel === "debug";
+  const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions || {};
+  if (typeof reactDocgen !== "string") {
+    return config;
+  }
+  if (reactDocgen !== "react-docgen-typescript") {
+    return mergeRsbuildConfig(config, {
+      tools: {
+        rspack: {
+          module: {
+            rules: [
+              {
+                test: /\.(cjs|mjs|tsx?|jsx?)$/,
+                enforce: "pre",
+                loader: requirer(
+                  __require.resolve,
+                  "@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"
+                ),
+                options: {
+                  debug
+                },
+                exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+              }
+            ]
+          }
+        }
+      }
+    });
+  }
+  const { ReactDocgenTypeScriptPlugin } = await import("@storybook/react-docgen-typescript-plugin");
+  throw new Error(
+    "Rspack didn't support the hooks `react-docgen-typescript`' required"
+  );
+  return mergeRsbuildConfig(config, {
+    tools: {
+      rspack: {
+        module: {
+          rules: [
+            {
+              test: /\.(cjs|mjs|jsx?)$/,
+              enforce: "pre",
+              loader: requirer(
+                __require.resolve,
+                "@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"
+              ),
+              options: {
+                debug
+              },
+              exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+            }
+          ]
+        },
+        plugins: [
+          ...config.plugins || [],
+          new ReactDocgenTypeScriptPlugin({
+            ...reactDocgenTypescriptOptions,
+            // We *need* this set so that RDT returns default values in the same format as react-docgen
+            savePropValueAsString: true
+          })
+        ]
+      }
+    }
+  });
+};
+
+export {
+  rsbuildFinal
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+// dev-mode
+export * from '../src/index';

package/dist/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);

package/dist/index.mjs

@@ -0,0 +1 @@
+

package/dist/preset.d.ts

@@ -0,0 +1,2 @@
+// dev-mode
+export * from '../src/preset';

package/dist/preset.js

@@ -0,0 +1,98 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/preset.ts
+var preset_exports = {};
+__export(preset_exports, {
+  core: () => core,
+  rsbuildFinal: () => rsbuildFinal
+});
+module.exports = __toCommonJS(preset_exports);
+var import_path = require("path");
+
+// src/react-docs.ts
+var import_docs_tools = require("@storybook/docs-tools");
+var import_core = require("@rsbuild/core");
+
+// src/requirer.ts
+function requirer(resolver, path) {
+  return resolver(path);
+}
+
+// src/react-docs.ts
+var rsbuildFinalDocs = async (config, options) => {
+  if (!(0, import_docs_tools.hasDocsOrControls)(options))
+    return config;
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const debug = options.loglevel === "debug";
+  const { reactDocgen } = typescriptOptions || {};
+  if (typeof reactDocgen !== "string") {
+    return config;
+  }
+  if (reactDocgen !== "react-docgen-typescript") {
+    return (0, import_core.mergeRsbuildConfig)(config, {
+      tools: {
+        rspack: {
+          module: {
+            rules: [
+              {
+                test: /\.(cjs|mjs|tsx?|jsx?)$/,
+                enforce: "pre",
+                loader: requirer(
+                  require.resolve,
+                  "@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"
+                ),
+                options: {
+                  debug
+                },
+                exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+              }
+            ]
+          }
+        }
+      }
+    });
+  }
+  throw new Error(
+    "Rspack didn't support the hooks `react-docgen-typescript`' required"
+  );
+};
+
+// src/preset.ts
+var getAbsolutePath = (input) => (0, import_path.dirname)(require.resolve((0, import_path.join)(input, "package.json")));
+var rsbuildFinal = async (config, options) => {
+  const finalConfig = rsbuildFinalDocs(config, options);
+  return finalConfig;
+};
+var core = async (config, options) => {
+  const framework = await options.presets.apply("framework");
+  return {
+    ...config,
+    builder: {
+      name: getAbsolutePath("storybook-builder-rsbuild"),
+      options: typeof framework === "string" ? {} : framework.options.builder || {}
+    },
+    renderer: getAbsolutePath("@storybook/react")
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  core,
+  rsbuildFinal
+});

package/dist/preset.mjs

@@ -0,0 +1,25 @@
+import {
+  rsbuildFinal
+} from "./chunk-TNRF4JXJ.mjs";
+import {
+  __require
+} from "./chunk-77YOQVQO.mjs";
+
+// src/preset.ts
+import { dirname, join } from "path";
+var getAbsolutePath = (input) => dirname(__require.resolve(join(input, "package.json")));
+var core = async (config, options) => {
+  const framework = await options.presets.apply("framework");
+  return {
+    ...config,
+    builder: {
+      name: getAbsolutePath("@storybook/builder-rsbuild"),
+      options: typeof framework === "string" ? {} : framework.options.builder || {}
+    },
+    renderer: getAbsolutePath("@storybook/react")
+  };
+};
+export {
+  core,
+  rsbuildFinal
+};

package/dist/react-docs.js

@@ -0,0 +1,116 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/react-docs.ts
+var react_docs_exports = {};
+__export(react_docs_exports, {
+  rsbuildFinal: () => rsbuildFinal
+});
+module.exports = __toCommonJS(react_docs_exports);
+var import_docs_tools = require("@storybook/docs-tools");
+var import_core = require("@rsbuild/core");
+
+// src/requirer.ts
+function requirer(resolver, path) {
+  return resolver(path);
+}
+
+// src/react-docs.ts
+var rsbuildFinal = async (config, options) => {
+  if (!(0, import_docs_tools.hasDocsOrControls)(options))
+    return config;
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const debug = options.loglevel === "debug";
+  const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions || {};
+  if (typeof reactDocgen !== "string") {
+    return config;
+  }
+  if (reactDocgen !== "react-docgen-typescript") {
+    return (0, import_core.mergeRsbuildConfig)(config, {
+      tools: {
+        rspack: {
+          module: {
+            rules: [
+              {
+                test: /\.(cjs|mjs|tsx?|jsx?)$/,
+                enforce: "pre",
+                loader: requirer(
+                  require.resolve,
+                  "@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"
+                ),
+                options: {
+                  debug
+                },
+                exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+              }
+            ]
+          }
+        }
+      }
+    });
+  }
+  const { ReactDocgenTypeScriptPlugin } = await import("@storybook/react-docgen-typescript-plugin");
+  throw new Error(
+    "Rspack didn't support the hooks `react-docgen-typescript`' required"
+  );
+  return (0, import_core.mergeRsbuildConfig)(config, {
+    tools: {
+      rspack: {
+        module: {
+          rules: [
+            {
+              test: /\.(cjs|mjs|jsx?)$/,
+              enforce: "pre",
+              loader: requirer(
+                require.resolve,
+                "@storybook/preset-react-webpack/dist/loaders/react-docgen-loader"
+              ),
+              options: {
+                debug
+              },
+              exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/
+            }
+          ]
+        },
+        plugins: [
+          ...config.plugins || [],
+          new ReactDocgenTypeScriptPlugin({
+            ...reactDocgenTypescriptOptions,
+            // We *need* this set so that RDT returns default values in the same format as react-docgen
+            savePropValueAsString: true
+          })
+        ]
+      }
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  rsbuildFinal
+});

package/dist/react-docs.mjs

@@ -0,0 +1,7 @@
+import {
+  rsbuildFinal
+} from "./chunk-TNRF4JXJ.mjs";
+import "./chunk-77YOQVQO.mjs";
+export {
+  rsbuildFinal
+};

package/dist/requirer.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/requirer.ts
+var requirer_exports = {};
+__export(requirer_exports, {
+  requirer: () => requirer
+});
+module.exports = __toCommonJS(requirer_exports);
+function requirer(resolver, path) {
+  return resolver(path);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  requirer
+});

package/dist/requirer.mjs

@@ -0,0 +1,6 @@
+import {
+  requirer
+} from "./chunk-77YOQVQO.mjs";
+export {
+  requirer
+};

package/dist/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/types.mjs

@@ -0,0 +1 @@
+import "./chunk-WBQAMGXK.mjs";

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "storybook-react-rsbuild",
+  "version": "0.0.1-beta.0",
+  "description": "Storybook for React and Rsbuild: Develop React components in isolation with Hot Reloading.",
+  "keywords": [
+    "storybook"
+  ],
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "require": "./dist/preset.js"
+    },
+    "./react-docs": {
+      "types": "./dist/react-docs.d.ts",
+      "require": "./dist/react-docs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts",
+    "!src/**/*"
+  ],
+  "dependencies": {
+    "@storybook/docs-tools": "8.0.10",
+    "@storybook/react-docgen-typescript-plugin": "1.0.1",
+    "@storybook/react": "8.0.10",
+    "@rsbuild/core": "0.6.15",
+    "@types/node": "^18.0.0",
+    "storybook-builder-rsbuild": "0.0.1-beta.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "typescript": ">= 4.2.x"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "devDependencies": {
+    "@storybook/types": "8.0.10",
+    "add": "^2.0.6"
+  },
+  "scripts": {
+    "check": "node --loader ../../scripts/node_modules/esbuild-register/loader.js -r ../../scripts/node_modules/esbuild-register/register.js ../../scripts/prepare/check.ts",
+    "prep": "node --loader ../../scripts/node_modules/esbuild-register/loader.js -r ../../scripts/node_modules/esbuild-register/register.js ../../scripts/prepare/bundle.ts"
+  }
+}

package/preset.js

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