Merge branch 'main' into add-media-feature-name-value-no-unknown--wit…

…ty-south-china-tiger-8b25eed791

.changeset/cyan-dingos-own.md

@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `max-nesting-depth` error for at-rules in Sass syntax

.changeset/swift-pugs-matter.md

@@ -0,0 +1,5 @@
+---
+"stylelint": minor
+---
+
+Added: support for `.mjs` configuration files

docs/user-guide/configure.md

@@ -5,7 +5,7 @@ Stylelint expects a configuration object, and looks for one in a:
 - `stylelint` property in `package.json`
 - `.stylelintrc` file
 - `.stylelintrc.{cjs,js,json,yaml,yml}` file
-- `stylelint.config.{cjs,js}` file exporting a JS object
+- `stylelint.config.{cjs,mjs,js}` file
 
 Starting from the current working directory, Stylelint stops searching when one of these is found. Alternatively, you can use the [`--config` or `configFile` option](options.md#configfile) to short-circuit the search.
 

lib/__tests__/__snapshots__/cli.test.js.snap

@@ -16,15 +16,15 @@ exports[`CLI --help 1`] = `
 
     --config, -c <path_or_module>
 
-      A path to a specific configuration file (JSON, YAML, or CommonJS), or a
-      module name in "node_modules" that points to one. If no argument is
+      A path to a specific configuration file (JSON, YAML, CommonJS, or ES module),
+      or a module name in "node_modules" that points to one. If no argument is
       provided, Stylelint will search for configuration files in the following
       places, in this order:
 
         - a "stylelint" property in "package.json"
-        - a ".stylelintrc" file (with or without filename extension:
-          ".json", ".yaml", ".yml", ".js", and ".cjs" are available)
-        - a "stylelint.config.js" file exporting a JS object
+        - a ".stylelintrc" file
+        - a ".stylelintrc.{cjs,mjs,js,json,yaml,yml}" file
+        - a "stylelint.config.{cjs,mjs,js}" file
 
       The search will begin in the working directory and move up the directory
       tree until a configuration file is found.

lib/cli.js

@@ -107,15 +107,15 @@ const meowOptions = {
 
       --config, -c <path_or_module>
 
-        A path to a specific configuration file (JSON, YAML, or CommonJS), or a
-        module name in "node_modules" that points to one. If no argument is
+        A path to a specific configuration file (JSON, YAML, CommonJS, or ES module),
+        or a module name in "node_modules" that points to one. If no argument is
         provided, Stylelint will search for configuration files in the following
         places, in this order:
 
           - a "stylelint" property in "package.json"
-          - a ".stylelintrc" file (with or without filename extension:
-            ".json", ".yaml", ".yml", ".js", and ".cjs" are available)
-          - a "stylelint.config.js" file exporting a JS object
+          - a ".stylelintrc" file
+          - a ".stylelintrc.{cjs,mjs,js,json,yaml,yml}" file
+          - a "stylelint.config.{cjs,mjs,js}" file
 
         The search will begin in the working directory and move up the directory
         tree until a configuration file is found.

lib/rules/max-nesting-depth/__tests__/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+const { stripIndent } = require('common-tags');
+
 const { messages, ruleName } = require('..');
 
 testRule({
@@ -281,3 +283,18 @@ testRule({
 		},
 	],
 });
+
+testRule({
+	ruleName,
+	config: [1],
+	customSyntax: 'postcss-sass',
+
+	accept: [
+		{
+			code: stripIndent`
+				@media print
+					color: white
+			`,
+		},
+	],
+});

lib/rules/max-nesting-depth/index.js

@@ -90,8 +90,8 @@ const rule = (primary, secondaryOptions) => {
 	function nestingDepth(node, level) {
 		const parent = node.parent;
 
-		if (parent == null) {
-			throw new Error('The parent node must exist');
+		if (!parent) {
+			return 0;
 		}
 
 		if (isIgnoreAtRule(parent)) {

scripts/visual-config.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const config = require('./visual-config.json');
+
+module.exports = config;

scripts/visual-config.mjs

@@ -0,0 +1,3 @@
+import config from './visual-config.cjs';
+
+export default config;

scripts/visual.sh

@@ -1,7 +1,14 @@
 #!/usr/bin/env bash
+set -u
 
-echo "Normal:"
-node ../bin/stylelint.js visual.css --config=visual-config.json
+echo "########## Compact formatter ##########"
+echo ""
+node ../bin/stylelint.js visual.css --config visual-config.mjs --formatter compact
+echo ""
 
-echo -e "\n\nVerbose:"
-node ../bin/stylelint.js visual.css --config=visual-config.json --formatter verbose
+echo ""
+echo "########## Default formatter ##########"
+node ../bin/stylelint.js visual.css --config visual-config.json
+
+echo "########## Verbose formatter ##########"
+node ../bin/stylelint.js visual.css --config visual-config.cjs --formatter verbose