@rsbuild/core 0.6.15 → 0.7.0-beta.0

package/compiled/style-loader/runtime/insertBySelector.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var memo = {};
+
+/* istanbul ignore next  */
+function getTarget(target) {
+  if (typeof memo[target] === "undefined") {
+    var styleTarget = document.querySelector(target);
+
+    // Special case to return head of iframe instead of iframe itself
+    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+      try {
+        // This will throw an exception if access to iframe is blocked
+        // due to cross-origin restrictions
+        styleTarget = styleTarget.contentDocument.head;
+      } catch (e) {
+        // istanbul ignore next
+        styleTarget = null;
+      }
+    }
+    memo[target] = styleTarget;
+  }
+  return memo[target];
+}
+
+/* istanbul ignore next  */
+function insertBySelector(insert, style) {
+  var target = getTarget(insert);
+  if (!target) {
+    throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }
+  target.appendChild(style);
+}
+module.exports = insertBySelector;

package/compiled/style-loader/runtime/insertStyleElement.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/* istanbul ignore next  */
+function insertStyleElement(options) {
+  var element = document.createElement("style");
+  options.setAttributes(element, options.attributes);
+  options.insert(element, options.options);
+  return element;
+}
+module.exports = insertStyleElement;

package/compiled/style-loader/runtime/isEqualLocals.js

@@ -0,0 +1,28 @@
+"use strict";
+
+function isEqualLocals(a, b, isNamedExport) {
+  if (!a && b || a && !b) {
+    return false;
+  }
+  var p;
+  for (p in a) {
+    if (isNamedExport && p === "default") {
+      // eslint-disable-next-line no-continue
+      continue;
+    }
+    if (a[p] !== b[p]) {
+      return false;
+    }
+  }
+  for (p in b) {
+    if (isNamedExport && p === "default") {
+      // eslint-disable-next-line no-continue
+      continue;
+    }
+    if (!a[p]) {
+      return false;
+    }
+  }
+  return true;
+}
+module.exports = isEqualLocals;

package/compiled/style-loader/runtime/isOldIE.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var memo;
+
+/* istanbul ignore next  */
+function isOldIE() {
+  if (typeof memo === "undefined") {
+    // Test for IE <= 9 as proposed by Browserhacks
+    // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+    // Tests for existence of standard globals is to allow style-loader
+    // to operate correctly into non-standard environments
+    // @see https://github.com/webpack-contrib/style-loader/issues/177
+    memo = Boolean(typeof window !== "undefined" && typeof document !== "undefined" && document.all && !window.atob);
+  }
+  return memo;
+}
+module.exports = isOldIE;

package/compiled/style-loader/runtime/setAttributesWithAttributes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement, attributes) {
+  var nonce = typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+  if (nonce) {
+    attributes.nonce = nonce;
+  }
+  Object.keys(attributes).forEach(function (key) {
+    styleElement.setAttribute(key, attributes[key]);
+  });
+}
+module.exports = setAttributesWithoutAttributes;

package/compiled/style-loader/runtime/setAttributesWithAttributesAndNonce.js

@@ -0,0 +1,9 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement, attributes) {
+  Object.keys(attributes).forEach(function (key) {
+    styleElement.setAttribute(key, attributes[key]);
+  });
+}
+module.exports = setAttributesWithoutAttributes;

package/compiled/style-loader/runtime/setAttributesWithoutAttributes.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/* istanbul ignore next  */
+function setAttributesWithoutAttributes(styleElement) {
+  var nonce = typeof __webpack_nonce__ !== "undefined" ? __webpack_nonce__ : null;
+  if (nonce) {
+    styleElement.setAttribute("nonce", nonce);
+  }
+}
+module.exports = setAttributesWithoutAttributes;

package/compiled/style-loader/runtime/singletonStyleDomAPI.js

