@rsbuild/plugin-stylus 1.0.5 → 1.0.7-alpha.0

package/dist/index.cjs

@@ -1,95 +1,59 @@
 "use strict";
-// The require scope
+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/runtime/compat_get_default_export
-(()=>{
-    // getDefaultExport function for compatibility with non-ESM modules
-    __webpack_require__.n = function(module1) {
-        var getter = module1 && module1.__esModule ? function() {
-            return module1['default'];
-        } : function() {
-            return module1;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
+__webpack_require__.n = function(module) {
+    var getter = module && module.__esModule ? function() {
+        return module.default;
+    } : function() {
+        return module;
     };
-})();
-// webpack/runtime/define_property_getters
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-// webpack/runtime/has_own_property
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-// webpack/runtime/make_namespace_object
-(()=>{
-    // define __esModule on exports
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-/************************************************************************/ var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-    PLUGIN_STYLUS_NAME: ()=>/* binding */ PLUGIN_STYLUS_NAME,
-    pluginStylus: ()=>/* binding */ pluginStylus
+    return __webpack_require__.d(getter, {
+        a: getter
+    }), getter;
+}, __webpack_require__.d = function(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) {
+    'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
+        value: 'Module'
+    }), Object.defineProperty(exports1, '__esModule', {
+        value: !0
+    });
+};
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
+    PLUGIN_STYLUS_NAME: ()=>PLUGIN_STYLUS_NAME,
+    pluginStylus: ()=>pluginStylus
 });
-const external_node_module_namespaceObject = require("node:module");
-const external_deepmerge_namespaceObject = require("deepmerge");
-var external_deepmerge_default = /*#__PURE__*/ __webpack_require__.n(external_deepmerge_namespaceObject);
-const external_reduce_configs_namespaceObject = require("reduce-configs");
-const src_require = (0, external_node_module_namespaceObject.createRequire)(/*#__PURE__*/ function() {
-    return 'undefined' == typeof document ? new (module.require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
-}());
-const PLUGIN_STYLUS_NAME = 'rsbuild:stylus';
-const pluginStylus = (options)=>({
+let external_node_module_namespaceObject = require("node:module"), external_deepmerge_namespaceObject = require("deepmerge");
+var external_deepmerge_default = __webpack_require__.n(external_deepmerge_namespaceObject);
+let external_reduce_configs_namespaceObject = require("reduce-configs"), src_require = (0, external_node_module_namespaceObject.createRequire)(__rslib_import_meta_url__), PLUGIN_STYLUS_NAME = 'rsbuild:stylus', pluginStylus = (options)=>({
         name: PLUGIN_STYLUS_NAME,
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
-                const { config } = environment;
-                const mergedOptions = (0, external_reduce_configs_namespaceObject.reduceConfigs)({
+                let { config } = environment, { sourceMap } = config.output, mergedOptions = (0, external_reduce_configs_namespaceObject.reduceConfigs)({
                     initial: {
-                        sourceMap: config.output.sourceMap.css
+                        sourceMap: 'boolean' == typeof sourceMap ? sourceMap : sourceMap.css
                     },
                     config: options,
                     mergeFn: external_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);
-                // Copy the builtin CSS rules
-                for (const id of Object.keys(cssRule.uses.entries())){
-                    const loader = cssRule.uses.get(id);
-                    const options = loader.get('options') ?? {};
-                    const clonedOptions = external_deepmerge_default()({}, options);
-                    if (id === CHAIN_ID.USE.CSS) // add stylus-loader
-                    clonedOptions.importLoaders += 1;
-                    rule.use(id).loader(loader.get('loader')).options(clonedOptions);
+                }), 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);
             });
         }
     });
 var __webpack_export_target__ = exports;
-for(var i in __webpack_exports__)__webpack_export_target__[i] = __webpack_exports__[i];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+__webpack_exports__.__esModule && Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: !0
 });

package/dist/index.d.ts

@@ -4,7 +4,12 @@ type StylusOptions = {
     use?: string[];
     define?: [string, any, boolean?];
     include?: string[];
-    import?: string;
+    /**
+     * Import the specified Stylus files/paths, can not be relative path.
+     * @example import: ["nib", path.join(__dirname, "src/styl/mixins")],
+     * @default []
+     */
+    import?: string[];
     resolveURL?: boolean;
     lineNumbers?: boolean;
     hoistAtrules?: boolean;

package/dist/index.js

@@ -1,32 +1,22 @@
 import * as __WEBPACK_EXTERNAL_MODULE_node_module__ from "node:module";
 import * as __WEBPACK_EXTERNAL_MODULE_deepmerge__ from "deepmerge";
 import * as __WEBPACK_EXTERNAL_MODULE_reduce_configs__ from "reduce-configs";
-const src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module__.createRequire)(import.meta.url);
-const PLUGIN_STYLUS_NAME = 'rsbuild:stylus';
-const pluginStylus = (options)=>({
+let src_require = (0, __WEBPACK_EXTERNAL_MODULE_node_module__.createRequire)(import.meta.url), PLUGIN_STYLUS_NAME = 'rsbuild:stylus', pluginStylus = (options)=>({
         name: PLUGIN_STYLUS_NAME,
         setup (api) {
             api.modifyBundlerChain(async (chain, { CHAIN_ID, environment })=>{
-                const { config } = environment;
-                const mergedOptions = (0, __WEBPACK_EXTERNAL_MODULE_reduce_configs__.reduceConfigs)({
+                let { config } = environment, { sourceMap } = config.output, mergedOptions = (0, __WEBPACK_EXTERNAL_MODULE_reduce_configs__.reduceConfigs)({
                     initial: {
-                        sourceMap: config.output.sourceMap.css
+                        sourceMap: 'boolean' == typeof sourceMap ? sourceMap : sourceMap.css
                     },
                     config: options,
-                    mergeFn: __WEBPACK_EXTERNAL_MODULE_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);
-                // Copy the builtin CSS rules
-                for (const id of Object.keys(cssRule.uses.entries())){
-                    const loader = cssRule.uses.get(id);
-                    const options = loader.get('options') ?? {};
-                    const clonedOptions = (0, __WEBPACK_EXTERNAL_MODULE_deepmerge__["default"])({}, options);
-                    if (id === CHAIN_ID.USE.CSS) // add stylus-loader
-                    clonedOptions.importLoaders += 1;
-                    rule.use(id).loader(loader.get('loader')).options(clonedOptions);
+                    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);
             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-stylus",
-  "version": "1.0.5",
+  "version": "1.0.7-alpha.0",
   "description": "Stylus plugin for Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -24,14 +24,15 @@
   ],
   "dependencies": {
     "deepmerge": "^4.3.1",
-    "reduce-configs": "^1.0.0",
+    "reduce-configs": "^1.1.0",
     "stylus": "0.64.0",
     "stylus-loader": "8.1.1"
   },
   "devDependencies": {
-    "@types/node": "18.x",
-    "typescript": "^5.6.3",
-    "@rsbuild/core": "1.0.19",
+    "@rslib/core": "0.1.4",
+    "@types/node": "^22.10.2",
+    "typescript": "^5.7.2",
+    "@rsbuild/core": "1.1.10",
     "@scripts/test-helper": "1.0.1"
   },
   "peerDependencies": {