@rsbuild/core 0.0.28 → 0.1.1

package/dist/plugins/html.js

@@ -29,11 +29,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var html_exports = {};
 __export(html_exports, {
   applyInjectTags: () => applyInjectTags,
-  generateMetaTags: () => generateMetaTags,
   getFavicon: () => getFavicon,
   getInject: () => getInject,
   getMetaTags: () => getMetaTags,
-  getTemplatePath: () => getTemplatePath,
+  getTemplate: () => getTemplate,
   getTitle: () => getTitle,
   pluginHtml: () => pluginHtml
 });
@@ -57,17 +56,39 @@ function getInject(entryName, config) {
     useObjectParam: true
   });
 }
-function getTemplatePath(entryName, config) {
+const existTemplatePath = [];
+async function getTemplate(entryName, config, rootPath) {
   const DEFAULT_TEMPLATE = import_path.default.resolve(
     __dirname,
     "../../static/template.html"
   );
-  return (0, import_shared.mergeChainedOptions)({
+  const templatePath = (0, import_shared.mergeChainedOptions)({
     defaults: DEFAULT_TEMPLATE,
     options: config.html.template,
     utils: { entryName },
     useObjectParam: true
   });
+  if (templatePath === DEFAULT_TEMPLATE) {
+    return {
+      templatePath
+    };
+  }
+  const absolutePath = (0, import_path.isAbsolute)(templatePath) ? templatePath : import_path.default.resolve(rootPath, templatePath);
+  if (!existTemplatePath.includes(absolutePath)) {
+    if (!await (0, import_shared.isFileExists)(absolutePath)) {
+      throw new Error(
+        `Failed to resolve HTML template, please check if the file exists: ${import_shared.color.cyan(
+          absolutePath
+        )}`
+      );
+    }
+    existTemplatePath.push(absolutePath);
+  }
+  const templateContent = await import_shared.fse.readFile(absolutePath, "utf-8");
+  return {
+    templatePath: absolutePath,
+    templateContent
+  };
 }
 function getFavicon(entryName, config) {
   return (0, import_shared.mergeChainedOptions)({
@@ -77,26 +98,13 @@ function getFavicon(entryName, config) {
     useObjectParam: true
   });
 }
-const generateMetaTags = (metaOptions) => {
-  if (!metaOptions) {
-    return [];
-  }
-  return Object.keys(metaOptions).map((metaName) => {
-    const metaTagContent = metaOptions[metaName];
-    return typeof metaTagContent === "string" ? {
-      name: metaName,
-      content: metaTagContent
-    } : metaTagContent;
-  }).filter(Boolean);
-};
 async function getMetaTags(entryName, config) {
-  const merged = (0, import_shared.mergeChainedOptions)({
+  return (0, import_shared.mergeChainedOptions)({
     defaults: {},
     options: config.html.meta,
     utils: { entryName },
     useObjectParam: true
   });
-  return generateMetaTags(merged);
 }
 function getTemplateParameters(entryName, config, assetPrefix) {
   return (compilation, assets, assetTags, pluginOptions) => {
@@ -161,7 +169,7 @@ const applyInjectTags = (api) => {
   });
 };
 const pluginHtml = () => ({
-  name: "plugin-html",
+  name: "rsbuild:html",
   setup(api) {
     api.modifyBundlerChain(
       async (chain, { HtmlPlugin, isProd, CHAIN_ID, target }) => {
@@ -183,31 +191,36 @@ const pluginHtml = () => ({
             const chunks = getChunks(entryName, entryValue);
             const inject = getInject(entryName, config);
             const filename = htmlPaths[entryName];
-            const template = getTemplatePath(entryName, config);
+            const { templatePath, templateContent } = await getTemplate(
+              entryName,
+              config,
+              api.context.rootPath
+            );
             const templateParameters = getTemplateParameters(
               entryName,
               config,
               assetPrefix
             );
+            const metaTags = await getMetaTags(entryName, config);
             const pluginOptions = {
+              meta: metaTags,
               chunks,
               inject,
               minify,
               filename,
-              template,
+              template: templatePath,
               templateParameters,
               scriptLoading: config.html.scriptLoading
             };
             const htmlInfo = {};
             htmlInfoMap[filename] = htmlInfo;
+            if (templateContent) {
+              htmlInfo.templateContent = templateContent;
+            }
             const title = getTitle(entryName, config);
             if (title) {
               htmlInfo.title = title;
             }
-            const metaTags = await getMetaTags(entryName, config);
-            if (metaTags.length) {
-              htmlInfo.meta = metaTags;
-            }
             const favicon = getFavicon(entryName, config);
             if (favicon) {
               if ((0, import_shared.isURL)(favicon)) {
@@ -260,11 +273,10 @@ const pluginHtml = () => ({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   applyInjectTags,
-  generateMetaTags,
   getFavicon,
   getInject,
   getMetaTags,
-  getTemplatePath,
+  getTemplate,
   getTitle,
   pluginHtml
 });

package/dist/plugins/inlineChunk.js

@@ -33,7 +33,7 @@ __export(inlineChunk_exports, {
 module.exports = __toCommonJS(inlineChunk_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginInlineChunk = () => ({
-  name: "plugin-inline-chunk",
+  name: "rsbuild:inline-chunk",
   setup(api) {
     api.modifyBundlerChain(
       async (chain, { target, CHAIN_ID, isProd, HtmlPlugin }) => {
@@ -43,21 +43,17 @@ const pluginInlineChunk = () => ({
         }
         const { InlineChunkHtmlPlugin } = await Promise.resolve().then(() => __toESM(require("@rsbuild/shared")));
         const {
-          enableInlineStyles,
-          // todo: not support enableInlineScripts in Rspack yet, which will take unknown build error
-          enableInlineScripts
+          inlineStyles,
+          // todo: not support inlineScripts in Rspack yet, which will take unknown build error
+          inlineScripts
         } = config.output;
         const scriptTests = [];
         const styleTests = [];
-        if (enableInlineScripts) {
-          scriptTests.push(
-            enableInlineScripts === true ? import_shared.JS_REGEX : enableInlineScripts
-          );
+        if (inlineScripts) {
+          scriptTests.push(inlineScripts === true ? import_shared.JS_REGEX : inlineScripts);
         }
-        if (enableInlineStyles) {
-          styleTests.push(
-            enableInlineStyles === true ? import_shared.CSS_REGEX : enableInlineStyles
-          );
+        if (inlineStyles) {
+          styleTests.push(inlineStyles === true ? import_shared.CSS_REGEX : inlineStyles);
         }
         if (!scriptTests.length && !styleTests.length) {
           return;

package/dist/plugins/moment.js

@@ -47,7 +47,7 @@ class IgnorePlugin {
   }
 }
 const pluginMoment = () => ({
-  name: "plugin-moment",
+  name: "rsbuild:moment",
   setup(api) {
     api.modifyBundlerChain(async (chain) => {
       const config = api.getNormalizedConfig();

package/dist/plugins/nodeAddons.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(nodeAddons_exports);
 var import_path = require("path");
 var import_shared = require("@rsbuild/shared");
 const pluginNodeAddons = () => ({
-  name: "plugin-node-addons",
+  name: "rsbuild:node-addons",
   setup(api) {
     api.modifyBundlerChain(
       async (chain, { isServer, isServiceWorker, CHAIN_ID }) => {

package/dist/plugins/performance.js

@@ -32,7 +32,7 @@ function applyProfile({
   chain.profile(profile);
 }
 const pluginPerformance = () => ({
-  name: "plugin-performance",
+  name: "rsbuild:performance",
   setup(api) {
     api.modifyRsbuildConfig((rsbuildConfig) => {
       var _a, _b, _c;

package/dist/plugins/splitChunks.js

@@ -172,7 +172,7 @@ const SPLIT_STRATEGY_DISPATCHER = {
 };
 function pluginSplitChunks() {
   return {
-    name: "plugin-split-chunks",
+    name: "rsbuild:split-chunks",
     setup(api) {
       api.modifyBundlerChain(
         async (chain, { isServer, isWebWorker, isServiceWorker }) => {

package/dist/plugins/startUrl.js

@@ -93,7 +93,7 @@ const replacePlaceholder = (url, port) => url.replace(/<port>/g, String(port));
 const openedURLs = [];
 function pluginStartUrl() {
   return {
-    name: "plugin-start-url",
+    name: "rsbuild:start-url",
     setup(api) {
       api.onAfterStartDevServer(async (params) => {
         const { port, routes } = params;

package/dist/plugins/target.js

@@ -23,7 +23,7 @@ __export(target_exports, {
 module.exports = __toCommonJS(target_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginTarget = () => ({
-  name: "plugin-target",
+  name: "rsbuild:target",
   setup(api) {
     api.modifyBundlerChain(async (chain, { target }) => {
       if (target === "node") {

package/dist/plugins/toml.js

@@ -23,7 +23,7 @@ __export(toml_exports, {
 module.exports = __toCommonJS(toml_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginToml = () => ({
-  name: "plugin-toml",
+  name: "rsbuild:toml",
   setup(api) {
     api.modifyBundlerChain((chain, { CHAIN_ID }) => {
       chain.module.rule(CHAIN_ID.RULE.TOML).type("javascript/auto").test(/\.toml$/).use(CHAIN_ID.USE.TOML).loader((0, import_shared.getSharedPkgCompiledPath)("toml-loader"));

package/dist/plugins/wasm.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(wasm_exports);
 var import_path = require("path");
 var import_shared = require("@rsbuild/shared");
 const pluginWasm = () => ({
-  name: "plugin-wasm",
+  name: "rsbuild:wasm",
   setup(api) {
     api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
       const config = api.getNormalizedConfig();

package/dist/plugins/yaml.js

@@ -23,7 +23,7 @@ __export(yaml_exports, {
 module.exports = __toCommonJS(yaml_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginYaml = () => ({
-  name: "plugin-yaml",
+  name: "rsbuild:yaml",
   setup(api) {
     api.modifyBundlerChain((chain, { CHAIN_ID }) => {
       chain.module.rule(CHAIN_ID.RULE.YAML).type("javascript/auto").test(/\.ya?ml$/).use(CHAIN_ID.USE.YAML).loader((0, import_shared.getSharedPkgCompiledPath)("yaml-loader"));

package/dist/rspack-plugins/HtmlBasicPlugin.d.ts

@@ -1,15 +1,15 @@
 import type HtmlWebpackPlugin from 'html-webpack-plugin';
 import type { Compiler } from '@rspack/core';
-import type { MetaAttrs } from '@rsbuild/shared';
 export type HtmlInfo = {
-  meta?: MetaAttrs[];
   title?: string;
   favicon?: string;
+  templateContent?: string;
 };
 export type HtmlBasicPluginOptions = {
   info: Record<string, HtmlInfo>;
   HtmlPlugin: typeof HtmlWebpackPlugin;
 };
+export declare const hasTitle: (html?: string) => boolean;
 export declare class HtmlBasicPlugin {
   readonly name: string;
   readonly options: HtmlBasicPluginOptions;

package/dist/rspack-plugins/HtmlBasicPlugin.js

@@ -18,9 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var HtmlBasicPlugin_exports = {};
 __export(HtmlBasicPlugin_exports, {
-  HtmlBasicPlugin: () => HtmlBasicPlugin
+  HtmlBasicPlugin: () => HtmlBasicPlugin,
+  hasTitle: () => hasTitle
 });
 module.exports = __toCommonJS(HtmlBasicPlugin_exports);
+const hasTitle = (html) => html ? /<title/i.test(html) && /<\/title/i.test(html) : false;
 class HtmlBasicPlugin {
   constructor(options) {
     this.name = "HtmlBasicPlugin";
@@ -40,19 +42,6 @@ class HtmlBasicPlugin {
         });
       }
     };
-    const addMetaTag = (headTags, outputName) => {
-      const { meta } = this.options.info[outputName];
-      if (meta) {
-        headTags.unshift(
-          ...meta.map((attr) => ({
-            tagName: "meta",
-            attributes: attr,
-            meta: {},
-            voidTag: true
-          }))
-        );
-      }
-    };
     const addFavicon = (headTags, outputName) => {
       const { favicon } = this.options.info[outputName];
       if (favicon) {
@@ -72,8 +61,10 @@ class HtmlBasicPlugin {
         this.name,
         (data) => {
           const { headTags, outputName } = data;
-          addTitleTag(headTags, outputName);
-          addMetaTag(headTags, outputName);
+          const { templateContent } = this.options.info[outputName];
+          if (!hasTitle(templateContent)) {
+            addTitleTag(headTags, outputName);
+          }
           addFavicon(headTags, outputName);
           return data;
         }
@@ -83,5 +74,6 @@ class HtmlBasicPlugin {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  HtmlBasicPlugin
+  HtmlBasicPlugin,
+  hasTitle
 });

package/dist/rspack-provider/core/createContext.js

@@ -64,7 +64,7 @@ function createContextByConfig(options, bundlerType, sourceConfig = {}, outputCo
     entry: sourceConfig.entry || // TODO: remove sourceConfig.entries in v0.2.0
     // compat with previous config
     sourceConfig.entries || getDefaultEntry(rootPath),
-    version: "0.0.28",
+    version: "0.1.1",
     target,
     rootPath,
     distPath,

package/dist/rspack-provider/plugins/basic.js

@@ -23,7 +23,7 @@ __export(basic_exports, {
 module.exports = __toCommonJS(basic_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginBasic = () => ({
-  name: "plugin-basic",
+  name: "rsbuild:basic",
   setup(api) {
     (0, import_shared.applyBasicPlugin)(api);
   }

package/dist/rspack-provider/plugins/css.js

@@ -143,7 +143,7 @@ const applyCSSModuleRule = (rules, ruleTest, config) => {
 };
 const pluginCss = () => {
   return {
-    name: "plugin-css",
+    name: "rsbuild:css",
     setup(api) {
       api.modifyBundlerChain(async (chain, utils) => {
         const config = api.getNormalizedConfig();

package/dist/rspack-provider/plugins/hmr.js

@@ -23,7 +23,7 @@ __export(hmr_exports, {
 module.exports = __toCommonJS(hmr_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginHMR = () => ({
-  name: "plugin-hmr",
+  name: "rsbuild:hmr",
   setup(api) {
     api.modifyRspackConfig((rspackConfig, utils) => {
       const config = api.getNormalizedConfig();

package/dist/rspack-provider/plugins/less.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(less_exports);
 var import_shared = require("@rsbuild/shared");
 function pluginLess() {
   return {
-    name: "plugin-less",
+    name: "rsbuild:less",
     setup(api) {
       api.modifyBundlerChain(async (chain, utils) => {
         const config = api.getNormalizedConfig();

package/dist/rspack-provider/plugins/minimize.js

@@ -56,7 +56,7 @@ function applyCSSMinimizer(chain) {
   chain.optimization.minimizer(import_shared.CHAIN_ID.MINIMIZER.CSS).use(import_core.SwcCssMinimizerRspackPlugin, []).end();
 }
 const pluginMinimize = () => ({
-  name: "plugin-minimize",
+  name: "rsbuild:minimize",
   setup(api) {
     api.modifyBundlerChain((chain, { isProd }) => {
       const config = api.getNormalizedConfig();

package/dist/rspack-provider/plugins/output.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(output_exports);
 var import_path = require("path");
 var import_shared = require("@rsbuild/shared");
 const pluginOutput = () => ({
-  name: "plugin-output",
+  name: "rsbuild:output",
   setup(api) {
     (0, import_shared.applyOutputPlugin)(api);
     api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {

package/dist/rspack-provider/plugins/progress.js

@@ -33,7 +33,7 @@ __export(progress_exports, {
 module.exports = __toCommonJS(progress_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginProgress = () => ({
-  name: "plugin-progress",
+  name: "rsbuild:progress",
   setup(api) {
     api.modifyBundlerChain(async (chain, { target, CHAIN_ID }) => {
       var _a;

package/dist/rspack-provider/plugins/resolve.js

@@ -23,7 +23,7 @@ __export(resolve_exports, {
 module.exports = __toCommonJS(resolve_exports);
 var import_shared = require("@rsbuild/shared");
 const pluginResolve = () => ({
-  name: "plugin-resolve",
+  name: "rsbuild:resolve",
   setup(api) {
     (0, import_shared.applyResolvePlugin)(api);
     api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {

package/dist/rspack-provider/plugins/rspackProfile.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { RsbuildPlugin } from '../../types';
 import inspector from 'inspector';
 export declare const stopProfiler: (output: string, profileSession?: inspector.Session) => void;

package/dist/rspack-provider/plugins/rspackProfile.js

@@ -50,7 +50,7 @@ const stopProfiler = (output, profileSession) => {
   });
 };
 const pluginRspackProfile = () => ({
-  name: "plugin-rspack-profile",
+  name: "rsbuild:rspack-profile",
   setup(api) {
     var _a;
     const RSPACK_PROFILE = (_a = process.env.RSPACK_PROFILE) == null ? void 0 : _a.toUpperCase();

package/dist/rspack-provider/plugins/sass.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(sass_exports);
 var import_shared = require("@rsbuild/shared");
 function pluginSass() {
   return {
-    name: "plugin-sass",
+    name: "rsbuild:sass",
     setup(api) {
       api.onAfterCreateCompiler(({ compiler }) => {
         (0, import_shared.patchCompilerGlobalLocation)(compiler);

package/dist/rspack-provider/plugins/swc.js

@@ -60,7 +60,7 @@ async function getDefaultSwcConfig(config, rootPath, target) {
   };
 }
 const pluginSwc = () => ({
-  name: "plugin-swc",
+  name: "rsbuild:swc",
   setup(api) {
     api.modifyBundlerChain(
       async (chain, { CHAIN_ID, target, isServer, isServiceWorker }) => {
@@ -92,7 +92,7 @@ const pluginSwc = () => ({
             swcConfig.env.mode = void 0;
           } else {
             swcConfig.env.mode = polyfillMode;
-            await applyCoreJs(swcConfig, chain, rule, polyfillMode);
+            await applyCoreJs(swcConfig, chain, polyfillMode);
           }
         }
         rule.use(CHAIN_ID.USE.SWC).loader(builtinSwcLoaderName).options(swcConfig);
@@ -110,7 +110,7 @@ const pluginSwc = () => ({
     });
   }
 });
-async function applyCoreJs(swcConfig, chain, rule, polyfillMode) {
+async function applyCoreJs(swcConfig, chain, polyfillMode) {
   const coreJsPath = require.resolve("core-js/package.json");
   const version = (0, import_shared.getCoreJsVersion)(coreJsPath);
   const coreJsDir = path.dirname(coreJsPath);
@@ -121,7 +121,6 @@ async function applyCoreJs(swcConfig, chain, rule, polyfillMode) {
   chain.resolve.alias.merge({
     "core-js": coreJsDir
   });
-  rule.exclude.add(coreJsDir);
 }
 function applyTransformImport(swcConfig, pluginImport) {
   var _a, _b, _c;

package/dist/rspack-provider/plugins/transition.js

@@ -21,9 +21,8 @@ __export(transition_exports, {
   pluginTransition: () => pluginTransition
 });
 module.exports = __toCommonJS(transition_exports);
-var import_shared = require("@rsbuild/shared");
 const pluginTransition = () => ({
-  name: "plugin-transition",
+  name: "rsbuild:transition",
   setup(api) {
     process.env.RSPACK_CONFIG_VALIDATE = "loose-silent";
     api.modifyBundlerChain(async (chain, { isProd }) => {
@@ -31,9 +30,6 @@ const pluginTransition = () => ({
         chain.optimization.chunkIds("deterministic");
       }
     });
-    api.modifyRspackConfig((config) => {
-      (0, import_shared.setConfig)(config, "experiments.rspackFuture.newResolver", true);
-    });
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/server/dev-middleware/index.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="node" />
 /// <reference types="node" />
-import { Server } from 'http';
+import type { Server } from 'http';
 import { EventEmitter } from 'events';
 import type { DevConfig, DevMiddlewareAPI, DevMiddleware as CustomDevMiddleware } from '@rsbuild/shared';
 type Options = {
+  publicPaths: string[];
   dev: DevConfig;
   devMiddleware?: CustomDevMiddleware;
 };
@@ -11,10 +12,12 @@ export default class DevMiddleware extends EventEmitter {
   middleware?: DevMiddlewareAPI;
   private devOptions;
   private devMiddleware?;
+  private publicPaths;
   private socketServer;
   constructor({
     dev,
-    devMiddleware
+    devMiddleware,
+    publicPaths
   }: Options);
   init(app: Server): void;
   close(): void;

package/dist/server/dev-middleware/index.js

@@ -44,15 +44,19 @@ function getHMRClientPath(client) {
   return clientEntry;
 }
 class DevMiddleware extends import_events.EventEmitter {
-  constructor({ dev, devMiddleware }) {
+  constructor({ dev, devMiddleware, publicPaths }) {
     super();
     this.devOptions = dev;
+    this.publicPaths = publicPaths;
     this.socketServer = new import_socketServer.default(dev);
     this.devMiddleware = devMiddleware;
   }
   init(app) {
     if (this.devMiddleware) {
-      this.middleware = this.setupDevMiddleware(this.devMiddleware);
+      this.middleware = this.setupDevMiddleware(
+        this.devMiddleware,
+        this.publicPaths
+      );
     }
     app.on("listening", () => {
       this.socketServer.prepare(app);
@@ -66,7 +70,7 @@ class DevMiddleware extends import_events.EventEmitter {
   sockWrite(type, data) {
     this.socketServer.sockWrite(type, data);
   }
-  setupDevMiddleware(devMiddleware) {
+  setupDevMiddleware(devMiddleware, publicPaths) {
     const { devOptions } = this;
     const callbacks = {
       onInvalid: () => {
@@ -80,12 +84,27 @@ class DevMiddleware extends import_events.EventEmitter {
     const enableHMR = this.devOptions.hmr;
     const middleware = devMiddleware({
       headers: devOptions.headers,
+      publicPath: "/",
       stats: false,
       callbacks,
       hmrClientPath: enableHMR ? getHMRClientPath(devOptions.client) : void 0,
       serverSideRender: true,
-      ...devOptions.devMiddleware
+      writeToDisk: devOptions.writeToDisk
     });
-    return middleware;
+    const warp = async (req, res, next) => {
+      const url = req.url;
+      const assetPrefix = url && publicPaths.find((prefix) => url.startsWith(prefix));
+      if (assetPrefix && assetPrefix !== "/") {
+        req.url = url.slice(assetPrefix.length - 1);
+        middleware(req, res, (...args) => {
+          req.url = url;
+          next(...args);
+        });
+      } else {
+        middleware(req, res, next);
+      }
+    };
+    warp.close = middleware.close;
+    return warp;
   }
 }