@@ -0,0 +1,86 @@
+"use strict";
+
+/* istanbul ignore next  */
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join("\n");
+  };
+}();
+
+/* istanbul ignore next  */
+function apply(styleElement, index, remove, obj) {
+  var css;
+  if (remove) {
+    css = "";
+  } else {
+    css = "";
+    if (obj.supports) {
+      css += "@supports (".concat(obj.supports, ") {");
+    }
+    if (obj.media) {
+      css += "@media ".concat(obj.media, " {");
+    }
+    var needLayer = typeof obj.layer !== "undefined";
+    if (needLayer) {
+      css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+    }
+    css += obj.css;
+    if (needLayer) {
+      css += "}";
+    }
+    if (obj.media) {
+      css += "}";
+    }
+    if (obj.supports) {
+      css += "}";
+    }
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = styleElement.childNodes;
+    if (childNodes[index]) {
+      styleElement.removeChild(childNodes[index]);
+    }
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index]);
+    } else {
+      styleElement.appendChild(cssNode);
+    }
+  }
+}
+var singletonData = {
+  singleton: null,
+  singletonCounter: 0
+};
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") return {
+    update: function update() {},
+    remove: function remove() {}
+  };
+
+  // eslint-disable-next-line no-undef,no-use-before-define
+  var styleIndex = singletonData.singletonCounter++;
+  var styleElement =
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton || (
+  // eslint-disable-next-line no-undef,no-use-before-define
+  singletonData.singleton = options.insertStyleElement(options));
+  return {
+    update: function update(obj) {
+      apply(styleElement, styleIndex, false, obj);
+    },
+    remove: function remove(obj) {
+      apply(styleElement, styleIndex, true, obj);
+    }
+  };
+}
+module.exports = domAPI;

package/compiled/style-loader/runtime/styleDomAPI.js

@@ -0,0 +1,61 @@
+"use strict";
+
+/* istanbul ignore next  */
+function apply(styleElement, options, obj) {
+  var css = "";
+  if (obj.supports) {
+    css += "@supports (".concat(obj.supports, ") {");
+  }
+  if (obj.media) {
+    css += "@media ".concat(obj.media, " {");
+  }
+  var needLayer = typeof obj.layer !== "undefined";
+  if (needLayer) {
+    css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
+  }
+  css += obj.css;
+  if (needLayer) {
+    css += "}";
+  }
+  if (obj.media) {
+    css += "}";
+  }
+  if (obj.supports) {
+    css += "}";
+  }
+  var sourceMap = obj.sourceMap;
+  if (sourceMap && typeof btoa !== "undefined") {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  }
+
+  // For old IE
+  /* istanbul ignore if  */
+  options.styleTagTransform(css, styleElement, options.options);
+}
+function removeStyleElement(styleElement) {
+  // istanbul ignore if
+  if (styleElement.parentNode === null) {
+    return false;
+  }
+  styleElement.parentNode.removeChild(styleElement);
+}
+
+/* istanbul ignore next  */
+function domAPI(options) {
+  if (typeof document === "undefined") {
+    return {
+      update: function update() {},
+      remove: function remove() {}
+    };
+  }
+  var styleElement = options.insertStyleElement(options);
+  return {
+    update: function update(obj) {
+      apply(styleElement, options, obj);
+    },
+    remove: function remove() {
+      removeStyleElement(styleElement);
+    }
+  };
+}
+module.exports = domAPI;

package/compiled/style-loader/runtime/styleTagTransform.js

