@modern-js/storybook-builder 0.0.0-next-20230913035856

package/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ['@modern-js'],
+  ignorePatterns: ['compiled/', 'fixtures/**', 'tests/**', 'modern.config.ts'],
+  parserOptions: {
+    project: require.resolve('./tsconfig.json'),
+  },
+};

package/.turbo/turbo-build.log

@@ -0,0 +1,6 @@
+
+> @modern-js/storybook-builder@2.31.2 build /home/runner/work/modern.js/modern.js/packages/storybook/builder
+> modern-lib build
+
+info    Build succeed in 39.159s
+info    Bundleless generated 51 files, the total size is 68.33 KB

package/CHANGELOG.md

@@ -0,0 +1,24 @@
+# @modern-js/storybook-builder
+
+## 0.0.0-next-20230913035856
+
+### Patch Changes
+
+- aec9975f8: feat: add storybook-framework
+  feat: 支持 storybook-framework
+- Updated dependencies [e2def6e3d]
+- Updated dependencies [8ed713c05]
+- Updated dependencies [225f065f4]
+- Updated dependencies [0300daf88]
+- Updated dependencies [15b834f65]
+- Updated dependencies [28128ca6e]
+- Updated dependencies [d87a42600]
+- Updated dependencies [4027a6aba]
+- Updated dependencies [3d93e8114]
+  - @modern-js/builder-rspack-provider@0.0.0-next-20230913035856
+  - @modern-js/builder@0.0.0-next-20230913035856
+  - @modern-js/builder-shared@0.0.0-next-20230913035856
+  - @modern-js/utils@0.0.0-next-20230913035856
+  - @modern-js/core@0.0.0-next-20230913035856
+  - @modern-js/builder-webpack-provider@0.0.0-next-20230913035856
+  - @modern-js/runtime@0.0.0-next-20230913035856

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-present Modern.js
+
+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/dist/cjs/addons/components/modern.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  WrapProviders: function() {
+    return WrapProviders;
+  },
+  resolvePlugins: function() {
+    return resolvePlugins;
+  }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /* @__PURE__ */ _interop_require_default._(require("react"));
+const _runtime = require("@modern-js/runtime");
+const _router = /* @__PURE__ */ _interop_require_default._(require("@modern-js/runtime/router"));
+const _model = /* @__PURE__ */ _interop_require_default._(require("@modern-js/runtime/model"));
+const WrapProviders = (storyFn, config) => {
+  const App = (0, _runtime.createApp)({
+    plugins: resolvePlugins(config.modernConfigRuntime)
+  })(storyFn);
+  return /* @__PURE__ */ (0, _jsxruntime.jsx)(App, {});
+};
+const allowedRuntimeAPI = {
+  router: "router",
+  state: "state"
+};
+const allowedRuntimeAPIValues = Object.values(allowedRuntimeAPI);
+const resolvePlugins = (runtime) => {
+  const plugins = [];
+  if (!runtime) {
+    return plugins;
+  }
+  Object.keys(runtime).forEach((api) => {
+    if (allowedRuntimeAPIValues.includes(api)) {
+      if (api === allowedRuntimeAPI.state) {
+        if (typeof runtime.state === "boolean") {
+          if (runtime.state) {
+            plugins.push((0, _model.default)({}));
+          }
+        } else if (typeof runtime.state === "object") {
+          plugins.push((0, _model.default)(runtime.state));
+        }
+      } else if (api === allowedRuntimeAPI.router) {
+        plugins.push((0, _router.default)({
+          ...{
+            serverBase: [
+              "/"
+            ]
+          },
+          ...runtime.router
+        }));
+      }
+    }
+  });
+  return plugins;
+};

package/dist/cjs/addons/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ADDON_ID", {
+  enumerable: true,
+  get: function() {
+    return ADDON_ID;
+  }
+});
+const ADDON_ID = "storybook/modern-runtime";

package/dist/cjs/addons/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(
+  exports,
+  // make it work with --isolatedModules
+  "default",
+  {
+    enumerable: true,
+    get: function() {
+      return _default;
+    }
+  }
+);
+var _module_hot, _module;
+if ((_module = module) === null || _module === void 0 ? void 0 : (_module_hot = _module.hot) === null || _module_hot === void 0 ? void 0 : _module_hot.decline) {
+  module.hot.decline();
+}
+const _default = {};

package/dist/cjs/addons/preset/preview.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "decorators", {
+  enumerable: true,
+  get: function() {
+    return decorators;
+  }
+});
+const _withPluginRuntime = require("../withPluginRuntime");
+const decorators = [
+  _withPluginRuntime.withPluginRuntime
+];

package/dist/cjs/addons/type.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/addons/withPluginRuntime.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "withPluginRuntime", {
+  enumerable: true,
+  get: function() {
+    return withPluginRuntime;
+  }
+});
+const _previewapi = require("@storybook/preview-api");
+const _modern = require("./components/modern");
+const withPluginRuntime = (storyFn) => {
+  const modernConfigRuntime = (0, _previewapi.useParameter)("modernConfigRuntime");
+  const modernConfigDesignToken = (0, _previewapi.useParameter)("modernConfigDesignToken");
+  return (0, _modern.WrapProviders)(storyFn, {
+    modernConfigRuntime: modernConfigRuntime || {},
+    modernConfigDesignToken
+  });
+};

package/dist/cjs/build.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  getConfig: function() {
+    return getConfig;
+  },
+  build: function() {
+    return build;
+  },
+  start: function() {
+    return start;
+  },
+  bail: function() {
+    return bail;
+  }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = require("path");
+const _webpackdevmiddleware = /* @__PURE__ */ _interop_require_default._(require("@modern-js/utils/webpack-dev-middleware"));
+const _webpackhotmiddleware = /* @__PURE__ */ _interop_require_default._(require("webpack-hot-middleware"));
+const _servestatic = /* @__PURE__ */ _interop_require_default._(require("serve-static"));
+const _utils = require("@modern-js/utils");
+const _core = require("./core");
+const _pluginstorybook = require("./plugin-storybook");
+const getConfig = async (options) => {
+  var _frameworkOptions;
+  const { presets } = options;
+  const frameworkOptions = await presets.apply("frameworkOptions");
+  return ((_frameworkOptions = frameworkOptions) === null || _frameworkOptions === void 0 ? void 0 : _frameworkOptions.options) || {};
+};
+const build = async ({ options }) => {
+  const config = await getConfig(options);
+  const compiler = await (0, _core.getCompiler)(process.cwd(), config, options);
+  const previewResolvedDir = (0, _path.dirname)(require.resolve("@storybook/preview/package.json"));
+  const previewDirOrigin = (0, _path.join)(previewResolvedDir, "dist");
+  const previewDirTarget = (0, _path.join)(options.outputDir || "", `sb-preview`);
+  const previewFiles = _utils.fs.copy(previewDirOrigin, previewDirTarget, {
+    filter: (src) => {
+      const { ext } = (0, _path.parse)(src);
+      if (ext) {
+        return ext === ".js";
+      }
+      return true;
+    }
+  });
+  const compilation = new Promise((resolve, reject) => {
+    compiler.run((err, stats2) => {
+      if (err) {
+        reject(err);
+      } else {
+        resolve(stats2);
+      }
+    });
+  });
+  const [stats] = await Promise.all([
+    compilation,
+    previewFiles
+  ]);
+  return stats;
+};
+const start = async ({ options, router, startTime }) => {
+  var _config_builderConfig_tools_devServer_devMiddleware, _config_builderConfig_tools_devServer, _config_builderConfig_tools, _config_builderConfig;
+  const previewResolvedDir = (0, _path.dirname)(require.resolve("@storybook/preview/package.json"));
+  const previewDirOrigin = (0, _path.join)(previewResolvedDir, "dist");
+  router.use(`/sb-preview`, (0, _servestatic.default)(previewDirOrigin, {
+    immutable: true,
+    maxAge: "5m"
+  }));
+  const config = await getConfig(options);
+  const compiler = await (0, _core.getCompiler)(process.cwd(), config, options);
+  const middleware = (0, _webpackdevmiddleware.default)(compiler, {
+    writeToDisk: ((_config_builderConfig = config.builderConfig) === null || _config_builderConfig === void 0 ? void 0 : (_config_builderConfig_tools = _config_builderConfig.tools) === null || _config_builderConfig_tools === void 0 ? void 0 : (_config_builderConfig_tools_devServer = _config_builderConfig_tools.devServer) === null || _config_builderConfig_tools_devServer === void 0 ? void 0 : (_config_builderConfig_tools_devServer_devMiddleware = _config_builderConfig_tools_devServer.devMiddleware) === null || _config_builderConfig_tools_devServer_devMiddleware === void 0 ? void 0 : _config_builderConfig_tools_devServer_devMiddleware.writeToDisk) || true,
+    // builder can log errors, so not using dev-middleware logs
+    stats: false
+  });
+  router.use(middleware);
+  router.use((0, _webpackhotmiddleware.default)(compiler, {
+    log: false
+  }));
+  const stats = await new Promise((resolve) => {
+    middleware.waitUntilValid((stats2) => {
+      resolve(stats2);
+    });
+  });
+  if (!stats) {
+    throw new Error("build failed");
+  }
+  const statsJson = stats.toJson();
+  if (statsJson.errors.length > 1) {
+    throw stats;
+  }
+  return {
+    bail,
+    stats,
+    totalTime: process.hrtime(startTime)
+  };
+};
+const bail = async () => {
+  await (0, _pluginstorybook.finalize)();
+};

