aboutsummaryrefslogtreecommitdiff
path: root/node_modules/vue/src/compiler/error-detector.js
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/vue/src/compiler/error-detector.js')
-rw-r--r--node_modules/vue/src/compiler/error-detector.js108
1 files changed, 108 insertions, 0 deletions
diff --git a/node_modules/vue/src/compiler/error-detector.js b/node_modules/vue/src/compiler/error-detector.js
new file mode 100644
index 00000000..e729c499
--- /dev/null
+++ b/node_modules/vue/src/compiler/error-detector.js
@@ -0,0 +1,108 @@
+/* @flow */
+
+import { dirRE, onRE } from './parser/index'
+
+// 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): Array<string> {
+ const errors: Array<string> = []
+ if (ast) {
+ checkNode(ast, errors)
+ }
+ return errors
+}
+
+function checkNode (node: ASTNode, errors: Array<string>) {
+ if (node.type === 1) {
+ for (const name in node.attrsMap) {
+ if (dirRE.test(name)) {
+ const value = node.attrsMap[name]
+ if (value) {
+ if (name === 'v-for') {
+ checkFor(node, `v-for="${value}"`, errors)
+ } else if (onRE.test(name)) {
+ checkEvent(value, `${name}="${value}"`, errors)
+ } else {
+ checkExpression(value, `${name}="${value}"`, errors)
+ }
+ }
+ }
+ }
+ if (node.children) {
+ for (let i = 0; i < node.children.length; i++) {
+ checkNode(node.children[i], errors)
+ }
+ }
+ } else if (node.type === 2) {
+ checkExpression(node.expression, node.text, errors)
+ }
+}
+
+function checkEvent (exp: string, text: string, errors: Array<string>) {
+ const stipped = exp.replace(stripStringRE, '')
+ const keywordMatch: any = stipped.match(unaryOperatorsRE)
+ if (keywordMatch && stipped.charAt(keywordMatch.index - 1) !== '$') {
+ errors.push(
+ `avoid using JavaScript unary operator as property name: ` +
+ `"${keywordMatch[0]}" in expression ${text.trim()}`
+ )
+ }
+ checkExpression(exp, text, errors)
+}
+
+function checkFor (node: ASTElement, text: string, errors: Array<string>) {
+ checkExpression(node.for || '', text, errors)
+ checkIdentifier(node.alias, 'v-for alias', text, errors)
+ checkIdentifier(node.iterator1, 'v-for iterator', text, errors)
+ checkIdentifier(node.iterator2, 'v-for iterator', text, errors)
+}
+
+function checkIdentifier (
+ ident: ?string,
+ type: string,
+ text: string,
+ errors: Array<string>
+) {
+ if (typeof ident === 'string') {
+ try {
+ new Function(`var ${ident}=_`)
+ } catch (e) {
+ errors.push(`invalid ${type} "${ident}" in expression: ${text.trim()}`)
+ }
+ }
+}
+
+function checkExpression (exp: string, text: string, errors: Array<string>) {
+ try {
+ new Function(`return ${exp}`)
+ } catch (e) {
+ const keywordMatch = exp.replace(stripStringRE, '').match(prohibitedKeywordRE)
+ if (keywordMatch) {
+ errors.push(
+ `avoid using JavaScript keyword as property name: ` +
+ `"${keywordMatch[0]}"\n Raw expression: ${text.trim()}`
+ )
+ } else {
+ errors.push(
+ `invalid expression: ${e.message} in\n\n` +
+ ` ${exp}\n\n` +
+ ` Raw expression: ${text.trim()}\n`
+ )
+ }
+ }
+}