@rsbuild/plugin-stylus 1.0.0 → 1.0.1-beta.0

package/README.md

@@ -4,7 +4,7 @@
 
 # Rsbuild
 
-Unleash the power of Rspack with the out-of-the-box build tool.
+The Rspack-based build tool. It's fast, out-of-the-box and extensible.
 
 ## Documentation
 

package/dist/index.cjs

@@ -0,0 +1,71 @@
+"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);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  PLUGIN_STYLUS_NAME: () => PLUGIN_STYLUS_NAME,
+  pluginStylus: () => pluginStylus
+});
+module.exports = __toCommonJS(src_exports);
+var import_deepmerge = __toESM(require("deepmerge"));
+var import_reduce_configs = require("reduce-configs");
+var PLUGIN_STYLUS_NAME = "rsbuild:stylus";
+var pluginStylus = (options) => ({
+  name: PLUGIN_STYLUS_NAME,
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment }) => {
+      const { config } = environment;
+      const mergedOptions = (0, import_reduce_configs.reduceConfigs)({
+        initial: {
+          sourceMap: config.output.sourceMap.css
+        },
+        config: options,
+        mergeFn: import_deepmerge.default
+      });
+      const rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(/\.styl(us)?$/).merge({ sideEffects: true }).resolve.preferRelative(true).end();
+      const cssRule = chain.module.rules.get(CHAIN_ID.RULE.CSS);
+      for (const id of Object.keys(cssRule.uses.entries())) {
+        const loader = cssRule.uses.get(id);
+        const options2 = loader.get("options") ?? {};
+        const clonedOptions = (0, import_deepmerge.default)({}, options2);
+        if (id === CHAIN_ID.USE.CSS) {
+          clonedOptions.importLoaders = 2;
+        }
+        rule.use(id).loader(loader.get("loader")).options(clonedOptions);
+      }
+      rule.use(CHAIN_ID.USE.STYLUS).loader(require.resolve("stylus-loader")).options(mergedOptions);
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PLUGIN_STYLUS_NAME,
+  pluginStylus
+});

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-
+import type { RsbuildPlugin } from '@rsbuild/core';
+export declare const PLUGIN_STYLUS_NAME = "rsbuild:stylus";
 type StylusOptions = {
     use?: string[];
     include?: string;
@@ -8,11 +8,15 @@ type StylusOptions = {
     lineNumbers?: boolean;
     hoistAtrules?: boolean;
 };
-type StylusLoaderOptions = {
+export type PluginStylusOptions = {
+    /**
+     * Options passed to Stylus.
+     */
     stylusOptions?: StylusOptions;
+    /**
+     * Whether to generate Source Map.
+     */
     sourceMap?: boolean;
 };
-type PluginStylusOptions = StylusLoaderOptions;
-declare function pluginStylus(options?: PluginStylusOptions): RsbuildPlugin;
-
-export { PluginStylusOptions, pluginStylus };
+export declare const pluginStylus: (options?: PluginStylusOptions) => RsbuildPlugin;
+export {};

package/dist/index.js

@@ -1,75 +1,50 @@
-"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);
+import { createRequire } from 'module';
+var require = createRequire(import.meta['url']);
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  pluginStylus: () => pluginStylus
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
 });