package/dist/cjs/core.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getCompiler", {
+  enumerable: true,
+  get: function() {
+    return getCompiler;
+  }
+});
+const _builder = require("@modern-js/builder");
+const _core = require("@modern-js/core");
+const _utils = require("./utils");
+const _pluginstorybook = require("./plugin-storybook");
+async function getCompiler(cwd, frameworkConfig, options) {
+  const bundler = frameworkConfig.bundler || "webpack";
+  const { presets } = options;
+  const entries = await presets.apply("entries", []);
+  const res = await (0, _utils.runWithErrorMsg)(() => (0, _core.loadConfig)(cwd, frameworkConfig.configPath || "modern.config.ts"), "Failed to load config");
+  const loadedConfig = res ? res.config : {};
+  const otherBuilderConfig = await presets.apply("modern", loadedConfig) || {};
+  const builderConfig = (0, _builder.mergeBuilderConfig)(otherBuilderConfig, loadedConfig);
+  const provider = await (0, _utils.getProvider)(bundler, builderConfig);
+  if (!provider) {
+    throw new Error(`@modern-js/builder-${bundler}-provider not found `);
+  }
+  const builder = await (0, _builder.createBuilder)(provider, {
+    cwd,
+    target: "web",
+    framework: "modern.js storybook",
+    entry: {
+      main: entries
+    }
+  });
+  builder.addPlugins([
+    (0, _pluginstorybook.pluginStorybook)(cwd, options),
+    ...loadedConfig.builderPlugins || []
+  ]);
+  return builder.createCompiler();
+}

package/dist/cjs/docgen/actualNameHandler.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function() {
+    return actualNameHandler;
+  }
+});
+const _asttypes = require("ast-types");
+const _utils = require("react-docgen/dist/utils");
+function actualNameHandler(documentation, path, importer) {
+  if (_asttypes.namedTypes.ClassDeclaration.check(path.node) || _asttypes.namedTypes.FunctionDeclaration.check(path.node)) {
+    documentation.set("actualName", (0, _utils.getNameOrValue)(path.get("id")));
+  } else if (_asttypes.namedTypes.ArrowFunctionExpression.check(path.node) || _asttypes.namedTypes.FunctionExpression.check(path.node) || (0, _utils.isReactForwardRefCall)(path, importer)) {
+    let currentPath = path;
+    while (currentPath.parent) {
+      if (_asttypes.namedTypes.VariableDeclarator.check(currentPath.parent.node)) {
+        documentation.set("actualName", (0, _utils.getNameOrValue)(currentPath.parent.get("id")));
+        return;
+      }
+      if (_asttypes.namedTypes.AssignmentExpression.check(currentPath.parent.node)) {
+        const leftPath = currentPath.parent.get("left");
+        if (_asttypes.namedTypes.Identifier.check(leftPath.node) || _asttypes.namedTypes.Literal.check(leftPath.node)) {
+          documentation.set("actualName", (0, _utils.getNameOrValue)(leftPath));
+          return;
+        }
+      }
+      currentPath = currentPath.parent;
+    }
+    documentation.set("actualName", "");
+  }
+}

