@rsbuild/plugin-stylus 1.0.8 → 1.1.0-beta.2

package/dist/index.cjs

@@ -1,23 +1,17 @@
 "use strict";
 let __rslib_import_meta_url__ = 'undefined' == typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
 var __webpack_require__ = {};
-__webpack_require__.n = function(module) {
-    var getter = module && module.__esModule ? function() {
-        return module.default;
-    } : function() {
-        return module;
-    };
+__webpack_require__.n = (module)=>{
+    var getter = module && module.__esModule ? ()=>module.default : ()=>module;
     return __webpack_require__.d(getter, {
         a: getter
     }), getter;
-}, __webpack_require__.d = function(exports1, definition) {
+}, __webpack_require__.d = (exports1, definition)=>{
     for(var key in definition)__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key) && Object.defineProperty(exports1, key, {
         enumerable: !0,
         get: definition[key]
     });
-}, __webpack_require__.o = function(obj, prop) {
-    return Object.prototype.hasOwnProperty.call(obj, prop);
-}, __webpack_require__.r = function(exports1) {
+}, __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop), __webpack_require__.r = (exports1)=>{
     'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
         value: 'Module'
     }), Object.defineProperty(exports1, '__esModule', {
@@ -35,20 +29,24 @@ let external_reduce_configs_namespaceObject = require("reduce-configs"), src_req
         name: PLUGIN_STYLUS_NAME,
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
+                var callback;
                 let { config } = environment, { sourceMap } = config.output, mergedOptions = (0, external_reduce_configs_namespaceObject.reduceConfigs)({
                     initial: {
                         sourceMap: 'boolean' == typeof sourceMap ? sourceMap : sourceMap.css
                     },
                     config: options,
                     mergeFn: external_deepmerge_default()
-                }), rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(/\.styl(us)?$/).merge({
-                    sideEffects: !0
-                }).resolve.preferRelative(!0).end(), cssRule = chain.module.rules.get(CHAIN_ID.RULE.CSS);
-                for (let id of (rule.dependency(cssRule.get('dependency')), Object.keys(cssRule.uses.entries()))){
-                    let loader = cssRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = external_deepmerge_default()({}, options);
-                    id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
-                }
-                rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
+                }), test = /\.styl(us)?$/, rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).resourceQuery({
+                    not: /raw|inline/
+                }).sideEffects(!0).resolve.preferRelative(!0).end(), inlineRule = chain.module.rule(CHAIN_ID.RULE.STYLUS_INLINE).test(test).resourceQuery(/inline/);
+                chain.module.rule(CHAIN_ID.RULE.STYLUS_RAW).test(test).type('asset/source').resourceQuery(/raw/), (callback = (rule, type)=>{
+                    let cssRule = chain.module.rules.get('normal' === type ? CHAIN_ID.RULE.CSS : CHAIN_ID.RULE.CSS_INLINE);
+                    for (let id of (rule.dependency(cssRule.get('dependency')), Object.keys(cssRule.uses.entries()))){
+                        let loader = cssRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = external_deepmerge_default()({}, options);
+                        id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
+                    }
+                    rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
+                })(rule, 'normal'), callback(inlineRule, 'inline');
             });
         }
     });

package/dist/index.d.ts

@@ -1,17 +1,52 @@
 import type { RsbuildPlugin } from '@rsbuild/core';
 export declare const PLUGIN_STYLUS_NAME = "rsbuild:stylus";
 type StylusOptions = {
+    /**
+     * Specify Stylus plugins to use.
+     * @default []
+     * @example use: ["nib"]
+     */
     use?: string[];
-    define?: [string, any, boolean?];
+    /**
+     * Define Stylus variables or functions.
+     * @default []
+     * @example
+     * define: [
+     *   ["$development", process.env.NODE_ENV === "development"],
+     *   ["rawVar", 42, true],
+     * ]
+     */
+    define?: [string, any, boolean?][];
+    /**
+     * Add paths to the import lookup paths.
+     * @default []
+     * @example include: [path.join(__dirname, "src/styl/config")]
+     */
     include?: string[];
+    /**
+     * Include regular CSS on `@import`.
+     * @default false
+     */
+    includeCSS?: boolean;
     /**
      * Import the specified Stylus files/paths, can not be relative path.
-     * @example import: ["nib", path.join(__dirname, "src/styl/mixins")],
      * @default []
+     * @example import: ["nib", path.join(__dirname, "src/styl/mixins")],
      */
     import?: string[];
+    /**
+     * Resolve relative url()'s inside imported files.
+     */
     resolveURL?: boolean;
+    /**
+     * Emits comments in the generated CSS indicating the corresponding Stylus line.
+     * @default false
+     */
     lineNumbers?: boolean;
+    /**
+     * Move `@import` and `@charset` to the top.
+     * @default false
+     */
     hoistAtrules?: boolean;
 };
 export type PluginStylusOptions = {

package/dist/index.js

@@ -5,20 +5,24 @@ let src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__.createReq
         name: PLUGIN_STYLUS_NAME,
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
+                var callback;
                 let { config } = environment, { sourceMap } = config.output, mergedOptions = (0, __WEBPACK_EXTERNAL_MODULE_reduce_configs_02786df6__.reduceConfigs)({
                     initial: {
                         sourceMap: 'boolean' == typeof sourceMap ? sourceMap : sourceMap.css
                     },
                     config: options,
                     mergeFn: __WEBPACK_EXTERNAL_MODULE_deepmerge__.default
-                }), rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(/\.styl(us)?$/).merge({
-                    sideEffects: !0
-                }).resolve.preferRelative(!0).end(), cssRule = chain.module.rules.get(CHAIN_ID.RULE.CSS);
-                for (let id of (rule.dependency(cssRule.get('dependency')), Object.keys(cssRule.uses.entries()))){
-                    let loader = cssRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__.default)({}, options);
-                    id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
-                }
-                rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
+                }), test = /\.styl(us)?$/, rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).resourceQuery({
+                    not: /raw|inline/
+                }).sideEffects(!0).resolve.preferRelative(!0).end(), inlineRule = chain.module.rule(CHAIN_ID.RULE.STYLUS_INLINE).test(test).resourceQuery(/inline/);
+                chain.module.rule(CHAIN_ID.RULE.STYLUS_RAW).test(test).type('asset/source').resourceQuery(/raw/), (callback = (rule, type)=>{
+                    let cssRule = chain.module.rules.get('normal' === type ? CHAIN_ID.RULE.CSS : CHAIN_ID.RULE.CSS_INLINE);
+                    for (let id of (rule.dependency(cssRule.get('dependency')), Object.keys(cssRule.uses.entries()))){
+                        let loader = cssRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__.default)({}, options);
+                        id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
+                    }
+                    rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
+                })(rule, 'normal'), callback(inlineRule, 'inline');
             });
         }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-stylus",
-  "version": "1.0.8",
+  "version": "1.1.0-beta.2",
   "description": "Stylus plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -29,10 +29,10 @@
     "stylus-loader": "8.1.1"
   },
   "devDependencies": {
-    "@rslib/core": "0.4.1",
-    "@types/node": "^22.13.4",
-    "typescript": "^5.7.3",
-    "@rsbuild/core": "1.2.9",
+    "@rslib/core": "0.5.5",
+    "@types/node": "^22.13.11",
+    "typescript": "^5.8.2",
+    "@rsbuild/core": "1.3.0-beta.2",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {