index.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. 'use strict';
  2. const atRuleParamIndex = require('../../utils/atRuleParamIndex');
  3. const report = require('../../utils/report');
  4. const ruleMessages = require('../../utils/ruleMessages');
  5. const validateOptions = require('../../utils/validateOptions');
  6. const { isRegExp, isString } = require('../../utils/validateTypes');
  7. const ruleName = 'custom-media-pattern';
  8. const messages = ruleMessages(ruleName, {
  9. expected: (pattern) => `Expected custom media query name to match pattern "${pattern}"`,
  10. });
  11. const meta = {
  12. url: 'https://stylelint.io/user-guide/rules/list/custom-media-pattern',
  13. };
  14. /** @type {import('stylelint').Rule} */
  15. const rule = (primary) => {
  16. return (root, result) => {
  17. const validOptions = validateOptions(result, ruleName, {
  18. actual: primary,
  19. possible: [isRegExp, isString],
  20. });
  21. if (!validOptions) {
  22. return;
  23. }
  24. const regexpPattern = isString(primary) ? new RegExp(primary) : primary;
  25. root.walkAtRules((atRule) => {
  26. if (atRule.name.toLowerCase() !== 'custom-media') {
  27. return;
  28. }
  29. const match = atRule.params.match(/^--(\S+)\b/);
  30. if (match == null || match[0] == null) {
  31. throw new Error(`Unexpected at-rule params: "${atRule.params}"`);
  32. }
  33. const customMediaName = match[1];
  34. if (regexpPattern.test(customMediaName)) {
  35. return;
  36. }
  37. const index = atRuleParamIndex(atRule);
  38. report({
  39. message: messages.expected(primary),
  40. node: atRule,
  41. index,
  42. endIndex: index + match[0].length,
  43. result,
  44. ruleName,
  45. });
  46. });
  47. };
  48. };
  49. rule.ruleName = ruleName;
  50. rule.messages = messages;
  51. rule.meta = meta;
  52. module.exports = rule;