/* @flow */
|
|
import { dirRE, onRE } from './parser/index'
|
|
type Range = { start?: number, end?: number };
|
|
// these keywords should not appear inside expressions, but operators like
|
// typeof, instanceof and in are allowed
|
const prohibitedKeywordRE = new RegExp('\\b' + (
|
'do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
|
'super,throw,while,yield,delete,export,import,return,switch,default,' +
|
'extends,finally,continue,debugger,function,arguments'
|
).split(',').join('\\b|\\b') + '\\b')
|
|
// these unary operators should not be used as property/method names
|
const unaryOperatorsRE = new RegExp('\\b' + (
|
'delete,typeof,void'
|
).split(',').join('\\s*\\([^\\)]*\\)|\\b') + '\\s*\\([^\\)]*\\)')
|
|
// strip strings in expressions
|
const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g
|
|
// detect problematic expressions in a template
|
export function detectErrors (ast: ?ASTNode, warn: Function) {
|
if (ast) {
|
checkNode(ast, warn)
|
}
|
}
|
|
function checkNode (node: ASTNode, warn: Function) {
|
if (node.type === 1) {
|
for (const name in node.attrsMap) {
|
if (dirRE.test(name)) {
|
const value = node.attrsMap[name]
|
if (value) {
|
const range = node.rawAttrsMap[name]
|
if (name === 'v-for') {
|
checkFor(node, `v-for="${value}"`, warn, range)
|
} else if (name === 'v-slot' || name[0] === '#') {
|
checkFunctionParameterExpression(value, `${name}="${value}"`, warn, range)
|
} else if (onRE.test(name)) {
|
checkEvent(value, `${name}="${value}"`, warn, range)
|
} else {
|
checkExpression(value, `${name}="${value}"`, warn, range)
|
}
|
}
|
}
|
}
|
if (node.children) {
|
for (let i = 0; i < node.children.length; i++) {
|
checkNode(node.children[i], warn)
|
}
|
}
|
} else if (node.type === 2) {
|
checkExpression(node.expression, node.text, warn, node)
|
}
|
}
|
|
function checkEvent (exp: string, text: string, warn: Function, range?: Range) {
|
const stripped = exp.replace(stripStringRE, '')
|
const keywordMatch: any = stripped.match(unaryOperatorsRE)
|
if (keywordMatch && stripped.charAt(keywordMatch.index - 1) !== '$') {
|
warn(
|
`avoid using JavaScript unary operator as property name: ` +
|
`"${keywordMatch[0]}" in expression ${text.trim()}`,
|
range
|
)
|
}
|
checkExpression(exp, text, warn, range)
|
}
|
|
function checkFor (node: ASTElement, text: string, warn: Function, range?: Range) {
|
checkExpression(node.for || '', text, warn, range)
|
checkIdentifier(node.alias, 'v-for alias', text, warn, range)
|
checkIdentifier(node.iterator1, 'v-for iterator', text, warn, range)
|
checkIdentifier(node.iterator2, 'v-for iterator', text, warn, range)
|
}
|
|
function checkIdentifier (
|
ident: ?string,
|
type: string,
|
text: string,
|
warn: Function,
|
range?: Range
|
) {
|
if (typeof ident === 'string') {
|
try {
|
new Function(`var ${ident}=_`)
|
} catch (e) {
|
warn(`invalid ${type} "${ident}" in expression: ${text.trim()}`, range)
|
}
|
}
|
}
|
|
function checkExpression (exp: string, text: string, warn: Function, range?: Range) {
|
try {
|
new Function(`return ${exp}`)
|
} catch (e) {
|
const keywordMatch = exp.replace(stripStringRE, '').match(prohibitedKeywordRE)
|
if (keywordMatch) {
|
warn(
|
`avoid using JavaScript keyword as property name: ` +
|
`"${keywordMatch[0]}"\n Raw expression: ${text.trim()}`,
|
range
|
)
|
} else {
|
warn(
|
`invalid expression: ${e.message} in\n\n` +
|
` ${exp}\n\n` +
|
` Raw expression: ${text.trim()}\n`,
|
range
|
)
|
}
|
}
|
}
|
|
function checkFunctionParameterExpression (exp: string, text: string, warn: Function, range?: Range) {
|
try {
|
new Function(exp, '')
|
} catch (e) {
|
warn(
|
`invalid function parameter expression: ${e.message} in\n\n` +
|
` ${exp}\n\n` +
|
` Raw expression: ${text.trim()}\n`,
|
range
|
)
|
}
|
}
|
