@rsbuild/plugin-stylus 1.2.1 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs +12 -10
  2. package/dist/index.js +12 -10
  3. package/package.json +13 -7
package/dist/index.cjs CHANGED
@@ -28,6 +28,7 @@ var external_deepmerge_default = __webpack_require__.n(external_deepmerge_namesp
28
28
  const 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)=>({
29
29
  name: PLUGIN_STYLUS_NAME,
30
30
  setup (api) {
31
+ let STYLUS_INLINE = 'stylus-inline', STYLUS_RAW = 'stylus-raw', isV1 = api.context.version.startsWith('1.');
31
32
  api.modifyBundlerChain((chain, { CHAIN_ID, environment })=>{
32
33
  var callback;
33
34
  let { config } = environment, { sourceMap } = config.output, mergedOptions = (0, external_reduce_configs_namespaceObject.reduceConfigs)({
@@ -36,19 +37,20 @@ const external_reduce_configs_namespaceObject = require("reduce-configs"), src_r
36
37
  },
37
38
  config: options,
38
39
  mergeFn: external_deepmerge_default()
39
- }), test = /\.styl(us)?$/, rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).resolve.preferRelative(!0).end(), inlineRule = CHAIN_ID.RULE.CSS_INLINE ? chain.module.rule(CHAIN_ID.RULE.STYLUS_INLINE).test(test) : null;
40
- if (CHAIN_ID.RULE.CSS_RAW) {
41
- let cssRawRule = chain.module.rules.get(CHAIN_ID.RULE.CSS_RAW);
42
- chain.module.rule(CHAIN_ID.RULE.STYLUS_RAW).test(test).type('asset/source').resourceQuery(cssRawRule.get('resourceQuery'));
43
- }
44
- (callback = (rule, type)=>{
45
- let cssRule = chain.module.rules.get('normal' === type ? CHAIN_ID.RULE.CSS : CHAIN_ID.RULE.CSS_INLINE);
46
- for (let id of (rule.dependency(cssRule.get('dependency')), rule.sideEffects(cssRule.get('sideEffects')), rule.resourceQuery(cssRule.get('resourceQuery')), Object.keys(cssRule.uses.entries()))){
47
- let loader = cssRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = external_deepmerge_default()({}, options);
40
+ }), test = /\.styl(us)?$/, stylusRule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).dependency({
41
+ not: 'url'
42
+ }).resolve.preferRelative(!0).end();
43
+ isV1 && (chain.module.rule(STYLUS_RAW).test(test), chain.module.rule(STYLUS_INLINE).test(test));
44
+ let getRule = (id)=>isV1 ? chain.module.rule(id) : (id.startsWith('stylus') ? stylusRule : chain.module.rule(CHAIN_ID.RULE.CSS)).oneOf(id), stylusInlineRule = getRule(STYLUS_INLINE);
45
+ getRule(STYLUS_RAW).type('asset/source').resourceQuery(getRule('css-raw').get('resourceQuery'));
46
+ let stylusMainRule = getRule('stylus');
47
+ (callback = (rule, cssBranchRule)=>{
48
+ for (let id of (rule.sideEffects(!0).resourceQuery(cssBranchRule.get('resourceQuery')), Object.keys(cssBranchRule.uses.entries()))){
49
+ let loader = cssBranchRule.uses.get(id), options = loader.get('options') ?? {}, clonedOptions = external_deepmerge_default()({}, options);
48
50
  id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
49
51
  }
50
52
  rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
51
- })(rule, 'normal'), inlineRule && callback(inlineRule, 'inline');
53
+ })(stylusMainRule, getRule('css')), callback(stylusInlineRule, getRule('css-inline'));
52
54
  });
53
55
  }
54
56
  });
