stylelint/src/rules/value-no-vendor-prefix/index.js

Modern CSS linter

import {
  isAutoprefixable,
  isStandardSyntaxDeclaration,
  isStandardSyntaxProperty,
  report,
  ruleMessages,
  styleSearch,
  validateOptions,
} from "../../utils"

export const ruleName = "value-no-vendor-prefix"

export const messages = ruleMessages(ruleName, {
  rejected: value => `Unexpected vendor-prefix "${value}"`,
})

const valuePrefixes = [ "-webkit-", "-moz-", "-ms-", "-o-" ]

export default function (actual) {
  return (root, result) => {
    const validOptions = validateOptions(result, ruleName, { actual })
    if (!validOptions) { return }

    root.walkDecls(decl => {
      if (
        !isStandardSyntaxDeclaration(decl)
        || !isStandardSyntaxProperty(decl.prop)
        || decl.value[0] !== "-"
      ) { return }

      const { prop, value } = decl

      // Search the full declaration in order to get an accurate index
      styleSearch({ source: value.toLowerCase(), target: valuePrefixes }, match => {
        const fullIdentifier = /^(-[a-z-]+)\b/i.exec(value.slice(match.startIndex))[1]
        if (!isAutoprefixable.propertyValue(prop, fullIdentifier)) { return }

        report({
          message: messages.rejected(fullIdentifier),
          node: decl,
          index: prop.length + decl.raws.between.length + match.startIndex,
          result,
          ruleName,
        })
      })
    })
  }
}