index.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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: (mediaName, pattern) => `Expected "${mediaName}" to match pattern "${pattern}"`,
  10. });
  11. const meta = {
  12. url: 'https://stylelint.io/user-guide/rules/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 [fullName, customMediaName] = atRule.params.match(/^--(\S+)\b/) || [];
  30. if (fullName === undefined || customMediaName === undefined) {
  31. throw new Error(`Unexpected at-rule params: "${atRule.params}"`);
  32. }
  33. if (regexpPattern.test(customMediaName)) {
  34. return;
  35. }
  36. const index = atRuleParamIndex(atRule);
  37. report({
  38. message: messages.expected,
  39. messageArgs: [fullName, primary],
  40. node: atRule,
  41. index,
  42. endIndex: index + fullName.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;