mirror of https://github.com/sveltejs/svelte
Rich Harris
7 years ago
parent
a023f2e049
commit
349aa0bbac
@ -1,17 +0,0 @@
|
|||||||
import { Node } from '../../../../interfaces';
|
|
||||||
import Component from '../../../Component';
|
|
||||||
|
|
||||||
export default function checkForAccessors(
|
|
||||||
component: Component,
|
|
||||||
properties: Node[],
|
|
||||||
label: string
|
|
||||||
) {
|
|
||||||
properties.forEach(prop => {
|
|
||||||
if (prop.kind !== 'init') {
|
|
||||||
component.error(prop, {
|
|
||||||
code: `illegal-accessor`,
|
|
||||||
message: `${label} cannot use getters and setters`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
import { Node } from '../../../../interfaces';
|
|
||||||
import Component from '../../../Component';
|
|
||||||
|
|
||||||
export default function checkForComputedKeys(
|
|
||||||
component: Component,
|
|
||||||
properties: Node[]
|
|
||||||
) {
|
|
||||||
properties.forEach(prop => {
|
|
||||||
if (prop.key.computed) {
|
|
||||||
component.error(prop, {
|
|
||||||
code: `computed-key`,
|
|
||||||
message: `Cannot use computed keys`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { Node } from '../../../../interfaces';
|
|
||||||
import getName from '../../../../utils/getName';
|
|
||||||
import Component from '../../../Component';
|
|
||||||
|
|
||||||
export default function checkForDupes(
|
|
||||||
component: Component,
|
|
||||||
properties: Node[]
|
|
||||||
) {
|
|
||||||
const seen = new Set();
|
|
||||||
|
|
||||||
properties.forEach(prop => {
|
|
||||||
const name = getName(prop.key);
|
|
||||||
|
|
||||||
if (seen.has(name)) {
|
|
||||||
component.error(prop, {
|
|
||||||
code: `duplicate-property`,
|
|
||||||
message: `Duplicate property '${name}'`
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
seen.add(name);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
import { walk } from 'estree-walker';
|
|
||||||
import isReference from 'is-reference';
|
|
||||||
import { Node } from '../../../../interfaces';
|
|
||||||
|
|
||||||
export default function usesThisOrArguments(node: Node) {
|
|
||||||
let result = false;
|
|
||||||
|
|
||||||
walk(node, {
|
|
||||||
enter(node: Node, parent: Node) {
|
|
||||||
if (
|
|
||||||
result ||
|
|
||||||
node.type === 'FunctionExpression' ||
|
|
||||||
node.type === 'FunctionDeclaration'
|
|
||||||
) {
|
|
||||||
return this.skip();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (node.type === 'ThisExpression') {
|
|
||||||
result = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
node.type === 'Identifier' &&
|
|
||||||
isReference(node, parent) &&
|
|
||||||
node.name === 'arguments'
|
|
||||||
) {
|
|
||||||
result = true;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
import FuzzySet from './FuzzySet';
|
|
||||||
|
|
||||||
export default function fuzzymatch(name: string, names: string[]) {
|
|
||||||
const set = new FuzzySet(names);
|
|
||||||
const matches = set.get(name);
|
|
||||||
|
|
||||||
return matches && matches[0] && matches[0][0] > 0.7 ? matches[0][1] : null;
|
|
||||||
}
|
|
||||||
@ -1,213 +0,0 @@
|
|||||||
import { parseExpressionAt } from 'acorn';
|
|
||||||
import { Parser } from '../index';
|
|
||||||
|
|
||||||
const DIRECTIVES: Record<string, {
|
|
||||||
names: string[];
|
|
||||||
attribute: (
|
|
||||||
start: number,
|
|
||||||
end: number,
|
|
||||||
type: string,
|
|
||||||
name: string,
|
|
||||||
expression?: any,
|
|
||||||
directiveName?: string
|
|
||||||
) => { start: number, end: number, type: string, name: string, value?: any, expression?: any };
|
|
||||||
allowedExpressionTypes: string[];
|
|
||||||
error: string;
|
|
||||||
}> = {
|
|
||||||
Ref: {
|
|
||||||
names: ['ref'],
|
|
||||||
attribute(start, end, type, name) {
|
|
||||||
return { start, end, type, name };
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: [],
|
|
||||||
error: 'ref directives cannot have a value'
|
|
||||||
},
|
|
||||||
|
|
||||||
EventHandler: {
|
|
||||||
names: ['on'],
|
|
||||||
attribute(start, end, type, lhs, expression) {
|
|
||||||
const [name, ...modifiers] = lhs.split('|');
|
|
||||||
return { start, end, type, name, modifiers, expression };
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['CallExpression'],
|
|
||||||
error: 'Expected a method call'
|
|
||||||
},
|
|
||||||
|
|
||||||
Binding: {
|
|
||||||
names: ['bind'],
|
|
||||||
attribute(start, end, type, name, expression) {
|
|
||||||
return {
|
|
||||||
start, end, type, name,
|
|
||||||
value: expression || {
|
|
||||||
type: 'Identifier',
|
|
||||||
start: start + 5,
|
|
||||||
end,
|
|
||||||
name,
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['Identifier', 'MemberExpression'],
|
|
||||||
error: 'Can only bind to an identifier (e.g. `foo`) or a member expression (e.g. `foo.bar` or `foo[baz]`)'
|
|
||||||
},
|
|
||||||
|
|
||||||
Transition: {
|
|
||||||
names: ['in', 'out', 'transition'],
|
|
||||||
attribute(start, end, type, name, expression, directiveName) {
|
|
||||||
return {
|
|
||||||
start, end, type, name, expression,
|
|
||||||
intro: directiveName === 'in' || directiveName === 'transition',
|
|
||||||
outro: directiveName === 'out' || directiveName === 'transition',
|
|
||||||
};
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['ObjectExpression'],
|
|
||||||
error: 'Transition argument must be an object literal, e.g. `{ duration: 400 }`'
|
|
||||||
},
|
|
||||||
|
|
||||||
Animation: {
|
|
||||||
names: ['animate'],
|
|
||||||
attribute(start, end, type, name, expression) {
|
|
||||||
return { start, end, type, name, expression };
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['ObjectExpression'],
|
|
||||||
error: 'Animation argument must be an object literal, e.g. `{ duration: 400 }`'
|
|
||||||
},
|
|
||||||
|
|
||||||
Action: {
|
|
||||||
names: ['use'],
|
|
||||||
attribute(start, end, type, name, expression) {
|
|
||||||
return { start, end, type, name, expression };
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['*'],
|
|
||||||
error: 'Data passed to actions must be an identifier (e.g. `foo`), a member expression ' +
|
|
||||||
'(e.g. `foo.bar` or `foo[baz]`), a method call (e.g. `foo()`), or a literal (e.g. `true` or `\'a string\'`'
|
|
||||||
},
|
|
||||||
|
|
||||||
Class: {
|
|
||||||
names: ['class'],
|
|
||||||
attribute(start, end, type, name, expression) {
|
|
||||||
return { start, end, type, name, expression };
|
|
||||||
},
|
|
||||||
allowedExpressionTypes: ['*'],
|
|
||||||
error: 'Data passed to class directives must be an expression'
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
const lookupByName = {};
|
|
||||||
|
|
||||||
Object.keys(DIRECTIVES).forEach(name => {
|
|
||||||
const directive = DIRECTIVES[name];
|
|
||||||
directive.names.forEach(type => lookupByName[type] = name);
|
|
||||||
});
|
|
||||||
|
|
||||||
function readExpression(parser: Parser, start: number, quoteMark: string|null) {
|
|
||||||
let i = start;
|
|
||||||
let escaped = false;
|
|
||||||
|
|
||||||
for (; i < parser.template.length; i += 1) {
|
|
||||||
const char = parser.template[i];
|
|
||||||
|
|
||||||
if (quoteMark) {
|
|
||||||
if (char === quoteMark) {
|
|
||||||
if (!escaped) break;
|
|
||||||
} else if (escaped) {
|
|
||||||
escaped = false;
|
|
||||||
} else if (char === '\\') {
|
|
||||||
escaped = true;
|
|
||||||
}
|
|
||||||
} else if (/[\s\/>]/.test(char)) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const expression = parseExpressionAt(parser.template.slice(0, i), start, {
|
|
||||||
ecmaVersion: 9,
|
|
||||||
});
|
|
||||||
parser.index = expression.end;
|
|
||||||
|
|
||||||
parser.allowWhitespace();
|
|
||||||
if (quoteMark) parser.eat(quoteMark, true);
|
|
||||||
|
|
||||||
return expression;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function readDirective(
|
|
||||||
parser: Parser,
|
|
||||||
start: number,
|
|
||||||
attrName: string
|
|
||||||
) {
|
|
||||||
const [directiveName, name] = attrName.split(':');
|
|
||||||
if (name === undefined) return; // No colon in the name
|
|
||||||
|
|
||||||
if (directiveName === '') {
|
|
||||||
// not a directive — :foo is short for foo={{foo}}
|
|
||||||
return {
|
|
||||||
start: start,
|
|
||||||
end: start + name.length + 1,
|
|
||||||
type: 'Attribute',
|
|
||||||
name,
|
|
||||||
value: getShorthandValue(start + 1, name)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const type = lookupByName[directiveName];
|
|
||||||
if (!type) return; // not a registered directive
|
|
||||||
|
|
||||||
const directive = DIRECTIVES[type];
|
|
||||||
let expression = null;
|
|
||||||
|
|
||||||
if (parser.eat('=')) {
|
|
||||||
const quoteMark = parser.eat(`'`) ? `'` : parser.eat(`"`) ? `"` : null;
|
|
||||||
|
|
||||||
const expressionStart = parser.index;
|
|
||||||
|
|
||||||
try {
|
|
||||||
expression = readExpression(parser, expressionStart, quoteMark);
|
|
||||||
const allowed = directive.allowedExpressionTypes;
|
|
||||||
if (allowed[0] !== '*' && allowed.indexOf(expression.type) === -1) {
|
|
||||||
parser.error({
|
|
||||||
code: `invalid-directive-value`,
|
|
||||||
message: directive.error
|
|
||||||
}, expressionStart);
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
if (parser.template[expressionStart] === '{') {
|
|
||||||
// assume the mistake was wrapping the directive arguments.
|
|
||||||
// this could yield false positives! but hopefully not too many
|
|
||||||
let message = 'directive values should not be wrapped';
|
|
||||||
const expressionEnd = parser.template.indexOf('}', expressionStart);
|
|
||||||
if (expressionEnd !== -1) {
|
|
||||||
const value = parser.template.slice(expressionStart + 1, expressionEnd);
|
|
||||||
message += ` — use '${value}', not '{${value}}'`;
|
|
||||||
}
|
|
||||||
parser.error({
|
|
||||||
code: `invalid-directive-value`,
|
|
||||||
message
|
|
||||||
}, expressionStart);
|
|
||||||
}
|
|
||||||
|
|
||||||
throw err;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return directive.attribute(start, parser.index, type, name, expression, directiveName);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function getShorthandValue(start: number, name: string) {
|
|
||||||
const end = start + name.length;
|
|
||||||
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
type: 'AttributeShorthand',
|
|
||||||
start,
|
|
||||||
end,
|
|
||||||
expression: {
|
|
||||||
type: 'Identifier',
|
|
||||||
start,
|
|
||||||
end,
|
|
||||||
name,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
import { Node } from '../interfaces';
|
|
||||||
|
|
||||||
export default function getMethodName(node: Node) {
|
|
||||||
if (node.type === 'Identifier') return node.name;
|
|
||||||
if (node.type === 'Literal') return String(node.value);
|
|
||||||
}
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
import { Node } from '../interfaces';
|
|
||||||
|
|
||||||
export default function isThisGetCallExpression(node: Node): boolean {
|
|
||||||
return node.type === 'CallExpression' &&
|
|
||||||
node.callee.type === 'MemberExpression' &&
|
|
||||||
node.callee.object.type === 'ThisExpression' &&
|
|
||||||
node.callee.property.name === 'get';
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
import { Node } from '../interfaces';
|
|
||||||
|
|
||||||
export default function nodeToString(node: Node) {
|
|
||||||
if (node.type === 'Literal' && typeof node.value === 'string') {
|
|
||||||
return node.value;
|
|
||||||
} else if (node.type === 'TemplateLiteral'
|
|
||||||
&& node.quasis.length === 1
|
|
||||||
&& node.expressions.length === 0) {
|
|
||||||
return node.quasis[0].value.raw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
const validCalleeObjects = new Set(['this', 'event', 'console']);
|
|
||||||
|
|
||||||
export default validCalleeObjects;
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import { Node } from '../interfaces';
|
|
||||||
import { walk } from 'estree-walker';
|
|
||||||
|
|
||||||
export default function walkThroughTopFunctionScope(body: Node, callback: Function) {
|
|
||||||
let lexicalDepth = 0;
|
|
||||||
walk(body, {
|
|
||||||
enter(node: Node) {
|
|
||||||
if (/^Function/.test(node.type)) {
|
|
||||||
lexicalDepth += 1;
|
|
||||||
} else if (lexicalDepth === 0) {
|
|
||||||
callback(node)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
leave(node: Node) {
|
|
||||||
if (/^Function/.test(node.type)) {
|
|
||||||
lexicalDepth -= 1;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue