index.cjs 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. // NOTICE: This file is generated by Rollup. To modify it,
  2. // please instead edit the ESM counterpart and rebuild with Rollup (npm run build).
  3. 'use strict';
  4. const cssTokenizer = require('@csstools/css-tokenizer');
  5. const cssTree = require('css-tree');
  6. const regexes = require('../../utils/regexes.cjs');
  7. const nodeFieldIndices = require('../../utils/nodeFieldIndices.cjs');
  8. const report = require('../../utils/report.cjs');
  9. const ruleMessages = require('../../utils/ruleMessages.cjs');
  10. const validateOptions = require('../../utils/validateOptions.cjs');
  11. const ruleName = 'syntax-string-no-invalid';
  12. const messages = ruleMessages(ruleName, {
  13. rejected: (syntaxString) => `Unexpected invalid syntax string "${syntaxString}"`,
  14. });
  15. const meta = {
  16. url: 'https://stylelint.io/user-guide/rules/syntax-string-no-invalid',
  17. };
  18. /** @type {import('stylelint').CoreRules[ruleName]} */
  19. const rule = (primary) => {
  20. return (root, result) => {
  21. const validOptions = validateOptions(result, ruleName, { actual: primary });
  22. if (!validOptions) {
  23. return;
  24. }
  25. const forkedLexer = cssTree.fork({
  26. properties: {
  27. '-stylelint-syntax': "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]*",
  28. },
  29. types: {
  30. 'syntax-component':
  31. "<syntax-single-component> <syntax-multiplier>? | '<' transform-list '>'",
  32. 'syntax-single-component': "'<' <syntax-type-name> '>' | <ident>",
  33. 'syntax-type-name':
  34. 'angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function',
  35. 'syntax-combinator': "'|'",
  36. 'syntax-multiplier': "[ '#' | '+' ]",
  37. },
  38. }).lexer;
  39. root.walkAtRules(regexes.atRuleRegexes.propertyName, (atRule) => {
  40. atRule.walkDecls(regexes.descriptorRegexes.syntaxName, (decl) => {
  41. const tokens = cssTokenizer.tokenize({ css: decl.value }).filter((token) => cssTokenizer.isTokenString(token));
  42. tokens.forEach((token) => {
  43. const { error } = forkedLexer.matchProperty('-stylelint-syntax', token[4].value);
  44. if (!error) return;
  45. if (!('mismatchLength' in error)) return;
  46. const { name, rawMessage } = error;
  47. if (name !== 'SyntaxMatchError') return;
  48. if (rawMessage !== 'Mismatch') return;
  49. const valueIndex = nodeFieldIndices.declarationValueIndex(decl);
  50. report({
  51. message: messages.rejected,
  52. messageArgs: [token[1]],
  53. node: decl,
  54. index: valueIndex + token[2],
  55. endIndex: valueIndex + token[3] + 1,
  56. result,
  57. ruleName,
  58. });
  59. });
  60. });
  61. });
  62. };
  63. };
  64. rule.ruleName = ruleName;
  65. rule.messages = messages;
  66. rule.meta = meta;
  67. module.exports = rule;