@rsbuild/core 0.6.3 → 0.6.4

package/dist/cli/commands.js

@@ -39,7 +39,7 @@ const applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.6.3");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.6.4");
   const devCommand = import_commander.program.command("dev");
   const buildCommand = import_commander.program.command("build");
   const previewCommand = import_commander.program.command("preview");

package/dist/cli/prepare.js

@@ -34,7 +34,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  import_rslog.logger.greet(`  ${`Rsbuild v${"0.6.3"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"0.6.4"}`}
 `);
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/client/hmr/index.d.ts

@@ -1,7 +1,4 @@
-declare let createOverlay: undefined | ((err: string[]) => void);
-declare let clearOverlay: undefined | (() => void);
 export declare const registerOverlay: (options: {
     createOverlay: (err: string[]) => void;
     clearOverlay: () => void;
 }) => void;
-export {};

package/dist/client/overlay.mjs

@@ -164,10 +164,10 @@ function linkedText(root, selector, text) {
     el.appendChild(document.createTextNode(frag));
 }
 var overlayTemplate = '\n<style>\n.root {\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  margin: 0;\n  background: rgba(0, 0, 0, 0.66);\n  cursor: pointer;\n}\n.container {\n  font-family: Menlo, Consolas, monospace;\n  line-height: 1.6;\n  width: 800px;\n  max-width: 85%;\n  color: #d8d8d8;\n  margin: 32px auto;\n  padding: 32px 40px;\n  position: relative;\n  background: #181818;\n  border-radius: 24px;\n  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\n  overflow: hidden;\n  direction: ltr;\n  text-align: left;\n  box-sizing: border-box;\n  cursor: default;\n}\n.title {\n  margin: 0 0 20px;\n  padding-bottom: 12px;\n  font-size: 17px;\n  font-weight: 600;\n  color: #fc5e5e;\n  border-bottom: 2px solid rgba(252,94,94,.66);\n}\n.content {\n  margin: 0;\n  font-size: 14px;\n  font-family: inherit;\n  overflow-x: scroll;\n  scrollbar-width: none;\n  color: #b8b8b8;\n}\n.content::-webkit-scrollbar {\n  display: none;\n}\n.file-link {\n  cursor: pointer;\n  color: #27caca;\n  text-decoration: underline;\n  &:hover {\n    opacity: 0.8;\n  }\n  &:active {\n    opacity: 0.6;\n  }\n}\n.close {\n  position: absolute;\n  top: 27px;\n  right: 32px;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.close:hover {\n  opacity: 0.8;\n}\n.close:active {\n  opacity: 0.6;\n}\n.close:before,\n.close:after {\n  position: absolute;\n  left: 16px;\n  top: 8px;\n  content: \' \';\n  height: 18px;\n  width: 2px;\n  border-radius: 4px;\n  background-color: #b8b8b8;\n}\n.close:before {\n  transform: rotate(45deg);\n}\n.close:after {\n  transform: rotate(-45deg);\n}\n.footer {\n  font-size: 12px;\n  color: #7e6a92;\n  margin-top: 20px;\n  padding-top: 12px;\n  border-top: 2px solid rgba(126,106,146,.6);\n}\n.footer p {\n  margin: 4px 0 0;\n}\n.footer span {\n  color: #a88dc3;\n}\n</style>\n\n<div class="root">\n  <div class="container">\n    <div class="close"></div>\n    <p class="title">Compilation failed</p>\n    <pre class="content"></pre>\n    <footer class="footer">\n      <p><span>Fix error</span>, click outside, or press Esc to close the overlay.</p>\n      <p>Disable overlay by setting Rsbuild\'s <span>dev.client.overlay</span> config to false.<p>\n    </footer>\n  </div>\n</div>\n';
