'use strict'; var utils = require('../utils.js'); require('eslint-visitor-keys'); require('espree'); require('estraverse'); const DEFAULTS = { declaration: "parens", assignment: "parens", return: "parens", arrow: "parens", condition: "ignore", logical: "ignore", prop: "ignore", propertyValue: "ignore" }; const messages = { missingParens: "Missing parentheses around multilines JSX", parensOnNewLines: "Parentheses around JSX should be on separate lines" }; var jsxWrapMultilines = utils.createRule({ name: "jsx-wrap-multilines", package: "jsx", meta: { type: "layout", docs: { description: "Disallow missing parentheses around multiline JSX" }, fixable: "code", messages, schema: [{ type: "object", // true/false are for backwards compatibility properties: { declaration: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, assignment: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, return: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, arrow: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, condition: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, logical: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, prop: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] }, propertyValue: { type: ["string", "boolean"], enum: [true, false, "ignore", "parens", "parens-new-line"] } }, additionalProperties: false }] }, create(context) { function getOption(type) { const userOptions = context.options[0] || {}; if (type in userOptions) return userOptions[type]; return DEFAULTS[type]; } function isEnabled(type) { const option = getOption(type); return option && option !== "ignore"; } function needsOpeningNewLine(node) { const previousToken = context.sourceCode.getTokenBefore(node); if (!utils.isParenthesized(node, context.sourceCode)) return false; if (previousToken.loc.end.line === node.loc.start.line) return true; return false; } function needsClosingNewLine(node) { const nextToken = context.sourceCode.getTokenAfter(node); if (!utils.isParenthesized(node, context.sourceCode)) return false; if (node.loc.end.line === nextToken.loc.end.line) return true; return false; } function isMultilines(node) { return node.loc.start.line !== node.loc.end.line; } function trimTokenBeforeNewline(node, tokenBefore) { const isBracket = tokenBefore.value === "{" || tokenBefore.value === "["; return `${tokenBefore.value.trim()}${isBracket ? "" : " "}`; } function check(node, type) { if (!node || !utils.isJSX(node)) return; const sourceCode = context.sourceCode; const option = getOption(type); if ((option === true || option === "parens") && !utils.isParenthesized(node, context.sourceCode) && isMultilines(node)) { context.report({ node, messageId: "missingParens", fix: (fixer) => fixer.replaceText(node, `(${sourceCode.getText(node)})`) }); } if (option === "parens-new-line" && isMultilines(node)) { if (!utils.isParenthesized(node, context.sourceCode)) { const tokenBefore = sourceCode.getTokenBefore(node, { includeComments: true }); const tokenAfter = sourceCode.getTokenAfter(node, { includeComments: true }); const start = node.loc.start; if (tokenBefore.loc.end.line < start.line) { context.report({ node, messageId: "missingParens", fix: (fixer) => fixer.replaceTextRange( [ tokenBefore.range[0], tokenAfter && (tokenAfter.value === ";" || tokenAfter.value === "}") ? tokenAfter.range[0] : node.range[1] ], `${trimTokenBeforeNewline(node, tokenBefore)}( ${start.column > 0 ? " ".repeat(start.column) : ""}${sourceCode.getText(node)} ${start.column > 0 ? " ".repeat(start.column - 2) : ""})` ) }); } else { context.report({ node, messageId: "missingParens", fix: (fixer) => fixer.replaceText(node, `( ${sourceCode.getText(node)} )`) }); } } else { const needsOpening = needsOpeningNewLine(node); const needsClosing = needsClosingNewLine(node); if (needsOpening || needsClosing) { context.report({ node, messageId: "parensOnNewLines", fix: (fixer) => { const text = sourceCode.getText(node); let fixed = text; if (needsOpening) fixed = ` ${fixed}`; if (needsClosing) fixed = `${fixed} `; return fixer.replaceText(node, fixed); } }); } } } } return { VariableDeclarator(node) { const type = "declaration"; if (!isEnabled(type)) return; if (!isEnabled("condition") && node.init && node.init.type === "ConditionalExpression") { check(node.init.consequent, type); check(node.init.alternate, type); return; } check(node.init, type); }, AssignmentExpression(node) { const type = "assignment"; if (!isEnabled(type)) return; if (!isEnabled("condition") && node.right.type === "ConditionalExpression") { check(node.right.consequent, type); check(node.right.alternate, type); return; } check(node.right, type); }, ReturnStatement(node) { const type = "return"; if (isEnabled(type)) check(node.argument, type); }, "ArrowFunctionExpression:exit": (node) => { const arrowBody = node.body; const type = "arrow"; if (isEnabled(type) && arrowBody.type !== "BlockStatement") check(arrowBody, type); }, ConditionalExpression(node) { const type = "condition"; if (isEnabled(type)) { check(node.consequent, type); check(node.alternate, type); } }, LogicalExpression(node) { const type = "logical"; if (isEnabled(type)) check(node.right, type); }, JSXAttribute(node) { const type = "prop"; if (isEnabled(type) && node.value && node.value.type === "JSXExpressionContainer") check(node.value.expression, type); }, ObjectExpression(node) { const type = "propertyValue"; if (isEnabled(type)) { node.properties.forEach((property) => { if (property.type === "Property" && property.value.type === "JSXElement") check(property.value, type); }); } } }; } }); module.exports = jsxWrapMultilines;