@rsbuild/plugin-stylus 0.0.17 → 0.0.18

package/dist/index.d.ts

@@ -1,17 +1,19 @@
-import type { RsbuildPlugin } from '@rsbuild/core';
-import type { RsbuildPluginAPI } from '@rsbuild/webpack';
+import { RsbuildPlugin } from '@rsbuild/core';
+import { RsbuildPluginAPI } from '@rsbuild/webpack';
+
 type StylusOptions = {
-  use?: string[];
-  include?: string;
-  import?: string;
-  resolveURL?: boolean;
-  lineNumbers?: boolean;
-  hoistAtrules?: boolean;
+    use?: string[];
+    include?: string;
+    import?: string;
+    resolveURL?: boolean;
+    lineNumbers?: boolean;
+    hoistAtrules?: boolean;
 };
 type StylusLoaderOptions = {
-  stylusOptions?: StylusOptions;
-  sourceMap?: boolean;
+    stylusOptions?: StylusOptions;
+    sourceMap?: boolean;
 };
-export type PluginStylusOptions = StylusLoaderOptions;
-export declare function pluginStylus(options?: PluginStylusOptions): RsbuildPlugin<RsbuildPluginAPI>;
-export {};
+type PluginStylusOptions = StylusLoaderOptions;
+declare function pluginStylus(options?: PluginStylusOptions): RsbuildPlugin<RsbuildPluginAPI>;
+
+export { PluginStylusOptions, pluginStylus };

package/dist/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
 var src_exports = {};
 __export(src_exports, {
   pluginStylus: () => pluginStylus
@@ -48,7 +50,7 @@ function pluginStylus(options) {
           mergeFn: import_deepmerge.deepmerge
         });
         const rule = chain.module.rule(utils.CHAIN_ID.RULE.STYLUS).test(import_shared.STYLUS_REGEX);
-        const { applyBaseCSSRule } = await (bundlerType === "webpack" ? Promise.resolve().then(() => __toESM(require("@rsbuild/webpack/plugin-css"))) : Promise.resolve().then(() => __toESM(require("@rsbuild/core/rspack-plugin-css"))));
+        const { applyBaseCSSRule } = await (bundlerType === "webpack" ? import("@rsbuild/webpack/plugin-css") : import("@rsbuild/core/rspack-plugin-css"));
         await applyBaseCSSRule({
           rule,
           config,
@@ -60,7 +62,7 @@ function pluginStylus(options) {
       });
       bundlerType === "rspack" && api.modifyRspackConfig(async (rspackConfig) => {
         var _a;
-        const { applyCSSModuleRule } = await Promise.resolve().then(() => __toESM(require("@rsbuild/core/rspack-plugin-css")));
+        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);

package/dist/index.mjs

@@ -0,0 +1,60 @@
+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.39.2_typescript@5.2.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 {
+  STYLUS_REGEX,
+  isUseCssSourceMap,
+  mergeChainedOptions
+} from "@rsbuild/shared";
+import { deepmerge } from "@rsbuild/shared/deepmerge";
+function pluginStylus(options) {
+  return {
+    name: "plugin-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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-stylus",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Stylus plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -12,6 +12,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },
@@ -23,17 +24,17 @@
   "dependencies": {
     "stylus": "0.59.0",
     "stylus-loader": "7.1.0",
-    "@rsbuild/shared": "0.0.17"
+    "@rsbuild/shared": "0.0.18"
   },
   "devDependencies": {
     "typescript": "^5.2.2",
     "webpack": "^5.89.0",
-    "@rsbuild/core": "0.0.17",
-    "@rsbuild/test-helper": "0.0.17",
-    "@rsbuild/webpack": "0.0.17"
+    "@rsbuild/core": "0.0.18",
+    "@rsbuild/test-helper": "0.0.18",
+    "@rsbuild/webpack": "0.0.18"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.0.17"
+    "@rsbuild/core": "^0.0.18"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {