@modern-js/uni-builder 0.0.0-nightly-20231218170633 → 0.0.0-nightly-20231219170633

package/dist/index.d.ts

@@ -1,5 +1,10 @@
 import type { CreateUniBuilderOptions } from './types';
-export declare function createUniBuilder(options: CreateUniBuilderOptions): Promise<import("@rsbuild/shared").RsbuildInstance<import("@rsbuild/shared").RsbuildProvider>>;
-export type { BundlerChain } from '@rsbuild/shared';
+export type { CreateUniBuilderOptions };
+export type { BundlerChain, RsbuildPlugin } from '@rsbuild/shared';
 export type { BuilderConfig } from './types';
+export type { StartDevServerOptions } from './shared/devServer';
+export declare function createUniBuilder(options: CreateUniBuilderOptions): Promise<Omit<import("@rsbuild/shared").RsbuildInstance<import("@rsbuild/shared").RsbuildProvider>, "startDevServer"> & {
+    startDevServer: (options: import("./shared/devServer").StartDevServerOptions) => Promise<import("@rsbuild/shared").StartServerResult>;
+}>;
+export { logger } from '@rsbuild/core';
 export { RUNTIME_CHUNK_NAME } from './shared/constants';

package/dist/index.js

@@ -19,11 +19,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   RUNTIME_CHUNK_NAME: () => import_constants.RUNTIME_CHUNK_NAME,
-  createUniBuilder: () => createUniBuilder
+  createUniBuilder: () => createUniBuilder,
+  logger: () => import_core.logger
 });
 module.exports = __toCommonJS(src_exports);
 var import_rspack = require("./rspack");
 var import_webpack = require("./webpack");
+var import_core = require("@rsbuild/core");
 var import_constants = require("./shared/constants");
 async function createUniBuilder(options) {
   return options.bundlerType === "rspack" ? (0, import_rspack.createRspackBuilder)(options) : (0, import_webpack.createWebpackBuilder)(options);
@@ -31,5 +33,6 @@ async function createUniBuilder(options) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RUNTIME_CHUNK_NAME,
-  createUniBuilder
+  createUniBuilder,
+  logger
 });

package/dist/rspack/index.d.ts

@@ -1,8 +1,18 @@
 import type { RsbuildConfig, RsbuildPlugin, RsbuildInstance } from '@rsbuild/core';
-import type { RsbuildProvider } from '@rsbuild/shared';
+import type { RsbuildProvider, StartServerResult } from '@rsbuild/shared';
 import type { UniBuilderRspackConfig, CreateRspackBuilderOptions, CreateBuilderCommonOptions } from '../types';
+import type { StartDevServerOptions } from '../shared/devServer';
 export declare function parseConfig(uniBuilderConfig: UniBuilderRspackConfig, options: CreateBuilderCommonOptions): Promise<{
     rsbuildConfig: RsbuildConfig;
     rsbuildPlugins: RsbuildPlugin[];
 }>;
-export declare function createRspackBuilder(options: CreateRspackBuilderOptions): Promise<RsbuildInstance<RsbuildProvider>>;
+type UniBuilderInstance = Omit<RsbuildInstance<RsbuildProvider>, 'startDevServer'> & {
+    /**
+     * should be used in conjunction with the upper-layer framework:
+     *
+     * missing route.json (required in modern server)
+     */
+    startDevServer: (options: StartDevServerOptions) => Promise<StartServerResult>;
+};
+export declare function createRspackBuilder(options: CreateRspackBuilderOptions): Promise<UniBuilderInstance>;
+export {};

package/dist/rspack/index.js