-var _globalThis_HTMLElement = globalThis.HTMLElement, HTMLElement = _globalThis_HTMLElement === void 0 ? function HTMLElement() {
+var _ref = typeof window !== "undefined" ? window : globalThis, _ref_HTMLElement = _ref.HTMLElement, HTMLElement = _ref_HTMLElement === void 0 ? function HTMLElement() {
     "use strict";
     _class_call_check(this, HTMLElement);
-} : _globalThis_HTMLElement, customElements = globalThis.customElements;
+} : _ref_HTMLElement, customElements = _ref.customElements;
 var ErrorOverlay = /*#__PURE__*/ function(HTMLElement) {
     "use strict";
     _inherits(ErrorOverlay, HTMLElement);

package/dist/config.js

@@ -140,7 +140,8 @@ const getDefaultOutputConfig = () => ({
   cssModules: {
     auto: true,
     exportLocalsConvention: "camelCase"
-  }
+  },
+  emitAssets: () => true
 });
 const createDefaultConfig = () => ({
   dev: getDefaultDevConfig(),

package/dist/{provider/createContext.d.ts → createContext.d.ts}

@@ -1,5 +1,5 @@
 import { type BundlerType, type RsbuildConfig, type RsbuildContext, type NormalizedConfig, type CreateRsbuildOptions } from '@rsbuild/shared';
-import type { InternalContext } from '../types';
+import type { InternalContext } from './types';
 export declare function updateContextByNormalizedConfig(context: RsbuildContext, config: NormalizedConfig): void;
 export declare function createPublicContext(context: RsbuildContext): Readonly<RsbuildContext>;
 /**

package/dist/{provider/createContext.js → createContext.js}

@@ -25,9 +25,9 @@ __export(createContext_exports, {
 module.exports = __toCommonJS(createContext_exports);
 var import_node_path = require("node:path");
 var import_shared = require("@rsbuild/shared");
-var import_initHooks = require("../initHooks");
-var import_config = require("../config");
-var import_entry = require("../plugins/entry");
+var import_initHooks = require("./initHooks");
+var import_config = require("./config");
+var import_entry = require("./plugins/entry");
 function getAbsolutePath(root, filepath) {
   return (0, import_node_path.isAbsolute)(filepath) ? filepath : (0, import_node_path.join)(root, filepath);
 }
@@ -44,7 +44,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   const context = {
     entry: (0, import_entry.getEntryObject)(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.6.3",
+    version: "0.6.4",
     rootPath,
     distPath,
     cachePath,

package/dist/index.js

@@ -38,7 +38,7 @@ var import_config = require("./config");
 var import_shared = require("@rsbuild/shared");
 var import_mergeConfig = require("./mergeConfig");
 var import_constants = require("./constants");
-const version = "0.6.3";
+const version = "0.6.4";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,

package/dist/{provider/initPlugins.d.ts → initPlugins.d.ts}

@@ -1,5 +1,5 @@
 import { type PluginManager, type RsbuildPluginAPI } from '@rsbuild/shared';
-import type { InternalContext, NormalizedConfig } from '../types';
+import type { InternalContext, NormalizedConfig } from './types';
 export declare function getHTMLPathByEntry(entryName: string, config: NormalizedConfig): string;
 export declare function getPluginAPI({ context, pluginManager, }: {
     context: InternalContext;

package/dist/{provider/initPlugins.js → initPlugins.js}

@@ -104,7 +104,7 @@ function getPluginAPI({
       if (descriptor.resourceQuery) {
         rule.resourceQuery(descriptor.resourceQuery);
       }
-      rule.use(id).loader((0, import_node_path.join)(__dirname, "../rspack/transformLoader")).options({ id });
+      rule.use(id).loader((0, import_node_path.join)(__dirname, "./rspack/transformLoader")).options({ id });
       applyTransformPlugin(chain, transformer);
     });
   };

package/dist/internal.d.ts

@@ -4,17 +4,17 @@
  * Please do not use them in your Rsbuild project or plugins.
  */
 export { rspackProvider } from './provider/provider';
-export { createContext, createPublicContext } from './provider/createContext';
+export { createContext, createPublicContext } from './createContext';
 export { initPlugins, createPluginManager } from './pluginManager';
 export { initHooks, type Hooks } from './initHooks';
 export { initRsbuildConfig } from './provider/initConfigs';
-export { getPluginAPI } from './provider/initPlugins';
+export { getPluginAPI } from './initPlugins';
 export { applyBaseCSSRule, applyCSSModuleRule } from './provider/plugins/css';
 export type { InternalContext } from './types';
 export { setHTMLPlugin, getHTMLPlugin } from './htmlUtils';
 export { formatStats, getStatsOptions } from './provider/shared';
 export { getChainUtils } from './provider/rspackConfig';
 export { applySwcDecoratorConfig } from './provider/plugins/swc';
-export { getDevMiddleware } from './provider/devMiddleware';
+export { getDevMiddleware } from './server/devMiddleware';
 export { createDevServer, startProdServer } from './server';
 export { plugins } from './plugins';

package/dist/internal.js

@@ -41,17 +41,17 @@ __export(internal_exports, {
 });
 module.exports = __toCommonJS(internal_exports);
 var import_provider = require("./provider/provider");
-var import_createContext = require("./provider/createContext");
+var import_createContext = require("./createContext");
 var import_pluginManager = require("./pluginManager");
 var import_initHooks = require("./initHooks");
 var import_initConfigs = require("./provider/initConfigs");
-var import_initPlugins = require("./provider/initPlugins");
+var import_initPlugins = require("./initPlugins");
 var import_css = require("./provider/plugins/css");
 var import_htmlUtils = require("./htmlUtils");
 var import_shared = require("./provider/shared");
 var import_rspackConfig = require("./provider/rspackConfig");
 var import_swc = require("./provider/plugins/swc");
-var import_devMiddleware = require("./provider/devMiddleware");
+var import_devMiddleware = require("./server/devMiddleware");
 var import_server = require("./server");
 var import_plugins = require("./plugins");
 // Annotate the CommonJS export names for ESM import in node:

package/dist/mergeConfig.js

@@ -28,6 +28,7 @@ const OVERRIDE_PATH = [
   "output.inlineStyles",
   "output.cssModules.auto",
   "output.targets",
+  "output.emitAssets",
   "server.printUrls",
   "dev.startUrl",
   "provider"

package/dist/plugins/asset.js

@@ -35,22 +35,25 @@ module.exports = __toCommonJS(asset_exports);
 var import_node_path = __toESM(require("node:path"));
 var import_shared = require("@rsbuild/shared");
 const chainStaticAssetRule = ({
+  emit,
   rule,
   maxSize,
   filename,
   assetType
 }) => {
-  rule.oneOf(`${assetType}-asset-url`).type("asset/resource").resourceQuery(/(__inline=false|url)/).set("generator", {
+  const generatorOptions = {
     filename
-  });
+  };
+  if (emit === false) {
+    generatorOptions.emit = false;
+  }
+  rule.oneOf(`${assetType}-asset-url`).type("asset/resource").resourceQuery(/(__inline=false|url)/).set("generator", generatorOptions);
   rule.oneOf(`${assetType}-asset-inline`).type("asset/inline").resourceQuery(/inline/);
   rule.oneOf(`${assetType}-asset`).type("asset").parser({
     dataUrlCondition: {
       maxSize
     }
-  }).set("generator", {
-    filename
-  });
+  }).set("generator", generatorOptions);
 };
 function getRegExpForExts(exts) {
   const matcher = exts.map((ext) => ext.trim()).map((ext) => ext.startsWith(".") ? ext.slice(1) : ext).join("|");
@@ -62,9 +65,9 @@ function getRegExpForExts(exts) {
 const pluginAsset = () => ({
   name: "rsbuild:asset",
   setup(api) {
-    api.modifyBundlerChain((chain, { isProd }) => {
+    api.modifyBundlerChain((chain, { isProd, target }) => {
       const config = api.getNormalizedConfig();
-      const createAssetRule = (assetType, exts) => {
+      const createAssetRule = (assetType, exts, emit2) => {
         const regExp = getRegExpForExts(exts);
         const distDir = (0, import_shared.getDistPath)(config, assetType);
         const filename = (0, import_shared.getFilename)(config, assetType, isProd);
@@ -72,16 +75,22 @@ const pluginAsset = () => ({
         const maxSize = typeof dataUriLimit === "number" ? dataUriLimit : dataUriLimit[assetType];
         const rule = chain.module.rule(assetType).test(regExp);
         chainStaticAssetRule({
+          emit: emit2,
           rule,
           maxSize,
           filename: import_node_path.default.posix.join(distDir, filename),
           assetType
         });
       };
-      createAssetRule("image", import_shared.IMAGE_EXTENSIONS);
-      createAssetRule("svg", ["svg"]);
-      createAssetRule("media", [...import_shared.VIDEO_EXTENSIONS, ...import_shared.AUDIO_EXTENSIONS]);
-      createAssetRule("font", import_shared.FONT_EXTENSIONS);
+      const emit = config.output.emitAssets({ target });
+      createAssetRule("image", import_shared.IMAGE_EXTENSIONS, emit);
+      createAssetRule("svg", ["svg"], emit);
+      createAssetRule(
+        "media",
+        [...import_shared.VIDEO_EXTENSIONS, ...import_shared.AUDIO_EXTENSIONS],
+        emit
+      );
+      createAssetRule("font", import_shared.FONT_EXTENSIONS, emit);
     });
   }
 });

package/dist/provider/createCompiler.js

@@ -131,7 +131,7 @@ async function createDevMiddleware(options, customCompiler) {
       rspackConfigs
     });
   }
-  const { getDevMiddleware } = await Promise.resolve().then(() => __toESM(require("./devMiddleware")));
+  const { getDevMiddleware } = await Promise.resolve().then(() => __toESM(require("../server/devMiddleware")));
   return {
     devMiddleware: getDevMiddleware(compiler),
     compiler

package/dist/provider/initConfigs.js

@@ -24,7 +24,7 @@ __export(initConfigs_exports, {
 module.exports = __toCommonJS(initConfigs_exports);
 var import_shared = require("@rsbuild/shared");
 var import_mergeConfig = require("../mergeConfig");
-var import_createContext = require("./createContext");
+var import_createContext = require("../createContext");
 var import_inspectConfig = require("./inspectConfig");
 var import_rspackConfig = require("./rspackConfig");
 var import_config = require("../config");

package/dist/provider/provider.js

@@ -32,9 +32,9 @@ __export(provider_exports, {
 });
 module.exports = __toCommonJS(provider_exports);
 var import_shared = require("@rsbuild/shared");
-var import_createContext = require("./createContext");
+var import_createContext = require("../createContext");
 var import_initConfigs = require("./initConfigs");
-var import_initPlugins = require("./initPlugins");
+var import_initPlugins = require("../initPlugins");
 var import_plugins = require("../plugins");
 const rspackProvider = async ({
   pluginManager,

package/dist/server/helper.d.ts

@@ -29,12 +29,12 @@ export declare const getPort: ({ host, port, strictPort, tryLimits, silent, }: {
     host: string;
     port: string | number;
     strictPort: boolean;
-    tryLimits?: number | undefined;
-    silent?: boolean | undefined;
+    tryLimits?: number;
+    silent?: boolean;
 }) => Promise<number>;
 export declare const getServerOptions: ({ rsbuildConfig, getPortSilently, }: {
     rsbuildConfig: RsbuildConfig;
-    getPortSilently?: boolean | undefined;
+    getPortSilently?: boolean;
 }) => Promise<{
     port: number;
     host: string;
@@ -43,7 +43,7 @@ export declare const getServerOptions: ({ rsbuildConfig, getPortSilently, }: {
 }>;
 export declare const getDevOptions: ({ rsbuildConfig, getPortSilently, }: {
     rsbuildConfig: RsbuildConfig;
-    getPortSilently?: boolean | undefined;
+    getPortSilently?: boolean;
 }) => Promise<{
     devConfig: DevConfig;
     serverConfig: import("@rsbuild/shared").ServerConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "The Rspack-based build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -53,7 +53,7 @@
     "core-js": "~3.36.0",
     "html-webpack-plugin": "npm:html-rspack-plugin@5.6.2",
     "postcss": "^8.4.38",
-    "@rsbuild/shared": "0.6.3"
+    "@rsbuild/shared": "0.6.4"
   },
   "devDependencies": {
     "@types/node": "16.x",