- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
166 lines
6.9 KiB
JavaScript
166 lines
6.9 KiB
JavaScript
import { createRule } from '../utils/index.js';
|
|
import { getMustacheTokens } from '../utils/ast-utils.js';
|
|
import { getAttributeValueQuoteAndRange } from '../utils/ast-utils.js';
|
|
const QUOTE_CHARS = {
|
|
double: '"',
|
|
single: "'"
|
|
};
|
|
const QUOTE_NAMES = {
|
|
double: 'double quotes',
|
|
single: 'single quotes',
|
|
unquoted: 'unquoted'
|
|
};
|
|
export default createRule('html-quotes', {
|
|
meta: {
|
|
docs: {
|
|
description: 'enforce quotes style of HTML attributes',
|
|
category: 'Stylistic Issues',
|
|
recommended: false,
|
|
conflictWithPrettier: true
|
|
},
|
|
fixable: 'code',
|
|
schema: [
|
|
{
|
|
type: 'object',
|
|
properties: {
|
|
prefer: { enum: ['double', 'single'] },
|
|
dynamic: {
|
|
type: 'object',
|
|
properties: {
|
|
quoted: { type: 'boolean' },
|
|
avoidInvalidUnquotedInHTML: { type: 'boolean' }
|
|
},
|
|
additionalProperties: false
|
|
}
|
|
},
|
|
additionalProperties: false
|
|
}
|
|
],
|
|
messages: {
|
|
expectedEnclosed: 'Expected to be enclosed by quotes.',
|
|
expectedEnclosedBy: 'Expected to be enclosed by {{kind}}.',
|
|
unexpectedEnclosed: 'Unexpected to be enclosed by any quotes.'
|
|
},
|
|
type: 'layout' // "problem",
|
|
},
|
|
create(context) {
|
|
const sourceCode = context.sourceCode;
|
|
const preferQuote = context.options[0]?.prefer ?? 'double';
|
|
const dynamicQuote = context.options[0]?.dynamic?.quoted ? preferQuote : 'unquoted';
|
|
const avoidInvalidUnquotedInHTML = Boolean(context.options[0]?.dynamic?.avoidInvalidUnquotedInHTML);
|
|
/** Checks whether the given text can remove quotes in HTML. */
|
|
function canBeUnquotedInHTML(text) {
|
|
return !/[\s"'<=>`]/u.test(text);
|
|
}
|
|
/** Verify quote */
|
|
function verifyQuote(prefer, quoteAndRange) {
|
|
if (!quoteAndRange) {
|
|
// invalid
|
|
return;
|
|
}
|
|
if (quoteAndRange.quote === prefer) {
|
|
// valid
|
|
return;
|
|
}
|
|
let messageId;
|
|
let expectedQuote = prefer;
|
|
if (quoteAndRange.quote !== 'unquoted') {
|
|
if (expectedQuote === 'unquoted') {
|
|
messageId = 'unexpectedEnclosed';
|
|
}
|
|
else {
|
|
const contentText = sourceCode.text.slice(quoteAndRange.range[0] + 1, quoteAndRange.range[1] - 1);
|
|
const needEscape = contentText.includes(QUOTE_CHARS[expectedQuote]);
|
|
if (needEscape) {
|
|
// avoid escape
|
|
return;
|
|
}
|
|
messageId = 'expectedEnclosedBy';
|
|
}
|
|
}
|
|
else {
|
|
const contentText = sourceCode.text.slice(...quoteAndRange.range);
|
|
const needEscapeDoubleQuote = contentText.includes('"');
|
|
const needEscapeSingleQuote = contentText.includes("'");
|
|
if (needEscapeDoubleQuote && needEscapeSingleQuote) {
|
|
// avoid escape
|
|
return;
|
|
}
|
|
if (needEscapeDoubleQuote && expectedQuote === 'double') {
|
|
expectedQuote = 'single';
|
|
messageId = 'expectedEnclosed';
|
|
}
|
|
else if (needEscapeSingleQuote && expectedQuote === 'single') {
|
|
expectedQuote = 'double';
|
|
messageId = 'expectedEnclosed';
|
|
}
|
|
else {
|
|
messageId = 'expectedEnclosedBy';
|
|
}
|
|
}
|
|
context.report({
|
|
loc: {
|
|
start: sourceCode.getLocFromIndex(quoteAndRange.range[0]),
|
|
end: sourceCode.getLocFromIndex(quoteAndRange.range[1])
|
|
},
|
|
messageId,
|
|
data: { kind: QUOTE_NAMES[expectedQuote] },
|
|
*fix(fixer) {
|
|
if (expectedQuote !== 'unquoted') {
|
|
yield fixer.insertTextBeforeRange([quoteAndRange.range[0], quoteAndRange.range[0]], QUOTE_CHARS[expectedQuote]);
|
|
}
|
|
if (quoteAndRange.quote !== 'unquoted') {
|
|
yield fixer.removeRange([quoteAndRange.range[0], quoteAndRange.range[0] + 1]);
|
|
yield fixer.removeRange([quoteAndRange.range[1] - 1, quoteAndRange.range[1]]);
|
|
}
|
|
if (expectedQuote !== 'unquoted') {
|
|
yield fixer.insertTextAfterRange([quoteAndRange.range[1], quoteAndRange.range[1]], QUOTE_CHARS[expectedQuote]);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
/** Verify for standard attribute */
|
|
function verifyForValues(attr) {
|
|
const quoteAndRange = getAttributeValueQuoteAndRange(attr, sourceCode);
|
|
verifyQuote(preferQuote, quoteAndRange);
|
|
}
|
|
/** Verify for dynamic attribute */
|
|
function verifyForDynamicMustacheTag(attr, valueNode) {
|
|
const quoteAndRange = getAttributeValueQuoteAndRange(attr, sourceCode);
|
|
const text = sourceCode.text.slice(...valueNode.range);
|
|
verifyQuote(avoidInvalidUnquotedInHTML && !canBeUnquotedInHTML(text) ? preferQuote : dynamicQuote, quoteAndRange);
|
|
}
|
|
/** Verify for directive value */
|
|
function verifyForDirective(attr) {
|
|
const mustacheTokens = getMustacheTokens(attr, sourceCode);
|
|
if (!mustacheTokens) {
|
|
return;
|
|
}
|
|
const quoteAndRange = getAttributeValueQuoteAndRange(attr, sourceCode);
|
|
const text = sourceCode.text.slice(mustacheTokens.openToken.range[0], mustacheTokens.closeToken.range[1]);
|
|
verifyQuote(avoidInvalidUnquotedInHTML && !canBeUnquotedInHTML(text) ? preferQuote : dynamicQuote, quoteAndRange);
|
|
}
|
|
return {
|
|
'SvelteAttribute, SvelteStyleDirective'(node) {
|
|
if (node.value.length === 1 && node.value[0].type === 'SvelteMustacheTag') {
|
|
verifyForDynamicMustacheTag(node, node.value[0]);
|
|
}
|
|
else if (node.value.length >= 1) {
|
|
verifyForValues(node);
|
|
}
|
|
},
|
|
'SvelteDirective, SvelteSpecialDirective'(node) {
|
|
if (node.expression == null) {
|
|
return;
|
|
}
|
|
if (node.key.range[0] <= node.expression.range[0] &&
|
|
node.expression.range[1] <= node.key.range[1]) {
|
|
// shorthand
|
|
return;
|
|
}
|
|
verifyForDirective(node);
|
|
}
|
|
};
|
|
}
|
|
});
|