You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
4.4 KiB
161 lines
4.4 KiB
1 month ago
|
/**
|
||
|
* @author Toru Nagashima
|
||
|
* @copyright 2016 Toru Nagashima. All rights reserved.
|
||
|
* See LICENSE file in root directory for full license.
|
||
|
*/
|
||
|
'use strict'
|
||
|
|
||
|
const utils = require('../utils')
|
||
|
|
||
|
/**
|
||
|
* @param {number} lineBreaks
|
||
|
*/
|
||
|
function getPhrase(lineBreaks) {
|
||
|
switch (lineBreaks) {
|
||
|
case 0: {
|
||
|
return 'no line breaks'
|
||
|
}
|
||
|
case 1: {
|
||
|
return '1 line break'
|
||
|
}
|
||
|
default: {
|
||
|
return `${lineBreaks} line breaks`
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @typedef LineBreakBehavior
|
||
|
* @type {('always'|'never')}
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @typedef LineType
|
||
|
* @type {('singleline'|'multiline')}
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @typedef RuleOptions
|
||
|
* @type {object}
|
||
|
* @property {LineBreakBehavior} singleline - The behavior for single line tags.
|
||
|
* @property {LineBreakBehavior} multiline - The behavior for multiline tags.
|
||
|
* @property {object} selfClosingTag
|
||
|
* @property {LineBreakBehavior} selfClosingTag.singleline - The behavior for single line self closing tags.
|
||
|
* @property {LineBreakBehavior} selfClosingTag.multiline - The behavior for multiline self closing tags.
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @param {VStartTag | VEndTag} node - The node representing a start or end tag.
|
||
|
* @param {RuleOptions} options - The options for line breaks.
|
||
|
* @param {LineType} type - The type of line break.
|
||
|
* @returns {number} - The expected line breaks.
|
||
|
*/
|
||
|
function getExpectedLineBreaks(node, options, type) {
|
||
|
const isSelfClosingTag = node.type === 'VStartTag' && node.selfClosing
|
||
|
if (
|
||
|
isSelfClosingTag &&
|
||
|
options.selfClosingTag &&
|
||
|
options.selfClosingTag[type]
|
||
|
) {
|
||
|
return options.selfClosingTag[type] === 'always' ? 1 : 0
|
||
|
}
|
||
|
|
||
|
return options[type] === 'always' ? 1 : 0
|
||
|
}
|
||
|
|
||
|
module.exports = {
|
||
|
meta: {
|
||
|
type: 'layout',
|
||
|
docs: {
|
||
|
description:
|
||
|
"require or disallow a line break before tag's closing brackets",
|
||
|
categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
|
||
|
url: 'https://eslint.vuejs.org/rules/html-closing-bracket-newline.html'
|
||
|
},
|
||
|
fixable: 'whitespace',
|
||
|
schema: [
|
||
|
{
|
||
|
type: 'object',
|
||
|
properties: {
|
||
|
singleline: { enum: ['always', 'never'] },
|
||
|
multiline: { enum: ['always', 'never'] },
|
||
|
selfClosingTag: {
|
||
|
type: 'object',
|
||
|
properties: {
|
||
|
singleline: { enum: ['always', 'never'] },
|
||
|
multiline: { enum: ['always', 'never'] }
|
||
|
},
|
||
|
additionalProperties: false,
|
||
|
minProperties: 1
|
||
|
}
|
||
|
},
|
||
|
additionalProperties: false
|
||
|
}
|
||
|
],
|
||
|
messages: {
|
||
|
expectedBeforeClosingBracket:
|
||
|
'Expected {{expected}} before closing bracket, but {{actual}} found.'
|
||
|
}
|
||
|
},
|
||
|
/** @param {RuleContext} context */
|
||
|
create(context) {
|
||
|
const options = Object.assign(
|
||
|
{},
|
||
|
{
|
||
|
singleline: 'never',
|
||
|
multiline: 'always'
|
||
|
},
|
||
|
context.options[0] || {}
|
||
|
)
|
||
|
const sourceCode = context.getSourceCode()
|
||
|
const template =
|
||
|
sourceCode.parserServices.getTemplateBodyTokenStore &&
|
||
|
sourceCode.parserServices.getTemplateBodyTokenStore()
|
||
|
|
||
|
return utils.defineDocumentVisitor(context, {
|
||
|
/** @param {VStartTag | VEndTag} node */
|
||
|
'VStartTag, VEndTag'(node) {
|
||
|
const closingBracketToken = template.getLastToken(node)
|
||
|
if (
|
||
|
closingBracketToken.type !== 'HTMLSelfClosingTagClose' &&
|
||
|
closingBracketToken.type !== 'HTMLTagClose'
|
||
|
) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
const prevToken = template.getTokenBefore(closingBracketToken)
|
||
|
const type =
|
||
|
node.loc.start.line === prevToken.loc.end.line
|
||
|
? 'singleline'
|
||
|
: 'multiline'
|
||
|
|
||
|
const expectedLineBreaks = getExpectedLineBreaks(node, options, type)
|
||
|
|
||
|
const actualLineBreaks =
|
||
|
closingBracketToken.loc.start.line - prevToken.loc.end.line
|
||
|
|
||
|
if (actualLineBreaks !== expectedLineBreaks) {
|
||
|
context.report({
|
||
|
node,
|
||
|
loc: {
|
||
|
start: prevToken.loc.end,
|
||
|
end: closingBracketToken.loc.start
|
||
|
},
|
||
|
messageId: 'expectedBeforeClosingBracket',
|
||
|
data: {
|
||
|
expected: getPhrase(expectedLineBreaks),
|
||
|
actual: getPhrase(actualLineBreaks)
|
||
|
},
|
||
|
fix(fixer) {
|
||
|
/** @type {Range} */
|
||
|
const range = [prevToken.range[1], closingBracketToken.range[0]]
|
||
|
const text = '\n'.repeat(expectedLineBreaks)
|
||
|
return fixer.replaceTextRange(range, text)
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|