-module.exports = __toCommonJS(src_exports);
-var import_shared = require("@rsbuild/shared");
-function pluginStylus(options) {
-  return {
-    name: "rsbuild:stylus",
-    setup(api) {
-      const { bundlerType } = api.context;
-      api.modifyBundlerChain(async (chain, utils) => {
-        const config = api.getNormalizedConfig();
-        const mergedOptions = (0, import_shared.mergeChainedOptions)({
-          defaults: {
-            sourceMap: (0, import_shared.isUseCssSourceMap)(config)
-          },
-          options,
-          mergeFn: import_shared.deepmerge
-        });
-        const rule = chain.module.rule(utils.CHAIN_ID.RULE.STYLUS).test(import_shared.STYLUS_REGEX);
-        const { applyBaseCSSRule } = await (bundlerType === "webpack" ? import("@rsbuild/webpack/plugin-css") : import("@rsbuild/core/rspack-plugin-css"));
-        await applyBaseCSSRule({
-          rule,
-          config,
-          context: api.context,
-          utils,
-          importLoaders: 2
-        });
-        rule.use(utils.CHAIN_ID.USE.STYLUS).loader(require.resolve("stylus-loader")).options(mergedOptions);
-      });
-      bundlerType === "rspack" && api.modifyRspackConfig(async (rspackConfig) => {
-        var _a;
-        const { applyCSSModuleRule } = await import("@rsbuild/core/rspack-plugin-css");
-        const config = api.getNormalizedConfig();
-        const rules = (_a = rspackConfig.module) == null ? void 0 : _a.rules;
-        applyCSSModuleRule(rules, import_shared.STYLUS_REGEX, config);
+
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.6_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
+import { fileURLToPath } from "url";
+import path from "path";
+
+// src/index.ts
+import deepmerge from "deepmerge";
+import { reduceConfigs } from "reduce-configs";
+var PLUGIN_STYLUS_NAME = "rsbuild:stylus";
+var pluginStylus = (options) => ({
+  name: PLUGIN_STYLUS_NAME,
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, environment }) => {
+      const { config } = environment;
+      const mergedOptions = reduceConfigs({
+        initial: {
+          sourceMap: config.output.sourceMap.css
+        },
+        config: options,
+        mergeFn: deepmerge
       });
-    }
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  pluginStylus
+      const rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(/\.styl(us)?$/).merge({ sideEffects: true }).resolve.preferRelative(true).end();
+      const cssRule = chain.module.rules.get(CHAIN_ID.RULE.CSS);
+      for (const id of Object.keys(cssRule.uses.entries())) {
+        const loader = cssRule.uses.get(id);
+        const options2 = loader.get("options") ?? {};
+        const clonedOptions = deepmerge({}, options2);
+        if (id === CHAIN_ID.USE.CSS) {
+          clonedOptions.importLoaders = 2;
+        }
+        rule.use(id).loader(loader.get("loader")).options(clonedOptions);
+      }
+      rule.use(CHAIN_ID.USE.STYLUS).loader(__require.resolve("stylus-loader")).options(mergedOptions);
+    });
+  }
 });
+export {
+  PLUGIN_STYLUS_NAME,
+  pluginStylus
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-stylus",
-  "version": "1.0.0",
+  "version": "1.0.1-beta.0",
   "description": "Stylus plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -9,37 +9,32 @@
     "directory": "packages/plugin-stylus"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "stylus": "0.59.0",
-    "stylus-loader": "7.1.0",
-    "@rsbuild/shared": "1.0.0"
+    "deepmerge": "^4.3.1",
+    "reduce-configs": "^1.0.0",
+    "stylus": "0.63.0",
+    "stylus-loader": "8.1.0"
   },
   "devDependencies": {
-    "typescript": "^5.3.0",
-    "webpack": "^5.89.0",
-    "@rsbuild/test-helper": "1.0.0",
-    "@rsbuild/core": "1.0.0",
-    "@rsbuild/webpack": "1.0.0"
+    "typescript": "^5.5.2",
+    "@rsbuild/core": "1.0.1-beta.0",
+    "@scripts/test-helper": "1.0.1-beta.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^1.0.0"
-  },
-  "peerDependenciesMeta": {
-    "@rsbuild/core": {
-      "optional": true
-    }
+    "@rsbuild/core": "^1.0.1-beta.0"
   },
   "publishConfig": {
     "access": "public",

package/dist/index.mjs

@@ -1,60 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
-import { fileURLToPath } from "url";
-import path from "path";
-
-// ../../scripts/require_shims.js
-import { createRequire } from "module";
-global.require = createRequire(import.meta.url);
-
-// src/index.ts
-import {
-  deepmerge,
-  STYLUS_REGEX,
-  isUseCssSourceMap,
-  mergeChainedOptions
-} from "@rsbuild/shared";
-function pluginStylus(options) {
-  return {
-    name: "rsbuild:stylus",
-    setup(api) {
-      const { bundlerType } = api.context;
-      api.modifyBundlerChain(async (chain, utils) => {
-        const config = api.getNormalizedConfig();
-        const mergedOptions = mergeChainedOptions({
-          defaults: {
-            sourceMap: isUseCssSourceMap(config)
-          },
-          options,
-          mergeFn: deepmerge
-        });
-        const rule = chain.module.rule(utils.CHAIN_ID.RULE.STYLUS).test(STYLUS_REGEX);
-        const { applyBaseCSSRule } = await (bundlerType === "webpack" ? import("@rsbuild/webpack/plugin-css") : import("@rsbuild/core/rspack-plugin-css"));
-        await applyBaseCSSRule({
-          rule,
-          config,
-          context: api.context,
-          utils,
-          importLoaders: 2
-        });
-        rule.use(utils.CHAIN_ID.USE.STYLUS).loader(__require.resolve("stylus-loader")).options(mergedOptions);
-      });
-      bundlerType === "rspack" && api.modifyRspackConfig(async (rspackConfig) => {
-        const { applyCSSModuleRule } = await import("@rsbuild/core/rspack-plugin-css");
-        const config = api.getNormalizedConfig();
-        const rules = rspackConfig.module?.rules;
-        applyCSSModuleRule(rules, STYLUS_REGEX, config);
-      });
-    }
-  };
-}
-export {
-  pluginStylus
-};