| /* @flow */ |
| "use strict"; |
| |
| const _ = require("lodash"); |
| const balancedMatch = require("balanced-match"); |
| |
| /** |
| * Replace all of the characters that are arguments to a certain |
| * CSS function with some innocuous character. |
| * |
| * This is useful if you need to use a RegExp to find a string |
| * but want to ignore matches in certain functions (e.g. `url()`, |
| * which might contain all kinds of false positives). |
| * |
| * For example: |
| * blurFunctionArguments("abc url(abc) abc", "url") === "abc url(```) abc" |
| * |
| * @param {string} source |
| * @param {string} functionName |
| * @param {[string]} blurChar="`" |
| * @return {string} - The result string, with the function arguments "blurred" |
| */ |
| module.exports = function( |
| source /*: string*/, |
| functionName /*: string*/ |
| ) /*: string*/ { |
| const blurChar /*: string*/ = |
| arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "`"; |
| |
| const nameWithParen = `${functionName.toLowerCase()}(`; |
| const lowerCaseSource = source.toLowerCase(); |
| |
| if (!_.includes(lowerCaseSource, nameWithParen)) { |
| return source; |
| } |
| |
| const functionNameLength /*: number*/ = functionName.length; |
| |
| let result = source; |
| let searchStartIndex = 0; |
| |
| while (lowerCaseSource.indexOf(nameWithParen, searchStartIndex) !== -1) { |
| const openingParenIndex = |
| lowerCaseSource.indexOf(nameWithParen, searchStartIndex) + |
| functionNameLength; |
| const closingParenIndex = |
| balancedMatch("(", ")", lowerCaseSource.slice(openingParenIndex)).end + |
| openingParenIndex; |
| const argumentsLength = closingParenIndex - openingParenIndex - 1; |
| |
| result = |
| result.slice(0, openingParenIndex + 1) + |
| _.repeat(blurChar, argumentsLength) + |
| result.slice(closingParenIndex); |
| searchStartIndex = closingParenIndex; |
| } |
| |
| return result; |
| }; |