@@ -0,0 +1,14 @@
+"use strict";
+
+/* istanbul ignore next  */
+function styleTagTransform(css, styleElement) {
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css;
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild);
+    }
+    styleElement.appendChild(document.createTextNode(css));
+  }
+}
+module.exports = styleTagTransform;

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.15");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.7.0-beta.0");
   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.15"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"0.7.0-beta.0"}`}
 `);
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/config.js

@@ -136,7 +136,6 @@ const getDefaultOutputConfig = () => ({
     css: false
   },
   filenameHash: true,
-  enableCssModuleTSDeclaration: false,
   inlineScripts: false,
   inlineStyles: false,
   cssModules: {

package/dist/createContext.js

@@ -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.15",
+    version: "0.7.0-beta.0",
     rootPath,
     distPath,
     cachePath,

package/dist/index.js

@@ -40,7 +40,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.15";
+const version = "0.7.0-beta.0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,

package/dist/internal.d.ts

@@ -8,10 +8,10 @@ export { createContext, createPublicContext } from './createContext';
 export { initPlugins, createPluginManager } from './pluginManager';
 export { initHooks, type Hooks } from './initHooks';
 export { initRsbuildConfig } from './provider/initConfigs';
+export { applyCSSRule } from './plugins/css';
 export { getPluginAPI } from './initPlugins';
-export { applyBaseCSSRule, applyCSSModuleRule } from './provider/plugins/css';
 export type { InternalContext } from './types';
-export { setHTMLPlugin, getHTMLPlugin } from './htmlUtils';
+export { setHTMLPlugin, getHTMLPlugin, setCssExtractPlugin, } from './pluginHelper';
 export { formatStats, getStatsOptions } from './provider/shared';
 export { getChainUtils } from './provider/rspackConfig';
 export { applySwcDecoratorConfig } from './provider/plugins/swc';

package/dist/internal.js

@@ -18,8 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var internal_exports = {};
 __export(internal_exports, {
-  applyBaseCSSRule: () => import_css.applyBaseCSSRule,
-  applyCSSModuleRule: () => import_css.applyCSSModuleRule,
+  applyCSSRule: () => import_css.applyCSSRule,
   applySwcDecoratorConfig: () => import_swc.applySwcDecoratorConfig,
   createContext: () => import_createContext.createContext,
   createDevServer: () => import_server.createDevServer,
@@ -28,7 +27,7 @@ __export(internal_exports, {
   formatStats: () => import_shared.formatStats,
   getChainUtils: () => import_rspackConfig.getChainUtils,
   getDevMiddleware: () => import_devMiddleware.getDevMiddleware,
-  getHTMLPlugin: () => import_htmlUtils.getHTMLPlugin,
+  getHTMLPlugin: () => import_pluginHelper.getHTMLPlugin,
   getPluginAPI: () => import_initPlugins.getPluginAPI,
   getStatsOptions: () => import_shared.getStatsOptions,
   initHooks: () => import_initHooks.initHooks,
@@ -36,7 +35,8 @@ __export(internal_exports, {
   initRsbuildConfig: () => import_initConfigs.initRsbuildConfig,
   plugins: () => import_plugins.plugins,
   rspackProvider: () => import_provider.rspackProvider,
-  setHTMLPlugin: () => import_htmlUtils.setHTMLPlugin,
+  setCssExtractPlugin: () => import_pluginHelper.setCssExtractPlugin,
+  setHTMLPlugin: () => import_pluginHelper.setHTMLPlugin,
   startProdServer: () => import_server.startProdServer
 });
 module.exports = __toCommonJS(internal_exports);
@@ -45,9 +45,9 @@ var import_createContext = require("./createContext");
 var import_pluginManager = require("./pluginManager");
 var import_initHooks = require("./initHooks");
 var import_initConfigs = require("./provider/initConfigs");
+var import_css = require("./plugins/css");
 var import_initPlugins = require("./initPlugins");
-var import_css = require("./provider/plugins/css");
-var import_htmlUtils = require("./htmlUtils");
+var import_pluginHelper = require("./pluginHelper");
 var import_shared = require("./provider/shared");
 var import_rspackConfig = require("./provider/rspackConfig");
 var import_swc = require("./provider/plugins/swc");
@@ -56,8 +56,7 @@ var import_server = require("./server");
 var import_plugins = require("./plugins");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  applyBaseCSSRule,
-  applyCSSModuleRule,
+  applyCSSRule,
   applySwcDecoratorConfig,
   createContext,
   createDevServer,
@@ -74,6 +73,7 @@ var import_plugins = require("./plugins");
   initRsbuildConfig,
   plugins,
   rspackProvider,
+  setCssExtractPlugin,
   setHTMLPlugin,
   startProdServer
 });

package/dist/{htmlUtils.d.ts → pluginHelper.d.ts}

@@ -1,9 +1,12 @@
 /**
- * This file is used to provide/set a global html-plugin singleton
+ * This file is used to get/set the global instance for html-plugin and css-extract plugin.
  */
+import rspack from '@rspack/core';
 import type HtmlWebpackPlugin from 'html-webpack-plugin';
 /**
  * This method is used to override the Rsbuild default html-plugin (html-rspack-plugin).
  */
 export declare const setHTMLPlugin: (plugin: typeof HtmlWebpackPlugin) => void;
 export declare const getHTMLPlugin: () => typeof HtmlWebpackPlugin;
+export declare const setCssExtractPlugin: (plugin: unknown) => void;
+export declare const getCssExtractPlugin: () => typeof rspack.CssExtractRspackPlugin;

package/dist/pluginHelper.js

@@ -0,0 +1,66 @@
+"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 pluginHelper_exports = {};
+__export(pluginHelper_exports, {
+  getCssExtractPlugin: () => getCssExtractPlugin,
+  getHTMLPlugin: () => getHTMLPlugin,
+  setCssExtractPlugin: () => setCssExtractPlugin,
+  setHTMLPlugin: () => setHTMLPlugin
+});
+module.exports = __toCommonJS(pluginHelper_exports);
+var import_core = __toESM(require("@rspack/core"));
+let htmlPlugin;
+const setHTMLPlugin = (plugin) => {
+  if (plugin) {
+    htmlPlugin = plugin;
+  }
+};
+const getHTMLPlugin = () => {
+  if (!htmlPlugin) {
+    htmlPlugin = require("html-webpack-plugin");
+  }
+  return htmlPlugin;
+};
+let cssExtractPlugin;
+const setCssExtractPlugin = (plugin) => {
+  cssExtractPlugin = plugin;
+};
+const getCssExtractPlugin = () => {
+  if (cssExtractPlugin) {
+    return cssExtractPlugin;
+  }
+  return import_core.default.CssExtractRspackPlugin;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getCssExtractPlugin,
+  getHTMLPlugin,
+  setCssExtractPlugin,
+  setHTMLPlugin
+});

package/dist/plugins/css.d.ts

@@ -0,0 +1,19 @@
+import { type BundlerChainRule, type CSSLoaderOptions, type ModifyChainUtils, type RsbuildContext, type RsbuildTarget } from '@rsbuild/shared';
+import type { AcceptedPlugin } from 'postcss';
+import type { NormalizedConfig, RsbuildPlugin } from '../types';
+export declare const enableNativeCss: (config: NormalizedConfig) => boolean;
+export declare const isUseCssExtract: (config: NormalizedConfig, target: RsbuildTarget) => boolean;
+export declare const normalizeCssLoaderOptions: (options: CSSLoaderOptions, exportOnlyLocals: boolean) => CSSLoaderOptions;
+/**
+ * Apply autoprefixer to the postcss plugins
+ * Check if autoprefixer is already in the plugins, if not, add it
+ */
+export declare const applyAutoprefixer: (plugins: unknown[], browserslist: string[], config: NormalizedConfig) => Promise<AcceptedPlugin[]>;
+export declare function applyCSSRule({ rule, config, context, utils: { target, isProd, CHAIN_ID }, importLoaders, }: {
+    rule: BundlerChainRule;
+    config: NormalizedConfig;
+    context: RsbuildContext;
+    utils: ModifyChainUtils;
+    importLoaders?: number;
+}): Promise<void>;
+export declare const pluginCss: () => RsbuildPlugin;