mirror of https://github.com/sveltejs/svelte
Rich Harris
2 years ago
parent
f69b18eb12
commit
689ba3085c
@ -1,174 +0,0 @@
|
||||
/** @typedef {{ start?: number, end?: number }} NodeLike */
|
||||
/** @typedef {Record<string, (...args: any[]) => string>} Errors */
|
||||
|
||||
/**
|
||||
* @param {Array<string | number>} items
|
||||
* @param {string} conjunction
|
||||
*/
|
||||
function list(items, conjunction = 'or') {
|
||||
if (items.length === 1) return items[0];
|
||||
return `${items.slice(0, -1).join(', ')} ${conjunction} ${items[items.length - 1]}`;
|
||||
}
|
||||
|
||||
/** @satisfies {Errors} */
|
||||
const internal = {
|
||||
/** @param {string} message */
|
||||
TODO: (message) => `TODO ${message}`,
|
||||
|
||||
/** @param {string} message */
|
||||
INTERNAL: (message) =>
|
||||
`Internal compiler error: ${message}. Please report this to https://github.com/sveltejs/svelte/issues`
|
||||
};
|
||||
|
||||
/** @satisfies {Errors} */
|
||||
const errors = {
|
||||
...internal
|
||||
|
||||
// missing_contenteditable_attribute: {
|
||||
// code: 'missing-contenteditable-attribute',
|
||||
// message:
|
||||
// "'contenteditable' attribute is required for textContent, innerHTML and innerText two-way bindings"
|
||||
// },
|
||||
// textarea_duplicate_value: {
|
||||
// code: 'textarea-duplicate-value',
|
||||
// message:
|
||||
// 'A <textarea> can have either a value attribute or (equivalently) child content, but not both'
|
||||
// },
|
||||
// invalid_attribute_head: {
|
||||
// code: 'invalid-attribute',
|
||||
// message: '<svelte:head> should not have any attributes or directives'
|
||||
// },
|
||||
// invalid_action: {
|
||||
// code: 'invalid-action',
|
||||
// message: 'Actions can only be applied to DOM elements, not components'
|
||||
// },
|
||||
// invalid_class: {
|
||||
// code: 'invalid-class',
|
||||
// message: 'Classes can only be applied to DOM elements, not components'
|
||||
// },
|
||||
// invalid_transition: {
|
||||
// code: 'invalid-transition',
|
||||
// message: 'Transitions can only be applied to DOM elements, not components'
|
||||
// },
|
||||
// invalid_let: {
|
||||
// code: 'invalid-let',
|
||||
// message: 'let directive value must be an identifier or an object/array pattern'
|
||||
// },
|
||||
// invalid_slot_directive: {
|
||||
// code: 'invalid-slot-directive',
|
||||
// message: '<slot> cannot have directives'
|
||||
// },
|
||||
// dynamic_slot_name: {
|
||||
// code: 'dynamic-slot-name',
|
||||
// message: '<slot> name cannot be dynamic'
|
||||
// },
|
||||
// invalid_slot_attribute_value_missing: {
|
||||
// code: 'invalid-slot-attribute',
|
||||
// message: 'slot attribute value is missing'
|
||||
// },
|
||||
// illegal_structure_title: {
|
||||
// code: 'illegal-structure',
|
||||
// message: '<title> can only contain text and {tags}'
|
||||
// },
|
||||
// duplicate_transition: /**
|
||||
// * @param {string} directive
|
||||
// * @param {string} parent_directive
|
||||
// */ (directive, parent_directive) => {
|
||||
// /** @param {string} _directive */
|
||||
// function describe(_directive) {
|
||||
// return _directive === 'transition' ? "a 'transition'" : `an '${_directive}'`;
|
||||
// }
|
||||
// const message =
|
||||
// directive === parent_directive
|
||||
// ? `An element can only have one '${directive}' directive`
|
||||
// : `An element cannot have both ${describe(parent_directive)} directive and ${describe(
|
||||
// directive
|
||||
// )} directive`;
|
||||
// return {
|
||||
// code: 'duplicate-transition',
|
||||
// message
|
||||
// };
|
||||
// },
|
||||
// default_export: {
|
||||
// code: 'default-export',
|
||||
// message: 'A component cannot have a default export'
|
||||
// },
|
||||
// illegal_declaration: {
|
||||
// code: 'illegal-declaration',
|
||||
// message: 'The $ prefix is reserved, and cannot be used for variable and import names'
|
||||
// },
|
||||
// invalid_directive_value: {
|
||||
// code: 'invalid-directive-value',
|
||||
// message:
|
||||
// 'Can only bind to an identifier (e.g. `foo`) or a member expression (e.g. `foo.bar` or `foo[baz]`)'
|
||||
// },
|
||||
};
|
||||
|
||||
// interface is duplicated between here (used internally) and ./interfaces.js
|
||||
// (exposed publicly), and I'm not sure how to avoid that
|
||||
export class CompileError extends Error {
|
||||
name = 'CompileError';
|
||||
|
||||
/** @type {import('#compiler').CompileError['filename']} */
|
||||
filename = undefined;
|
||||
|
||||
/** @type {import('#compiler').CompileError['position']} */
|
||||
position = undefined;
|
||||
|
||||
/** @type {import('#compiler').CompileError['start']} */
|
||||
start = undefined;
|
||||
|
||||
/** @type {import('#compiler').CompileError['end']} */
|
||||
end = undefined;
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {string} code
|
||||
* @param {string} message
|
||||
* @param {[number, number] | undefined} position
|
||||
*/
|
||||
constructor(code, message, position) {
|
||||
super(message);
|
||||
this.code = code;
|
||||
this.position = position;
|
||||
}
|
||||
|
||||
toString() {
|
||||
let out = `${this.name}: ${this.message}`;
|
||||
|
||||
out += `\n(${this.code})`;
|
||||
|
||||
if (this.filename) {
|
||||
out += `\n${this.filename}`;
|
||||
|
||||
if (this.start) {
|
||||
out += `${this.start.line}:${this.start.column}`;
|
||||
}
|
||||
}
|
||||
|
||||
return out;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* @template {Exclude<keyof typeof errors, 'TODO'>} T
|
||||
* @param {NodeLike | number | null} node
|
||||
* @param {T} code
|
||||
* @param {Parameters<typeof errors[T]>} args
|
||||
* @returns {never}
|
||||
*/
|
||||
export function error(node, code, ...args) {
|
||||
const fn = errors[code];
|
||||
|
||||
// @ts-expect-error
|
||||
const message = fn(...args);
|
||||
|
||||
const start = typeof node === 'number' ? node : node?.start;
|
||||
const end = typeof node === 'number' ? node : node?.end;
|
||||
|
||||
throw new CompileError(
|
||||
code,
|
||||
message,
|
||||
start !== undefined && end !== undefined ? [start, end] : undefined
|
||||
);
|
||||
}
|
||||
Loading…
Reference in new issue