package/dist/cjs/docgen/index.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  applyDocgenWebpack: function() {
+    return applyDocgenWebpack;
+  },
+  applyDocgenRspack: function() {
+    return applyDocgenRspack;
+  }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _utils = require("@modern-js/utils");
+async function applyDocgenWebpack(chain, options) {
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const { reactDocgen, reactDocgenTypescriptOptions } = typescriptOptions || {};
+  if (typeof reactDocgen !== "string") {
+    return;
+  }
+  if (reactDocgen === "react-docgen-typescript") {
+    const { ReactDocgenTypeScriptPlugin } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("@storybook/react-docgen-typescript-plugin")));
+    chain.plugin("Storybook-docgen").use(ReactDocgenTypeScriptPlugin, [
+      {
+        ...reactDocgenTypescriptOptions,
+        savePropValueAsString: true
+      }
+    ]);
+  } else if (reactDocgen === "react-docgen") {
+    const loader = require.resolve("./loader");
+    const resolveOptions = chain.toConfig().resolve;
+    chain.module.rule(_utils.CHAIN_ID.RULE.JS).use(_utils.CHAIN_ID.USE.REACT_DOCGEN).loader(loader).options({
+      resolveOptions
+    }).after(_utils.CHAIN_ID.USE.BABEL).after(_utils.CHAIN_ID.USE.ESBUILD).after(_utils.CHAIN_ID.USE.SWC).end();
+    const tsRuls = chain.module.rule(_utils.CHAIN_ID.RULE.TS);
+    if (tsRuls.uses.values().length !== 0) {
+      tsRuls.use(_utils.CHAIN_ID.USE.REACT_DOCGEN).loader(loader).options({
+        resolveOptions
+      }).after(_utils.CHAIN_ID.USE.TS).after(_utils.CHAIN_ID.USE.ESBUILD).after(_utils.CHAIN_ID.USE.SWC).end();
+    }
+  }
+}
+async function applyDocgenRspack(config, options) {
+  var _config, _config_module;
+  const typescriptOptions = await options.presets.apply("typescript", {});
+  const { reactDocgen } = typescriptOptions || {};
+  if (reactDocgen !== "react-docgen") {
+    if (reactDocgen !== false && reactDocgen !== void 0) {
+      _utils.logger.warn(`Rspack currently only support 'typescript.reactDocgen: react-docgen' for auto docs generation, but you specified ${reactDocgen}`);
+    }
+    return;
+  }
+  var _module;
+  (_module = (_config = config).module) !== null && _module !== void 0 ? _module : _config.module = {};
+  var _rules;
+  (_rules = (_config_module = config.module).rules) !== null && _rules !== void 0 ? _rules : _config_module.rules = [];
+  config.module.rules.push({
+    test: /\.(tsx?|jsx?)$/,
+    exclude: /node_modules/,
+    use: {
+      loader: require.resolve("./loader"),
+      options: {
+        resolveOptions: config.resolve
+      }
+    }
+  });
+}

package/dist/cjs/docgen/loader.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function() {
+    return _default;
+  }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+let tinyPoolPromise = null;
+async function docLoader(source, map, data) {
+  const callback = this.async();
+  if (!tinyPoolPromise) {
+    tinyPoolPromise = Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("tinypool"))).then(({ Tinypool }) => {
+      return new Tinypool({
+        filename: require.resolve("./process")
+      });
+    });
+  }
+  const tinyPool = await tinyPoolPromise;
+  const result = await tinyPool.run({
+    source,
+    map,
+    filename: this.resourcePath,
+    data
+  });
+  if (result) {
+    const [docgen, outputMap] = result;
+    callback(null, `${source}
+${docgen}`, outputMap, data);
+  } else {
+    callback(null, source, map, data);
+  }
+}
+const _default = docLoader;

package/dist/cjs/docgen/process.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function() {
+    return _default;
+  }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _reactdocgen = require("react-docgen");
+const _actualNameHandler = /* @__PURE__ */ _interop_require_default._(require("./actualNameHandler"));
+const defaultHandlers = Object.values(_reactdocgen.handlers).map((handler) => handler);
+const importer = _reactdocgen.importers.makeFsImporter();
+const _default = ({ source, map, filename }) => {
+  try {
+    const results = (0, _reactdocgen.parse)(source, _reactdocgen.resolver.findAllExportedComponentDefinitions, [
+      ...defaultHandlers,
+      _actualNameHandler.default
+    ], {
+      filename,
+      importer
+    });
+    const docgen = results.map((result) => {
+      const { actualName, ...docgenInfo } = result;
+      if (actualName) {
+        return `${actualName}.__docgenInfo=${JSON.stringify(docgenInfo)}`;
+      }
+      return "";
+    }).filter(Boolean).join(";");
+    return [
+      docgen,
+      map
+    ];
+  } catch (e) {
+    return null;
+  }
+};

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  start: function() {
+    return _build.start;
+  },
+  build: function() {
+    return _build.build;
+  },
+  bail: function() {
+    return _build.bail;
+  },
+  getConfig: function() {
+    return _build.getConfig;
+  },
+  corePresets: function() {
+    return corePresets;
+  }
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+const _path = require("path");
+const _build = require("./build");
+_export_star._(require("./types"), exports);
+const corePresets = [
+  (0, _path.join)(__dirname, "./preset.js")
+];