84 lines
2.1 KiB
JavaScript
Executable File
84 lines
2.1 KiB
JavaScript
Executable File
/**
|
|
* @fileoverview Limit maximum of props on a single line in JSX
|
|
* @author Yannick Croissant
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
// ------------------------------------------------------------------------------
|
|
// Rule Definition
|
|
// ------------------------------------------------------------------------------
|
|
|
|
module.exports = {
|
|
meta: {
|
|
docs: {
|
|
description: 'Limit maximum of props on a single line in JSX',
|
|
category: 'Stylistic Issues',
|
|
recommended: false
|
|
},
|
|
|
|
schema: [{
|
|
type: 'object',
|
|
properties: {
|
|
maximum: {
|
|
type: 'integer',
|
|
minimum: 1
|
|
},
|
|
when: {
|
|
type: 'string',
|
|
enum: ['always', 'multiline']
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
|
|
create: function (context) {
|
|
|
|
var sourceCode = context.getSourceCode();
|
|
var configuration = context.options[0] || {};
|
|
var maximum = configuration.maximum || 1;
|
|
var when = configuration.when || 'always';
|
|
|
|
function getPropName(propNode) {
|
|
if (propNode.type === 'JSXSpreadAttribute') {
|
|
return sourceCode.getText(propNode.argument);
|
|
}
|
|
return propNode.name.name;
|
|
}
|
|
|
|
return {
|
|
JSXOpeningElement: function (node) {
|
|
if (!node.attributes.length) {
|
|
return;
|
|
}
|
|
|
|
if (when === 'multiline' && node.loc.start.line === node.loc.end.line) {
|
|
return;
|
|
}
|
|
|
|
var firstProp = node.attributes[0];
|
|
var linePartitionedProps = [[firstProp]];
|
|
|
|
node.attributes.reduce(function(last, decl) {
|
|
if (last.loc.end.line === decl.loc.start.line) {
|
|
linePartitionedProps[linePartitionedProps.length - 1].push(decl);
|
|
} else {
|
|
linePartitionedProps.push([decl]);
|
|
}
|
|
return decl;
|
|
});
|
|
|
|
linePartitionedProps.forEach(function(propsInLine) {
|
|
if (propsInLine.length > maximum) {
|
|
var name = getPropName(propsInLine[maximum]);
|
|
context.report({
|
|
node: propsInLine[maximum],
|
|
message: `Prop \`${name}\` must be placed on a new line`
|
|
});
|
|
}
|
|
});
|
|
}
|
|
};
|
|
}
|
|
};
|