2 * @fileoverview Comma style - enforces comma styles of two types: last and first
3 * @author Vignesh Anand aka vegetableman
8 const astUtils = require("./utils/ast-utils");
10 //------------------------------------------------------------------------------
12 //------------------------------------------------------------------------------
19 description: "enforce consistent comma style",
20 category: "Stylistic Issues",
22 url: "https://eslint.org/docs/rules/comma-style"
29 enum: ["first", "last"]
36 additionalProperties: {
41 additionalProperties: false
46 unexpectedLineBeforeAndAfterComma: "Bad line breaking before and after ','.",
47 expectedCommaFirst: "',' should be placed first.",
48 expectedCommaLast: "',' should be placed last."
53 const style = context.options[0] || "last",
54 sourceCode = context.getSourceCode();
57 ArrowFunctionExpression: true,
59 FunctionDeclaration: true,
60 FunctionExpression: true,
61 ImportDeclaration: true,
66 if (context.options.length === 2 && Object.prototype.hasOwnProperty.call(context.options[1], "exceptions")) {
67 const keys = Object.keys(context.options[1].exceptions);
69 for (let i = 0; i < keys.length; i++) {
70 exceptions[keys[i]] = context.options[1].exceptions[keys[i]];
74 //--------------------------------------------------------------------------
76 //--------------------------------------------------------------------------
79 * Modified text based on the style
80 * @param {string} styleType Style type
81 * @param {string} text Source code text
82 * @returns {string} modified text
85 function getReplacedText(styleType, text) {
88 return `,${text.replace(astUtils.LINEBREAK_MATCHER, "")}`;
102 * Determines the fixer function for a given style.
103 * @param {string} styleType comma style
104 * @param {ASTNode} previousItemToken The token to check.
105 * @param {ASTNode} commaToken The token to check.
106 * @param {ASTNode} currentItemToken The token to check.
107 * @returns {Function} Fixer function
110 function getFixerFunction(styleType, previousItemToken, commaToken, currentItemToken) {
112 sourceCode.text.slice(previousItemToken.range[1], commaToken.range[0]) +
113 sourceCode.text.slice(commaToken.range[1], currentItemToken.range[0]);
114 const range = [previousItemToken.range[1], currentItemToken.range[0]];
116 return function(fixer) {
117 return fixer.replaceTextRange(range, getReplacedText(styleType, text));
122 * Validates the spacing around single items in lists.
123 * @param {Token} previousItemToken The last token from the previous item.
124 * @param {Token} commaToken The token representing the comma.
125 * @param {Token} currentItemToken The first token of the current item.
126 * @param {Token} reportItem The item to use when reporting an error.
130 function validateCommaItemSpacing(previousItemToken, commaToken, currentItemToken, reportItem) {
133 if (astUtils.isTokenOnSameLine(commaToken, currentItemToken) &&
134 astUtils.isTokenOnSameLine(previousItemToken, commaToken)) {
138 } else if (!astUtils.isTokenOnSameLine(commaToken, currentItemToken) &&
139 !astUtils.isTokenOnSameLine(previousItemToken, commaToken)) {
141 const comment = sourceCode.getCommentsAfter(commaToken)[0];
142 const styleType = comment && comment.type === "Block" && astUtils.isTokenOnSameLine(commaToken, comment)
150 messageId: "unexpectedLineBeforeAndAfterComma",
151 fix: getFixerFunction(styleType, previousItemToken, commaToken, currentItemToken)
154 } else if (style === "first" && !astUtils.isTokenOnSameLine(commaToken, currentItemToken)) {
159 messageId: "expectedCommaFirst",
160 fix: getFixerFunction(style, previousItemToken, commaToken, currentItemToken)
163 } else if (style === "last" && astUtils.isTokenOnSameLine(commaToken, currentItemToken)) {
168 messageId: "expectedCommaLast",
169 fix: getFixerFunction(style, previousItemToken, commaToken, currentItemToken)
175 * Checks the comma placement with regards to a declaration/property/element
176 * @param {ASTNode} node The binary expression node to check
177 * @param {string} property The property of the node containing child nodes.
181 function validateComma(node, property) {
182 const items = node[property],
183 arrayLiteral = (node.type === "ArrayExpression" || node.type === "ArrayPattern");
185 if (items.length > 1 || arrayLiteral) {
188 let previousItemToken = sourceCode.getFirstToken(node);
190 items.forEach(item => {
191 const commaToken = item ? sourceCode.getTokenBefore(item) : previousItemToken,
192 currentItemToken = item ? sourceCode.getFirstToken(item) : sourceCode.getTokenAfter(commaToken),
193 reportItem = item || currentItemToken;
196 * This works by comparing three token locations:
197 * - previousItemToken is the last token of the previous item
198 * - commaToken is the location of the comma before the current item
199 * - currentItemToken is the first token of the current item
201 * These values get switched around if item is undefined.
202 * previousItemToken will refer to the last token not belonging
203 * to the current item, which could be a comma or an opening
204 * square bracket. currentItemToken could be a comma.
206 * All comparisons are done based on these tokens directly, so
207 * they are always valid regardless of an undefined item.
209 if (astUtils.isCommaToken(commaToken)) {
210 validateCommaItemSpacing(previousItemToken, commaToken, currentItemToken, reportItem);
214 const tokenAfterItem = sourceCode.getTokenAfter(item, astUtils.isNotClosingParenToken);
216 previousItemToken = tokenAfterItem
217 ? sourceCode.getTokenBefore(tokenAfterItem)
218 : sourceCode.ast.tokens[sourceCode.ast.tokens.length - 1];
220 previousItemToken = currentItemToken;
225 * Special case for array literals that have empty last items, such
226 * as [ 1, 2, ]. These arrays only have two items show up in the
227 * AST, so we need to look at the token to verify that there's no
232 const lastToken = sourceCode.getLastToken(node),
233 nextToLastToken = sourceCode.getTokenBefore(lastToken);
235 if (astUtils.isCommaToken(nextToLastToken)) {
236 validateCommaItemSpacing(
237 sourceCode.getTokenBefore(nextToLastToken),
247 //--------------------------------------------------------------------------
249 //--------------------------------------------------------------------------
253 if (!exceptions.VariableDeclaration) {
254 nodes.VariableDeclaration = function(node) {
255 validateComma(node, "declarations");
258 if (!exceptions.ObjectExpression) {
259 nodes.ObjectExpression = function(node) {
260 validateComma(node, "properties");
263 if (!exceptions.ObjectPattern) {
264 nodes.ObjectPattern = function(node) {
265 validateComma(node, "properties");
268 if (!exceptions.ArrayExpression) {
269 nodes.ArrayExpression = function(node) {
270 validateComma(node, "elements");
273 if (!exceptions.ArrayPattern) {
274 nodes.ArrayPattern = function(node) {
275 validateComma(node, "elements");
278 if (!exceptions.FunctionDeclaration) {
279 nodes.FunctionDeclaration = function(node) {
280 validateComma(node, "params");
283 if (!exceptions.FunctionExpression) {
284 nodes.FunctionExpression = function(node) {
285 validateComma(node, "params");
288 if (!exceptions.ArrowFunctionExpression) {
289 nodes.ArrowFunctionExpression = function(node) {
290 validateComma(node, "params");
293 if (!exceptions.CallExpression) {
294 nodes.CallExpression = function(node) {
295 validateComma(node, "arguments");
298 if (!exceptions.ImportDeclaration) {
299 nodes.ImportDeclaration = function(node) {
300 validateComma(node, "specifiers");
303 if (!exceptions.NewExpression) {
304 nodes.NewExpression = function(node) {
305 validateComma(node, "arguments");