@@ -34,7 +34,6 @@ __export(rspack_exports, {
 module.exports = __toCommonJS(rspack_exports);
 var import_core = require("@rsbuild/core");
 var import_parseCommonConfig = require("../shared/parseCommonConfig");
-var import_plugin_styled_components = require("@rsbuild/plugin-styled-components");
 async function parseConfig(uniBuilderConfig, options) {
   var _uniBuilderConfig_output, _uniBuilderConfig_tools, _uniBuilderConfig_tools1;
   const { rsbuildConfig, rsbuildPlugins } = await (0, import_parseCommonConfig.parseCommonConfig)(uniBuilderConfig, options);
@@ -49,7 +48,11 @@ async function parseConfig(uniBuilderConfig, options) {
       babelLoaderOptions: (_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.babel
     }));
   }
-  rsbuildPlugins.push((0, import_plugin_styled_components.pluginStyledComponents)((_uniBuilderConfig_tools1 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools1 === void 0 ? void 0 : _uniBuilderConfig_tools1.styledComponents));
+  if (((_uniBuilderConfig_tools1 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools1 === void 0 ? void 0 : _uniBuilderConfig_tools1.styledComponents) !== false) {
+    var _uniBuilderConfig_tools3;
+    const { pluginStyledComponents } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-styled-components")));
+    rsbuildPlugins.push(pluginStyledComponents((_uniBuilderConfig_tools3 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools3 === void 0 ? void 0 : _uniBuilderConfig_tools3.styledComponents));
+  }
   return {
     rsbuildConfig,
     rsbuildPlugins
@@ -66,7 +69,13 @@ async function createRspackBuilder(options) {
     rsbuildConfig
   });
   rsbuild.addPlugins(rsbuildPlugins);
-  return rsbuild;
+  return {
+    ...rsbuild,
+    startDevServer: async (options2 = {}) => {
+      const { startDevServer } = await Promise.resolve().then(() => __toESM(require("../shared/devServer")));
+      return startDevServer(rsbuild, options2, config);
+    }
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/shared/devServer.d.ts

@@ -0,0 +1,13 @@
+import { StartDevServerOptions as RsbuildStartDevServerOptions, StartServerResult, RsbuildInstance } from '@rsbuild/shared';
+import type { ModernDevServerOptionsNew } from '@modern-js/server';
+import { BuilderConfig } from '../types';
+type ServerOptions = Partial<Omit<ModernDevServerOptionsNew, 'config'>> & {
+    config?: Partial<ModernDevServerOptionsNew['config']>;
+};
+export type StartDevServerOptions = Omit<RsbuildStartDevServerOptions, 'printURLs'> & {
+    apiOnly?: boolean;
+    defaultPort?: number;
+    serverOptions?: ServerOptions;
+};
+export declare function startDevServer(rsbuild: RsbuildInstance, options: StartDevServerOptions | undefined, builderConfig: BuilderConfig): Promise<StartServerResult>;
+export {};

package/dist/shared/devServer.js

@@ -0,0 +1,142 @@
+"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);
+var devServer_exports = {};
+__export(devServer_exports, {
+  startDevServer: () => startDevServer
+});
+module.exports = __toCommonJS(devServer_exports);
+var import_shared = require("@rsbuild/shared");
+const getServerOptions = (builderConfig) => {
+  var _builderConfig_output_distPath, _builderConfig_output, _builderConfig_output1, _builderConfig_output2;
+  return {
+    output: {
+      path: (_builderConfig_output = builderConfig.output) === null || _builderConfig_output === void 0 ? void 0 : (_builderConfig_output_distPath = _builderConfig_output.distPath) === null || _builderConfig_output_distPath === void 0 ? void 0 : _builderConfig_output_distPath.root,
+      assetPrefix: (_builderConfig_output1 = builderConfig.output) === null || _builderConfig_output1 === void 0 ? void 0 : _builderConfig_output1.assetPrefix,
+      distPath: (_builderConfig_output2 = builderConfig.output) === null || _builderConfig_output2 === void 0 ? void 0 : _builderConfig_output2.distPath
+    },
+    source: {
+      alias: {}
+    },
+    html: {},
+    tools: {
+      babel: {}
+    },
+    server: {},
+    runtime: {},
+    bff: {}
+  };
+};
+const getDevServerOptions = async ({ builderConfig, serverOptions, port }) => {
+  var _builderConfig_dev, _builderConfig_dev1, _builderConfig_dev2, _builderConfig_tools;
+  var _builderConfig_dev_hmr, _builderConfig_dev_hmr1;
+  const defaultDevConfig = (0, import_shared.deepmerge)(
+    {
+      hot: (_builderConfig_dev_hmr = (_builderConfig_dev = builderConfig.dev) === null || _builderConfig_dev === void 0 ? void 0 : _builderConfig_dev.hmr) !== null && _builderConfig_dev_hmr !== void 0 ? _builderConfig_dev_hmr : true,
+      watch: true,
+      client: {
+        port: port.toString()
+      },
+      port,
+      liveReload: (_builderConfig_dev_hmr1 = (_builderConfig_dev1 = builderConfig.dev) === null || _builderConfig_dev1 === void 0 ? void 0 : _builderConfig_dev1.hmr) !== null && _builderConfig_dev_hmr1 !== void 0 ? _builderConfig_dev_hmr1 : true,
+      https: (_builderConfig_dev2 = builderConfig.dev) === null || _builderConfig_dev2 === void 0 ? void 0 : _builderConfig_dev2.https
+    },
+    // merge devServerOptions from serverOptions
+    serverOptions.dev || {}
+  );
+  const devConfig = (0, import_shared.mergeChainedOptions)({
+    defaults: defaultDevConfig,
+    options: (_builderConfig_tools = builderConfig.tools) === null || _builderConfig_tools === void 0 ? void 0 : _builderConfig_tools.devServer,
+    mergeFn: import_shared.deepmerge
+  });
+  const defaultConfig = getServerOptions(builderConfig);
+  const config = serverOptions.config ? (0, import_shared.deepmerge)(defaultConfig, serverOptions.config) : defaultConfig;
+  return {
+    config,
+    devConfig
+  };
+};
+async function startDevServer(rsbuild, options = {}, builderConfig) {
+  (0, import_shared.debug)("create dev server");
+  const { ServerForRsbuild } = await Promise.resolve().then(() => __toESM(require("@modern-js/server")));
+  const rsbuildServer = await rsbuild.getServerAPIs(options);
+  const { serverOptions = {} } = options;
+  const { config, devConfig } = await getDevServerOptions({
+    builderConfig,
+    serverOptions,
+    port: rsbuildServer.config.port
+  });
+  const compileMiddlewareAPI = options.apiOnly ? void 0 : await rsbuildServer.startCompile();
+  const server = new ServerForRsbuild({
+    pwd: rsbuild.context.rootPath,
+    ...serverOptions,
+    rsbuild,
+    getMiddlewares: (config2) => rsbuildServer.getMiddlewares({
+      compileMiddlewareAPI,
+      overrides: config2
+    }),
+    dev: devConfig,
+    config
+  });
+  const { config: { port, host } } = rsbuildServer;
+  (0, import_shared.debug)("create dev server done");
+  await rsbuildServer.beforeStart();
+  const protocol = devConfig.https ? "https" : "http";
+  const urls = (0, import_shared.getAddressUrls)(protocol, port, host);
+  (0, import_shared.debug)("listen dev server");
+  await server.init();
+  return new Promise((resolve) => {
+    server.listen({
+      host,
+      port
+    }, async (err) => {
+      if (err) {
+        throw err;
+      }
+      (0, import_shared.debug)("listen dev server done");
+      await rsbuildServer.afterStart({
+        port,
+        routes: [
+          {
+            route: "/",
+            name: "index"
+          }
+        ]
+      });
+      resolve({
+        port,
+        urls: urls.map((item) => item.url),
+        server
+      });
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  startDevServer
+});

package/dist/shared/parseCommonConfig.d.ts

@@ -1,5 +1,5 @@
 import { type RsbuildPlugin, type RsbuildConfig } from '@rsbuild/core';
-import type { UniBuilderRspackConfig, UniBuilderWebpackConfig, CreateBuilderCommonOptions } from '../types';
+import type { CreateBuilderCommonOptions, UniBuilderRspackConfig, UniBuilderWebpackConfig } from '../types';
 /** Determine if a file path is a CSS module when disableCssModuleExtension is enabled. */
 export declare const isLooseCssModules: (path: string) => boolean;
 export declare function parseCommonConfig<B = 'rspack' | 'webpack'>(uniBuilderConfig: B extends 'rspack' ? UniBuilderRspackConfig : UniBuilderWebpackConfig, options: CreateBuilderCommonOptions): Promise<{

package/dist/shared/parseCommonConfig.js

@@ -34,23 +34,15 @@ __export(parseCommonConfig_exports, {
 module.exports = __toCommonJS(parseCommonConfig_exports);
 var import_shared = require("@rsbuild/shared");
 var import_core = require("@rsbuild/core");
-var import_plugin_rem = require("@rsbuild/plugin-rem");
-var import_plugin_pug = require("@rsbuild/plugin-pug");
-var import_plugin_assets_retry = require("@rsbuild/plugin-assets-retry");
-var import_plugin_type_check = require("@rsbuild/plugin-type-check");
 var import_plugin_react = require("@rsbuild/plugin-react");
-var import_fallback = require("./plugins/fallback");
 var import_globalVars = require("./plugins/globalVars");
 var import_runtimeChunk = require("./plugins/runtimeChunk");
 var import_frameworkConfig = require("./plugins/frameworkConfig");
-var import_mainFields = require("./plugins/mainFields");
-var import_extensionPrefix = require("./plugins/extensionPrefix");
 var import_splitChunk = require("./plugins/splitChunk");
-var import_plugin_svgr = require("@rsbuild/plugin-svgr");
-var import_plugin_check_syntax = require("@rsbuild/plugin-check-syntax");
 var import_plugin_css_minimizer = require("@rsbuild/plugin-css-minimizer");
 var import_postcssLegacy = require("./plugins/postcssLegacy");
 var import_devtools = require("./plugins/devtools");
+var import_emitRouteFile = require("./plugins/emitRouteFile");
 const GLOBAL_CSS_REGEX = /\.global\.\w+$/;
 const isLooseCssModules = (path) => {
   if (import_shared.NODE_MODULES_REGEX.test(path)) {
@@ -58,31 +50,6 @@ const isLooseCssModules = (path) => {
   }
   return !GLOBAL_CSS_REGEX.test(path);
 };
-const genHttpsOptions = async (userOptions, cwd) => {
-  const httpsOptions = typeof userOptions === "boolean" ? {} : userOptions;
-  if (!httpsOptions.key || !httpsOptions.cert) {
-    let devcertPath;
-    try {
-      devcertPath = require.resolve("devcert", {
-        paths: [
-          cwd,
-          __dirname
-        ]
-      });
-    } catch (err) {
-      const command = import_shared.color.bold(import_shared.color.yellow(`npm add devcert@1.2.2 -D`));
-      import_shared.logger.error(`You have enabled "dev.https" option, but the "devcert" package is not installed.`);
-      import_shared.logger.error(`Please run ${command} to install manually, otherwise the https can not work.`);
-      throw new Error('[https] "devcert" is not found.');
-    }
-    const devcert = require(devcertPath);
-    const selfsign = await devcert.certificateFor([
-      "localhost"
-    ]);
-    return selfsign;
-  }
-  return httpsOptions;
-};
 function removeUndefinedKey(obj) {
   Object.keys(obj).forEach((key) => {
     if (obj[key] === void 0) {
@@ -124,14 +91,11 @@ async function getBrowserslistWithDefault(path, config, target) {
   return DEFAULT_BROWSERSLIST[target];
 }
 async function parseCommonConfig(uniBuilderConfig, options) {
-  var _uniBuilderConfig_output, _uniBuilderConfig_output1, _uniBuilderConfig_output2, _uniBuilderConfig_html, _uniBuilderConfig_html1, _uniBuilderConfig_html2, _uniBuilderConfig_html3, _uniBuilderConfig_html4, _uniBuilderConfig_html5, _tools_devServer, _tools_devServer1, _tools_devServer2, _tools_devServer3, _tools_devServer4, _tools_devServer5, _tools_devServer6, _tools_devServer_devMiddleware, _tools_devServer7, _tools_devServer8, _tools_devServer_before, _tools_devServer9, _tools_devServer_after, _tools_devServer10, _tools_devServer11, _uniBuilderConfig_source, _uniBuilderConfig_output3, _uniBuilderConfig_security, _uniBuilderConfig_output4, _uniBuilderConfig_output5, _uniBuilderConfig_source1, _uniBuilderConfig_source2, _uniBuilderConfig_output6, _uniBuilderConfig_output7, _uniBuilderConfig_experiments, _uniBuilderConfig_tools, _uniBuilderConfig_output8, _uniBuilderConfig_output9, _uniBuilderConfig_tools1;
-  var _output, _output_distPath, _output1, _extraConfig, _html;
+  var _uniBuilderConfig_output, _uniBuilderConfig_output1, _uniBuilderConfig_output2, _uniBuilderConfig_html, _uniBuilderConfig_html1, _uniBuilderConfig_html2, _uniBuilderConfig_html3, _uniBuilderConfig_html4, _uniBuilderConfig_html5, _uniBuilderConfig_source, _uniBuilderConfig_output3, _uniBuilderConfig_security, _uniBuilderConfig_output4, _uniBuilderConfig_output5, _uniBuilderConfig_source1, _uniBuilderConfig_source2, _uniBuilderConfig_output6, _uniBuilderConfig_output7, _uniBuilderConfig_experiments, _uniBuilderConfig_tools, _uniBuilderConfig_output8, _uniBuilderConfig_output9, _uniBuilderConfig_tools1;
+  var _output, _output_distPath, _output1, _extraConfig, _html, _dev;
   const { cwd, frameworkConfigPath, entry, target } = options;
   const rsbuildConfig = (0, import_shared.deepmerge)({}, uniBuilderConfig);
   const { dev = {}, html = {}, output = {}, tools = {} } = rsbuildConfig;
-  if (dev.progressBar === void 0) {
-    dev.progressBar = true;
-  }
   if (output.cssModuleLocalIdentName) {
     var _output2;
     (_output2 = output).cssModules || (_output2.cssModules = {});
@@ -205,38 +169,15 @@ async function parseCommonConfig(uniBuilderConfig, options) {
     extraConfig.html.templateParameters = (_, { entryName }) => uniBuilderConfig.html.templateParametersByEntries[entryName];
     delete html.templateParametersByEntries;
   }
-  const server = (0, import_shared.isProd)() ? {
-    publicDir: false
-  } : {
-    https: ((_tools_devServer = tools.devServer) === null || _tools_devServer === void 0 ? void 0 : _tools_devServer.https) || dev.https ? await genHttpsOptions(((_tools_devServer1 = tools.devServer) === null || _tools_devServer1 === void 0 ? void 0 : _tools_devServer1.https) || dev.https, cwd) : void 0,
+  if (dev.progressBar === void 0) {
+    dev.progressBar = true;
+  }
+  var _writeToDisk;
+  (_writeToDisk = (_dev = dev).writeToDisk) !== null && _writeToDisk !== void 0 ? _writeToDisk : _dev.writeToDisk = (file) => !file.includes(".hot-update.");
+  const server = (0, import_shared.isProd)() ? {} : {
     port: dev.port,
-    host: dev.host,
-    compress: (_tools_devServer2 = tools.devServer) === null || _tools_devServer2 === void 0 ? void 0 : _tools_devServer2.compress,
-    headers: (_tools_devServer3 = tools.devServer) === null || _tools_devServer3 === void 0 ? void 0 : _tools_devServer3.headers,
-    historyApiFallback: (_tools_devServer4 = tools.devServer) === null || _tools_devServer4 === void 0 ? void 0 : _tools_devServer4.historyApiFallback,
-    proxy: (_tools_devServer5 = tools.devServer) === null || _tools_devServer5 === void 0 ? void 0 : _tools_devServer5.proxy,
-    publicDir: false
+    host: dev.host
   };
-  dev.client = (_tools_devServer6 = tools.devServer) === null || _tools_devServer6 === void 0 ? void 0 : _tools_devServer6.client;
-  var _tools_devServer_devMiddleware_writeToDisk;
-  dev.writeToDisk = (_tools_devServer_devMiddleware_writeToDisk = (_tools_devServer7 = tools.devServer) === null || _tools_devServer7 === void 0 ? void 0 : (_tools_devServer_devMiddleware = _tools_devServer7.devMiddleware) === null || _tools_devServer_devMiddleware === void 0 ? void 0 : _tools_devServer_devMiddleware.writeToDisk) !== null && _tools_devServer_devMiddleware_writeToDisk !== void 0 ? _tools_devServer_devMiddleware_writeToDisk : true;
-  if (((_tools_devServer8 = tools.devServer) === null || _tools_devServer8 === void 0 ? void 0 : _tools_devServer8.hot) === false) {
-    dev.hmr = false;
-  }
-  if (((_tools_devServer9 = tools.devServer) === null || _tools_devServer9 === void 0 ? void 0 : (_tools_devServer_before = _tools_devServer9.before) === null || _tools_devServer_before === void 0 ? void 0 : _tools_devServer_before.length) || ((_tools_devServer10 = tools.devServer) === null || _tools_devServer10 === void 0 ? void 0 : (_tools_devServer_after = _tools_devServer10.after) === null || _tools_devServer_after === void 0 ? void 0 : _tools_devServer_after.length)) {
-    var _tools_devServer12;
-    dev.setupMiddlewares = [
-      ...((_tools_devServer12 = tools.devServer) === null || _tools_devServer12 === void 0 ? void 0 : _tools_devServer12.setupMiddlewares) || [],
-      (middlewares) => {
-        var _tools_devServer14, _tools_devServer15;
-        middlewares.unshift(...((_tools_devServer14 = tools.devServer) === null || _tools_devServer14 === void 0 ? void 0 : _tools_devServer14.before) || []);
-        middlewares.push(...((_tools_devServer15 = tools.devServer) === null || _tools_devServer15 === void 0 ? void 0 : _tools_devServer15.after) || []);
-      }
-    ];
-  } else if ((_tools_devServer11 = tools.devServer) === null || _tools_devServer11 === void 0 ? void 0 : _tools_devServer11.setupMiddlewares) {
-    var _tools_devServer13;
-    dev.setupMiddlewares = (_tools_devServer13 = tools.devServer) === null || _tools_devServer13 === void 0 ? void 0 : _tools_devServer13.setupMiddlewares;
-  }
   delete tools.devServer;
   delete dev.https;
   delete dev.port;
@@ -256,15 +197,18 @@ async function parseCommonConfig(uniBuilderConfig, options) {
     (0, import_globalVars.pluginGlobalVars)((_uniBuilderConfig_source = uniBuilderConfig.source) === null || _uniBuilderConfig_source === void 0 ? void 0 : _uniBuilderConfig_source.globalVars),
     (0, import_devtools.pluginDevtool)({
       disableSourceMap: (_uniBuilderConfig_output3 = uniBuilderConfig.output) === null || _uniBuilderConfig_output3 === void 0 ? void 0 : _uniBuilderConfig_output3.disableSourceMap
-    })
+    }),
+    (0, import_emitRouteFile.pluginEmitRouteFile)()
   ];
   const checkSyntaxOptions = (_uniBuilderConfig_security = uniBuilderConfig.security) === null || _uniBuilderConfig_security === void 0 ? void 0 : _uniBuilderConfig_security.checkSyntax;
   if (checkSyntaxOptions) {
-    rsbuildPlugins.push((0, import_plugin_check_syntax.pluginCheckSyntax)(typeof checkSyntaxOptions === "boolean" ? {} : checkSyntaxOptions));
+    const { pluginCheckSyntax } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-check-syntax")));
+    rsbuildPlugins.push(pluginCheckSyntax(typeof checkSyntaxOptions === "boolean" ? {} : checkSyntaxOptions));
   }
   if (!((_uniBuilderConfig_output4 = uniBuilderConfig.output) === null || _uniBuilderConfig_output4 === void 0 ? void 0 : _uniBuilderConfig_output4.disableTsChecker)) {
     var _uniBuilderConfig_tools2;
-    rsbuildPlugins.push((0, import_plugin_type_check.pluginTypeCheck)({
+    const { pluginTypeCheck } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-type-check")));
+    rsbuildPlugins.push(pluginTypeCheck({
       forkTsCheckerOptions: (_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.tsChecker
     }));
     delete output.disableTsChecker;
@@ -272,7 +216,8 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   }
   if (!((_uniBuilderConfig_output5 = uniBuilderConfig.output) === null || _uniBuilderConfig_output5 === void 0 ? void 0 : _uniBuilderConfig_output5.disableSvgr)) {
     var _uniBuilderConfig_output13;
-    rsbuildPlugins.push((0, import_plugin_svgr.pluginSvgr)({
+    const { pluginSvgr } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-svgr")));
+    rsbuildPlugins.push(pluginSvgr({
       svgDefaultExport: ((_uniBuilderConfig_output13 = uniBuilderConfig.output) === null || _uniBuilderConfig_output13 === void 0 ? void 0 : _uniBuilderConfig_output13.svgDefaultExport) || "url"
     }));
     delete output.disableSvgr;
@@ -280,15 +225,18 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   }
   if ((_uniBuilderConfig_source1 = uniBuilderConfig.source) === null || _uniBuilderConfig_source1 === void 0 ? void 0 : _uniBuilderConfig_source1.resolveMainFields) {
     var _uniBuilderConfig_source3;
-    rsbuildPlugins.push((0, import_mainFields.pluginMainFields)((_uniBuilderConfig_source3 = uniBuilderConfig.source) === null || _uniBuilderConfig_source3 === void 0 ? void 0 : _uniBuilderConfig_source3.resolveMainFields));
+    const { pluginMainFields } = await Promise.resolve().then(() => __toESM(require("./plugins/mainFields")));
+    rsbuildPlugins.push(pluginMainFields((_uniBuilderConfig_source3 = uniBuilderConfig.source) === null || _uniBuilderConfig_source3 === void 0 ? void 0 : _uniBuilderConfig_source3.resolveMainFields));
   }
   if ((_uniBuilderConfig_source2 = uniBuilderConfig.source) === null || _uniBuilderConfig_source2 === void 0 ? void 0 : _uniBuilderConfig_source2.resolveExtensionPrefix) {
     var _uniBuilderConfig_source4;
-    rsbuildPlugins.push((0, import_extensionPrefix.pluginExtensionPrefix)((_uniBuilderConfig_source4 = uniBuilderConfig.source) === null || _uniBuilderConfig_source4 === void 0 ? void 0 : _uniBuilderConfig_source4.resolveExtensionPrefix));
+    const { pluginExtensionPrefix } = await Promise.resolve().then(() => __toESM(require("./plugins/extensionPrefix")));
+    rsbuildPlugins.push(pluginExtensionPrefix((_uniBuilderConfig_source4 = uniBuilderConfig.source) === null || _uniBuilderConfig_source4 === void 0 ? void 0 : _uniBuilderConfig_source4.resolveExtensionPrefix));
   }
   const remOptions = (_uniBuilderConfig_output6 = uniBuilderConfig.output) === null || _uniBuilderConfig_output6 === void 0 ? void 0 : _uniBuilderConfig_output6.convertToRem;
   if (remOptions) {
-    rsbuildPlugins.push((0, import_plugin_rem.pluginRem)(typeof remOptions === "boolean" ? {} : remOptions));
+    const { pluginRem } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-rem")));
+    rsbuildPlugins.push(pluginRem(typeof remOptions === "boolean" ? {} : remOptions));
   }
   rsbuildPlugins.push((0, import_runtimeChunk.pluginRuntimeChunk)((_uniBuilderConfig_output7 = uniBuilderConfig.output) === null || _uniBuilderConfig_output7 === void 0 ? void 0 : _uniBuilderConfig_output7.disableInlineRuntimeChunk));
   if ((_uniBuilderConfig_experiments = uniBuilderConfig.experiments) === null || _uniBuilderConfig_experiments === void 0 ? void 0 : _uniBuilderConfig_experiments.sourceBuild) {
@@ -298,16 +246,19 @@ async function parseCommonConfig(uniBuilderConfig, options) {
   rsbuildPlugins.push((0, import_plugin_react.pluginReact)());
   const pugOptions = (_uniBuilderConfig_tools = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools === void 0 ? void 0 : _uniBuilderConfig_tools.pug;
   if (pugOptions) {
-    rsbuildPlugins.push((0, import_plugin_pug.pluginPug)(typeof pugOptions === "boolean" ? {} : {
+    const { pluginPug } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-pug")));
+    rsbuildPlugins.push(pluginPug(typeof pugOptions === "boolean" ? {} : {
       pugOptions
     }));
   }
   if ((_uniBuilderConfig_output8 = uniBuilderConfig.output) === null || _uniBuilderConfig_output8 === void 0 ? void 0 : _uniBuilderConfig_output8.assetsRetry) {
     var _uniBuilderConfig_output14;
-    rsbuildPlugins.push((0, import_plugin_assets_retry.pluginAssetsRetry)((_uniBuilderConfig_output14 = uniBuilderConfig.output) === null || _uniBuilderConfig_output14 === void 0 ? void 0 : _uniBuilderConfig_output14.assetsRetry));
+    const { pluginAssetsRetry } = await Promise.resolve().then(() => __toESM(require("@rsbuild/plugin-assets-retry")));
+    rsbuildPlugins.push(pluginAssetsRetry((_uniBuilderConfig_output14 = uniBuilderConfig.output) === null || _uniBuilderConfig_output14 === void 0 ? void 0 : _uniBuilderConfig_output14.assetsRetry));
   }
   if ((_uniBuilderConfig_output9 = uniBuilderConfig.output) === null || _uniBuilderConfig_output9 === void 0 ? void 0 : _uniBuilderConfig_output9.enableAssetFallback) {
-    rsbuildPlugins.push((0, import_fallback.pluginFallback)());
+    const { pluginFallback } = await Promise.resolve().then(() => __toESM(require("./plugins/fallback")));
+    rsbuildPlugins.push(pluginFallback());
   }
   if (frameworkConfigPath) {
     rsbuildPlugins.push((0, import_frameworkConfig.pluginFrameworkConfig)(frameworkConfigPath));

package/dist/shared/plugins/emitRouteFile.d.ts

@@ -0,0 +1,5 @@
+import { type RsbuildPlugin } from '@rsbuild/shared';
+/**
+ * generate a basic route.json for modern.js server
+ */
+export declare const pluginEmitRouteFile: () => RsbuildPlugin;

package/dist/shared/plugins/emitRouteFile.js

@@ -0,0 +1,60 @@
+"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);
+var emitRouteFile_exports = {};
+__export(emitRouteFile_exports, {
+  pluginEmitRouteFile: () => pluginEmitRouteFile
+});
+module.exports = __toCommonJS(emitRouteFile_exports);
+var import_path = require("path");
+var import_shared = require("@rsbuild/shared");
+const pluginEmitRouteFile = () => ({
+  name: "uni-builder:emit-route-file",
+  setup(api) {
+    api.onBeforeStartDevServer(async () => {
+      const { fs, ROUTE_SPEC_FILE } = await Promise.resolve().then(() => __toESM(require("@modern-js/utils")));
+      const routeFilePath = (0, import_path.join)(api.context.distPath, ROUTE_SPEC_FILE);
+      const htmlPaths = api.getHTMLPaths();
+      const routesInfo = Object.entries(htmlPaths).map(([entryName, filename], index) => ({
+        urlPath: index === 0 ? "/" : `/${entryName}`,
+        entryName,
+        entryPath: filename,
+        isSPA: true
+      }));
+      if (!await (0, import_shared.isFileExists)(routeFilePath) && routesInfo.length) {
+        await fs.outputFile(routeFilePath, JSON.stringify({
+          routes: routesInfo
+        }, null, 2));
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  pluginEmitRouteFile
+});

package/dist/types.d.ts

@@ -44,7 +44,7 @@ export type DisableSourceMapOption = boolean | {
 };
 export type UniBuilderExtraConfig = {
     tools?: {
-        styledComponents?: PluginStyledComponentsOptions;
+        styledComponents?: false | PluginStyledComponentsOptions;
         devServer?: {
             before?: RequestHandler[];
             after?: RequestHandler[];

package/dist/webpack/index.d.ts

@@ -1,7 +1,13 @@
 import { type RsbuildConfig, type RsbuildPlugin, type RsbuildInstance } from '@rsbuild/core';
+import type { StartServerResult } from '@rsbuild/shared';
 import type { UniBuilderWebpackConfig, CreateWebpackBuilderOptions, CreateBuilderCommonOptions } from '../types';
+import type { StartDevServerOptions } from '../shared/devServer';
 export declare function parseConfig(uniBuilderConfig: UniBuilderWebpackConfig, options: CreateBuilderCommonOptions): Promise<{
     rsbuildConfig: RsbuildConfig;
     rsbuildPlugins: RsbuildPlugin[];
 }>;
-export declare function createWebpackBuilder(options: CreateWebpackBuilderOptions): Promise<RsbuildInstance>;
+type UniBuilderWebpackInstance = Omit<RsbuildInstance, 'startDevServer'> & {
+    startDevServer: (options: StartDevServerOptions) => Promise<StartServerResult>;
+};
+export declare function createWebpackBuilder(options: CreateWebpackBuilderOptions): Promise<UniBuilderWebpackInstance>;
+export {};

package/dist/webpack/index.js

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(webpack_exports);
 var import_core = require("@rsbuild/core");
 var import_parseCommonConfig = require("../shared/parseCommonConfig");
 var import_moduleScopes = require("./plugins/moduleScopes");
-var import_styledComponents = require("./plugins/styledComponents");
 var import_babel = require("./plugins/babel");
 var import_react = require("./plugins/react");
 async function parseConfig(uniBuilderConfig, options) {
@@ -63,7 +62,11 @@ async function parseConfig(uniBuilderConfig, options) {
     const { pluginLazyCompilation } = await Promise.resolve().then(() => __toESM(require("./plugins/lazyCompilation")));
     rsbuildPlugins.push(pluginLazyCompilation((_uniBuilderConfig_experiments1 = uniBuilderConfig.experiments) === null || _uniBuilderConfig_experiments1 === void 0 ? void 0 : _uniBuilderConfig_experiments1.lazyCompilation));
   }
-  rsbuildPlugins.push((0, import_styledComponents.pluginStyledComponents)((_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.styledComponents));
+  if (((_uniBuilderConfig_tools2 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools2 === void 0 ? void 0 : _uniBuilderConfig_tools2.styledComponents) !== false) {
+    var _uniBuilderConfig_tools3;
+    const { pluginStyledComponents } = await Promise.resolve().then(() => __toESM(require("./plugins/styledComponents")));
+    rsbuildPlugins.push(pluginStyledComponents((_uniBuilderConfig_tools3 = uniBuilderConfig.tools) === null || _uniBuilderConfig_tools3 === void 0 ? void 0 : _uniBuilderConfig_tools3.styledComponents));
+  }
   return {
     rsbuildConfig,
     rsbuildPlugins
@@ -86,7 +89,13 @@ async function createWebpackBuilder(options) {
     ...rsbuildPlugins,
     (0, import_moduleScopes.pluginModuleScopes)((_options_config_source = options.config.source) === null || _options_config_source === void 0 ? void 0 : _options_config_source.moduleScopes)
   ]);
-  return rsbuild;
+  return {
+    ...rsbuild,
+    startDevServer: async (options2 = {}) => {
+      const { startDevServer } = await Promise.resolve().then(() => __toESM(require("../shared/devServer")));
+      return startDevServer(rsbuild, options2, config);
+    }
+  };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/uni-builder",
-  "version": "0.0.0-nightly-20231218170633",
+  "version": "0.0.0-nightly-20231219170633",
   "description": "Unified builder for Modern.js",
   "repository": {
     "type": "git",
@@ -59,7 +59,10 @@
     "ts-loader": "9.4.4",
     "webpack": "^5.89.0",
     "webpack-manifest-plugin": "5.0.0",
-    "webpack-subresource-integrity": "5.1.0"
+    "webpack-subresource-integrity": "5.1.0",
+    "@modern-js/server": "0.0.0-nightly-20231219170633",
+    "@modern-js/utils": "0.0.0-nightly-20231219170633",
+    "@modern-js/prod-server": "0.0.0-nightly-20231219170633"
   },
   "devDependencies": {
     "@rsbuild/plugin-swc": "0.2.4",
@@ -67,8 +70,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.3.0",
-    "@scripts/build": "0.0.0-nightly-20231218170633",
-    "@scripts/vitest-config": "0.0.0-nightly-20231218170633"
+    "@scripts/vitest-config": "0.0.0-nightly-20231219170633",
+    "@scripts/build": "0.0.0-nightly-20231219170633"
   },
   "publishConfig": {
     "access": "public",