package/dist/index.js CHANGED
@@ -4,6 +4,7 @@ import { reduceConfigs } from "reduce-configs";
4
4
  let src_require = createRequire(import.meta.url), PLUGIN_STYLUS_NAME = 'rsbuild:stylus', pluginStylus = (options)=>({
5
5
  name: PLUGIN_STYLUS_NAME,
6
6
  setup (api) {
7
+ let STYLUS_INLINE = 'stylus-inline', STYLUS_RAW = 'stylus-raw', isV1 = api.context.version.startsWith('1.');
7
8
  api.modifyBundlerChain((chain, { CHAIN_ID, environment })=>{
8
9
  var callback;
9
10
  let { config } = environment, { sourceMap } = config.output, mergedOptions = reduceConfigs({
@@ -12,19 +13,20 @@ let src_require = createRequire(import.meta.url), PLUGIN_STYLUS_NAME = 'rsbuild:
12
13
  },
13
14
  config: options,
14
15
  mergeFn: deepmerge
15
- }), test = /\.styl(us)?$/, rule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).resolve.preferRelative(!0).end(), inlineRule = CHAIN_ID.RULE.CSS_INLINE ? chain.module.rule(CHAIN_ID.RULE.STYLUS_INLINE).test(test) : null;
16
- if (CHAIN_ID.RULE.CSS_RAW) {
17
- let cssRawRule = chain.module.rules.get(CHAIN_ID.RULE.CSS_RAW);
18
- chain.module.rule(CHAIN_ID.RULE.STYLUS_RAW).test(test).type('asset/source').resourceQuery(cssRawRule.get('resourceQuery'));
19
- }
20
- (callback = (rule, type)=>{
21
- let cssRule = chain.module.rules.get('normal' === type ? CHAIN_ID.RULE.CSS : CHAIN_ID.RULE.CSS_INLINE);
22
- for (let id of (rule.dependency(cssRule.get('dependency')), rule.sideEffects(cssRule.get('sideEffects')), rule.resourceQuery(cssRule.get('resourceQuery')), Object.keys(cssRule.uses.entries()))){
23
- let loader = cssRule.uses.get(id), clonedOptions = deepmerge({}, loader.get('options') ?? {});
16
+ }), test = /\.styl(us)?$/, stylusRule = chain.module.rule(CHAIN_ID.RULE.STYLUS).test(test).dependency({
17
+ not: 'url'
18
+ }).resolve.preferRelative(!0).end();
19
+ isV1 && (chain.module.rule(STYLUS_RAW).test(test), chain.module.rule(STYLUS_INLINE).test(test));
20
+ let getRule = (id)=>isV1 ? chain.module.rule(id) : (id.startsWith('stylus') ? stylusRule : chain.module.rule(CHAIN_ID.RULE.CSS)).oneOf(id), stylusInlineRule = getRule(STYLUS_INLINE);
21
+ getRule(STYLUS_RAW).type('asset/source').resourceQuery(getRule('css-raw').get('resourceQuery'));
22
+ let stylusMainRule = getRule('stylus');
23
+ (callback = (rule, cssBranchRule)=>{
24
+ for (let id of (rule.sideEffects(!0).resourceQuery(cssBranchRule.get('resourceQuery')), Object.keys(cssBranchRule.uses.entries()))){
25
+ let loader = cssBranchRule.uses.get(id), clonedOptions = deepmerge({}, loader.get('options') ?? {});
24
26
  id === CHAIN_ID.USE.CSS && (clonedOptions.importLoaders += 1), rule.use(id).loader(loader.get('loader')).options(clonedOptions);
25
27
  }
26
28
  rule.use(CHAIN_ID.USE.STYLUS).loader(src_require.resolve('stylus-loader')).options(mergedOptions);
27
- })(rule, 'normal'), inlineRule && callback(inlineRule, 'inline');
29
+ })(stylusMainRule, getRule('css')), callback(stylusInlineRule, getRule('css-inline'));
28
30
  });
29
31
  }
30
32
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rsbuild/plugin-stylus",
3
- "version": "1.2.1",
3
+ "version": "1.3.1",
4
4
  "description": "Stylus plugin for Rsbuild",
5
5
  "homepage": "https://rsbuild.rs",
6
6
  "repository": {
@@ -26,17 +26,23 @@
26
26
  "deepmerge": "^4.3.1",
27
27
  "reduce-configs": "^1.1.1",
28
28
  "stylus": "0.64.0",
29
- "stylus-loader": "8.1.2"
29
+ "stylus-loader": "8.1.3"
30
30
  },
31
31
  "devDependencies": {
32
- "@rslib/core": "0.19.1",
33
- "@types/node": "^24.10.4",
32
+ "@rsbuild/core-v1": "npm:@rsbuild/core@^1.7.3",
33
+ "@rslib/core": "0.20.0",
34
+ "@types/node": "^24.12.0",
34
35
  "typescript": "^5.9.3",
35
- "@rsbuild/core": "1.7.2",
36
- "@scripts/test-helper": "1.0.1"
36
+ "@rsbuild/core": "2.0.0-beta.8",
37
+ "@scripts/test-helper": "1.0.0"
37
38
  },
38
39
  "peerDependencies": {
39
- "@rsbuild/core": "^1.0.0 || ^2.0.0-0"
40
+ "@rsbuild/core": "^1.3.0 || ^2.0.0-0"
41
+ },
42
+ "peerDependenciesMeta": {
43
+ "@rsbuild/core": {
44
+ "optional": true
45
+ }
40
46
  },
41
47
  "publishConfig": {
42
48
  "access": "public",