eslint-plugin-power-esrules 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/INTEGRATION_GUIDE.md +99 -0
- package/index.js +25 -0
- package/lib/rules/class-to-functional.js +236 -0
- package/lib/rules/formatting-blank-lines.js +420 -0
- package/lib/rules/id-naming-convention.js +255 -0
- package/lib/rules/import-sorting.js +251 -0
- package/lib/rules/no-default-props.js +68 -0
- package/lib/rules/no-inline-callbacks-in-jsx.js +87 -0
- package/lib/rules/use-state-naming.js +128 -0
- package/package.json +31 -0
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Rule: import-sorting
|
|
3
|
+
*
|
|
4
|
+
* Проверяет сортировку импортов согласно соглашению:
|
|
5
|
+
*
|
|
6
|
+
* 1. Самыми первыми идут импорты из сторонних библиотек
|
|
7
|
+
* 2. За ними следует импорты наших функций, классов, утилит
|
|
8
|
+
* 3. Последними следуют компоненты (это не означает, что все что лежит в папке components, а именно компоненты)
|
|
9
|
+
*
|
|
10
|
+
* Между группами импортов должны быть пустые строки.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Определяет тип импорта
|
|
15
|
+
* @param {Object} node - AST узел ImportDeclaration
|
|
16
|
+
* @returns {string} - 'external', 'internal', или 'component'
|
|
17
|
+
*/
|
|
18
|
+
function getImportType(node) {
|
|
19
|
+
const source = node.source.value;
|
|
20
|
+
// Относительные импорты (./ или ../) всегда внутренние
|
|
21
|
+
if (source.startsWith('./') || source.startsWith('../')) {
|
|
22
|
+
// Проверяем, является ли это компонентом
|
|
23
|
+
// Компоненты обычно импортируются как default или с большой буквы
|
|
24
|
+
const isDefaultImport = node.specifiers.some(
|
|
25
|
+
(spec) => spec.type === 'ImportDefaultSpecifier'
|
|
26
|
+
);
|
|
27
|
+
const hasComponentName = node.specifiers.some(
|
|
28
|
+
(spec) =>
|
|
29
|
+
spec.type === 'ImportSpecifier' &&
|
|
30
|
+
spec.imported &&
|
|
31
|
+
/^[A-Z]/.test(spec.imported.name)
|
|
32
|
+
);
|
|
33
|
+
if (isDefaultImport || hasComponentName) {
|
|
34
|
+
return 'component';
|
|
35
|
+
}
|
|
36
|
+
return 'internal';
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// Сторонние библиотеки (не относительные и не начинаются с внутренних путей)
|
|
40
|
+
const internalPathPatterns = [
|
|
41
|
+
/^components\//,
|
|
42
|
+
/^utils\//,
|
|
43
|
+
/^modules\//,
|
|
44
|
+
/^pages\//,
|
|
45
|
+
/^services\//,
|
|
46
|
+
/^store\//,
|
|
47
|
+
/^types\//,
|
|
48
|
+
/^constants\//,
|
|
49
|
+
/^hooks\//,
|
|
50
|
+
/^helpers\//,
|
|
51
|
+
];
|
|
52
|
+
const isInternalPath = internalPathPatterns.some((pattern) => pattern.test(source));
|
|
53
|
+
if (!isInternalPath) {
|
|
54
|
+
return 'external';
|
|
55
|
+
}
|
|
56
|
+
// Внутренние пути
|
|
57
|
+
// Компоненты обычно из папки components/ или имеют имена с большой буквы
|
|
58
|
+
if (source.startsWith('components/')) {
|
|
59
|
+
// Исключения: theme, constants, utils, helpers - это утилиты, не компоненты
|
|
60
|
+
const isUtility = /components\/(theme|constants|utils|helpers|auxiliary)/.test(source);
|
|
61
|
+
if (isUtility) {
|
|
62
|
+
return 'internal';
|
|
63
|
+
}
|
|
64
|
+
// Проверяем, является ли это компонентом
|
|
65
|
+
const isDefaultImport = node.specifiers.some(
|
|
66
|
+
(spec) => spec.type === 'ImportDefaultSpecifier'
|
|
67
|
+
);
|
|
68
|
+
const hasComponentName = node.specifiers.some(
|
|
69
|
+
(spec) =>
|
|
70
|
+
spec.type === 'ImportSpecifier' &&
|
|
71
|
+
spec.imported &&
|
|
72
|
+
/^[A-Z][a-zA-Z]*$/.test(spec.imported.name) && // Имя начинается с большой буквы и не все заглавные
|
|
73
|
+
spec.imported.name !== spec.imported.name.toUpperCase() // Не константа (не все заглавные)
|
|
74
|
+
);
|
|
75
|
+
if (isDefaultImport || hasComponentName) {
|
|
76
|
+
return 'component';
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
// Проверяем, является ли именованный импорт компонентом (начинается с большой буквы, но не константа)
|
|
80
|
+
const hasComponentName = node.specifiers.some(
|
|
81
|
+
(spec) =>
|
|
82
|
+
spec.type === 'ImportSpecifier' &&
|
|
83
|
+
spec.imported &&
|
|
84
|
+
/^[A-Z][a-zA-Z]*$/.test(spec.imported.name) &&
|
|
85
|
+
spec.imported.name !== spec.imported.name.toUpperCase() // Не константа
|
|
86
|
+
);
|
|
87
|
+
if (hasComponentName) {
|
|
88
|
+
return 'component';
|
|
89
|
+
}
|
|
90
|
+
return 'internal';
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Получает приоритет для сортировки
|
|
95
|
+
*/
|
|
96
|
+
function getImportPriority(type) {
|
|
97
|
+
const priorities = {
|
|
98
|
+
external: 1,
|
|
99
|
+
internal: 2,
|
|
100
|
+
component: 3,
|
|
101
|
+
};
|
|
102
|
+
return priorities[type] || 999;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* Сравнивает два импорта для сортировки
|
|
107
|
+
*/
|
|
108
|
+
function compareImports(a, b) {
|
|
109
|
+
const typeA = getImportType(a);
|
|
110
|
+
const typeB = getImportType(b);
|
|
111
|
+
const priorityA = getImportPriority(typeA);
|
|
112
|
+
const priorityB = getImportPriority(typeB);
|
|
113
|
+
// Сначала по типу
|
|
114
|
+
if (priorityA !== priorityB) {
|
|
115
|
+
return priorityA - priorityB;
|
|
116
|
+
}
|
|
117
|
+
// Затем по имени источника (алфавитно)
|
|
118
|
+
const sourceA = a.source.value;
|
|
119
|
+
const sourceB = b.source.value;
|
|
120
|
+
return sourceA.localeCompare(sourceB);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* Проверяет, нужна ли пустая строка между двумя импортами
|
|
125
|
+
*/
|
|
126
|
+
function needsBlankLineBetween(importA, importB) {
|
|
127
|
+
const typeA = getImportType(importA);
|
|
128
|
+
const typeB = getImportType(importB);
|
|
129
|
+
return typeA !== typeB;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
module.exports = {
|
|
133
|
+
meta: {
|
|
134
|
+
type: 'layout',
|
|
135
|
+
docs: {
|
|
136
|
+
description: 'Проверяет сортировку импортов согласно соглашению',
|
|
137
|
+
category: 'Stylistic Issues',
|
|
138
|
+
recommended: false,
|
|
139
|
+
},
|
|
140
|
+
fixable: 'code',
|
|
141
|
+
schema: [],
|
|
142
|
+
messages: {
|
|
143
|
+
// eslint-disable-next-line max-len
|
|
144
|
+
incorrectOrder: 'Импорты должны быть отсортированы: сначала сторонние библиотеки, затем внутренние утилиты, затем компоненты',
|
|
145
|
+
missingBlankLine: 'Требуется пустая строка между группами импортов',
|
|
146
|
+
},
|
|
147
|
+
},
|
|
148
|
+
|
|
149
|
+
create(context) {
|
|
150
|
+
const sourceCode = context.getSourceCode();
|
|
151
|
+
return {
|
|
152
|
+
Program(node) {
|
|
153
|
+
const imports = node.body.filter((stmt) => stmt.type === 'ImportDeclaration');
|
|
154
|
+
|
|
155
|
+
if (imports.length === 0) {
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
// Проверяем порядок импортов
|
|
159
|
+
for (let i = 1; i < imports.length; i++) {
|
|
160
|
+
const prev = imports[i - 1];
|
|
161
|
+
const current = imports[i];
|
|
162
|
+
const comparison = compareImports(prev, current);
|
|
163
|
+
if (comparison > 0) {
|
|
164
|
+
context.report({
|
|
165
|
+
node: current,
|
|
166
|
+
messageId: 'incorrectOrder',
|
|
167
|
+
fix(fixer) {
|
|
168
|
+
// Находим все импорты и сортируем их
|
|
169
|
+
const sortedImports = [...imports].sort(compareImports);
|
|
170
|
+
const firstImport = imports[0];
|
|
171
|
+
const lastImport = imports[imports.length - 1];
|
|
172
|
+
const firstToken = sourceCode.getFirstToken(firstImport);
|
|
173
|
+
const lastToken = sourceCode.getLastToken(lastImport);
|
|
174
|
+
// Собираем текст для всех отсортированных импортов
|
|
175
|
+
let sortedText = '';
|
|
176
|
+
for (let j = 0; j < sortedImports.length; j++) {
|
|
177
|
+
const importNode = sortedImports[j];
|
|
178
|
+
// Получаем текст импорта и убираем завершающие переводы строк
|
|
179
|
+
let importText = sourceCode.getText(importNode);
|
|
180
|
+
// Убираем все завершающие переводы строк и пробелы
|
|
181
|
+
importText = importText.replace(/[\r\n\s]+$/, '');
|
|
182
|
+
sortedText += importText;
|
|
183
|
+
// Добавляем перевод строки между импортами
|
|
184
|
+
if (j < sortedImports.length - 1) {
|
|
185
|
+
const nextImport = sortedImports[j + 1];
|
|
186
|
+
if (needsBlankLineBetween(importNode, nextImport)) {
|
|
187
|
+
sortedText += '\n\n';
|
|
188
|
+
} else {
|
|
189
|
+
sortedText += '\n';
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
return fixer.replaceTextRange([firstToken.range[0], lastToken.range[1]], sortedText);
|
|
194
|
+
},
|
|
195
|
+
});
|
|
196
|
+
return; // Исправляем только первую найденную ошибку за раз
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
// Проверяем пустые строки между группами
|
|
201
|
+
for (let i = 1; i < imports.length; i++) {
|
|
202
|
+
const prev = imports[i - 1];
|
|
203
|
+
const current = imports[i];
|
|
204
|
+
if (needsBlankLineBetween(prev, current)) {
|
|
205
|
+
const firstTokenCurrent = sourceCode.getFirstToken(current);
|
|
206
|
+
const lastTokenPrev = sourceCode.getLastToken(prev);
|
|
207
|
+
const lineDiff = firstTokenCurrent.loc.start.line - lastTokenPrev.loc.end.line;
|
|
208
|
+
const hasBlankLine = lineDiff > 1;
|
|
209
|
+
if (!hasBlankLine) {
|
|
210
|
+
context.report({
|
|
211
|
+
node: current,
|
|
212
|
+
messageId: 'missingBlankLine',
|
|
213
|
+
fix(fixer) {
|
|
214
|
+
const firstToken = sourceCode.getFirstToken(current);
|
|
215
|
+
return fixer.insertTextBefore(firstToken, '\n');
|
|
216
|
+
},
|
|
217
|
+
});
|
|
218
|
+
}
|
|
219
|
+
} else {
|
|
220
|
+
// Проверяем, что нет лишних пустых строк внутри группы
|
|
221
|
+
const firstTokenCurrent = sourceCode.getFirstToken(current);
|
|
222
|
+
const lastTokenPrev = sourceCode.getLastToken(prev);
|
|
223
|
+
const lineDiff = firstTokenCurrent.loc.start.line - lastTokenPrev.loc.end.line;
|
|
224
|
+
const hasBlankLine = lineDiff > 1;
|
|
225
|
+
if (hasBlankLine) {
|
|
226
|
+
context.report({
|
|
227
|
+
node: current,
|
|
228
|
+
messageId: 'missingBlankLine',
|
|
229
|
+
fix(fixer) {
|
|
230
|
+
// Удаляем лишние пустые строки
|
|
231
|
+
const firstToken = sourceCode.getFirstToken(current);
|
|
232
|
+
const lastTokenOfPrev = sourceCode.getLastToken(prev);
|
|
233
|
+
const textBetween = sourceCode.getText().slice(
|
|
234
|
+
lastTokenOfPrev.range[1],
|
|
235
|
+
firstToken.range[0]
|
|
236
|
+
);
|
|
237
|
+
const fixedText = textBetween.replace(/\n\s*\n+/g, '\n');
|
|
238
|
+
return fixer.replaceTextRange(
|
|
239
|
+
[lastTokenOfPrev.range[1], firstToken.range[0]],
|
|
240
|
+
fixedText
|
|
241
|
+
);
|
|
242
|
+
},
|
|
243
|
+
});
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
},
|
|
248
|
+
};
|
|
249
|
+
},
|
|
250
|
+
};
|
|
251
|
+
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Rule: no-default-props
|
|
3
|
+
*
|
|
4
|
+
* Запрещает использование defaultProps согласно соглашению:
|
|
5
|
+
*
|
|
6
|
+
* При задании значений по умолчанию не пользуемся defaultProps.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Проверяет, является ли идентификатор React-компонентом
|
|
11
|
+
*/
|
|
12
|
+
function isReactComponentName(name) {
|
|
13
|
+
if (!name || typeof name !== 'string') {
|
|
14
|
+
return false;
|
|
15
|
+
}
|
|
16
|
+
return /^[A-Z]/.test(name);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Получает имя компонента из узла присваивания
|
|
21
|
+
*/
|
|
22
|
+
function getComponentNameFromAssignment(node) {
|
|
23
|
+
if (!node || node.type !== 'AssignmentExpression') {
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
const { left } = node;
|
|
27
|
+
if (!left || left.type !== 'MemberExpression') {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
if (left.property && left.property.type === 'Identifier' && left.property.name === 'defaultProps') {
|
|
31
|
+
if (left.object && left.object.type === 'Identifier') {
|
|
32
|
+
return left.object.name;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
module.exports = {
|
|
39
|
+
meta: {
|
|
40
|
+
type: 'problem',
|
|
41
|
+
docs: {
|
|
42
|
+
description: 'Запрещает использование defaultProps',
|
|
43
|
+
category: 'Stylistic Issues',
|
|
44
|
+
recommended: false,
|
|
45
|
+
},
|
|
46
|
+
fixable: null,
|
|
47
|
+
schema: [],
|
|
48
|
+
messages: {
|
|
49
|
+
noDefaultProps:
|
|
50
|
+
// eslint-disable-next-line max-len
|
|
51
|
+
'Использование defaultProps запрещено. Используйте деструктуризацию с значениями по умолчанию в параметрах функции.',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
|
|
55
|
+
create(context) {
|
|
56
|
+
return {
|
|
57
|
+
AssignmentExpression(node) {
|
|
58
|
+
const componentName = getComponentNameFromAssignment(node);
|
|
59
|
+
if (componentName && isReactComponentName(componentName)) {
|
|
60
|
+
context.report({
|
|
61
|
+
node: node.left.property,
|
|
62
|
+
messageId: 'noDefaultProps',
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
},
|
|
68
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Rule: no-inline-callbacks-in-jsx
|
|
3
|
+
*
|
|
4
|
+
* Запрещает использование inline-коллбеков в JSX согласно соглашению:
|
|
5
|
+
*
|
|
6
|
+
* В JSX-рендере не используем inline-коллбеки: используем заранее объявленные функции/хендлеры
|
|
7
|
+
* вместо анонимных функций в JSX.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Проверяет, является ли выражение inline-коллбеком
|
|
12
|
+
*/
|
|
13
|
+
function isInlineCallback(node) {
|
|
14
|
+
if (!node) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
if (node.type === 'ArrowFunctionExpression') {
|
|
18
|
+
return true;
|
|
19
|
+
}
|
|
20
|
+
if (node.type === 'FunctionExpression') {
|
|
21
|
+
return true;
|
|
22
|
+
}
|
|
23
|
+
if (node.type === 'CallExpression') {
|
|
24
|
+
const { callee } = node;
|
|
25
|
+
if (
|
|
26
|
+
callee.type === 'MemberExpression' &&
|
|
27
|
+
callee.property &&
|
|
28
|
+
callee.property.type === 'Identifier' &&
|
|
29
|
+
callee.property.name === 'bind'
|
|
30
|
+
) {
|
|
31
|
+
return true;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return false;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Получает имя атрибута JSX
|
|
39
|
+
*/
|
|
40
|
+
function getJSXAttributeName(node) {
|
|
41
|
+
if (!node || !node.name) {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
if (node.name.type === 'JSXIdentifier') {
|
|
45
|
+
return node.name.name;
|
|
46
|
+
}
|
|
47
|
+
if (node.name.type === 'JSXNamespacedName') {
|
|
48
|
+
return `${node.name.namespace.name}:${node.name.name.name}`;
|
|
49
|
+
}
|
|
50
|
+
return null;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
module.exports = {
|
|
54
|
+
meta: {
|
|
55
|
+
type: 'suggestion',
|
|
56
|
+
docs: {
|
|
57
|
+
description: 'Запрещает использование inline-коллбеков в JSX',
|
|
58
|
+
category: 'Stylistic Issues',
|
|
59
|
+
recommended: false,
|
|
60
|
+
},
|
|
61
|
+
fixable: null,
|
|
62
|
+
schema: [],
|
|
63
|
+
messages: {
|
|
64
|
+
noInlineCallbacks: 'Не используйте inline-коллбеки в JSX. Объявите функцию отдельно и используйте её имя.',
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
|
|
68
|
+
create(context) {
|
|
69
|
+
return {
|
|
70
|
+
JSXExpressionContainer(node) {
|
|
71
|
+
const { expression } = node;
|
|
72
|
+
if (isInlineCallback(expression)) {
|
|
73
|
+
const { parent } = node;
|
|
74
|
+
if (parent && parent.type === 'JSXAttribute') {
|
|
75
|
+
const attributeName = getJSXAttributeName(parent);
|
|
76
|
+
if (attributeName && /^on[A-Z]/.test(attributeName)) {
|
|
77
|
+
context.report({
|
|
78
|
+
node: expression,
|
|
79
|
+
messageId: 'noInlineCallbacks',
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
};
|
|
86
|
+
},
|
|
87
|
+
};
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Rule: use-state-naming
|
|
3
|
+
*
|
|
4
|
+
* Проверяет именование переменных useState согласно соглашению:
|
|
5
|
+
*
|
|
6
|
+
* Названия переменных созданных через useState по возможности должны иметь окончание State
|
|
7
|
+
* (например innerModalState, setInnerModalState).
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Проверяет, является ли узел вызовом useState
|
|
12
|
+
*/
|
|
13
|
+
function isUseStateCall(node) {
|
|
14
|
+
if (!node || node.type !== 'CallExpression') {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
const { callee } = node;
|
|
18
|
+
if (callee.type === 'Identifier' && callee.name === 'useState') {
|
|
19
|
+
return true;
|
|
20
|
+
}
|
|
21
|
+
if (
|
|
22
|
+
callee.type === 'MemberExpression' &&
|
|
23
|
+
callee.property &&
|
|
24
|
+
callee.property.type === 'Identifier' &&
|
|
25
|
+
callee.property.name === 'useState'
|
|
26
|
+
) {
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Проверяет, заканчивается ли имя на "State"
|
|
34
|
+
*/
|
|
35
|
+
function endsWithState(name) {
|
|
36
|
+
if (!name || typeof name !== 'string') {
|
|
37
|
+
return false;
|
|
38
|
+
}
|
|
39
|
+
return name.endsWith('State');
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Генерирует правильное имя с окончанием State
|
|
44
|
+
*/
|
|
45
|
+
function fixStateName(name) {
|
|
46
|
+
if (!name || typeof name !== 'string') {
|
|
47
|
+
return name;
|
|
48
|
+
}
|
|
49
|
+
if (endsWithState(name)) {
|
|
50
|
+
return name;
|
|
51
|
+
}
|
|
52
|
+
return `${name}State`;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
module.exports = {
|
|
56
|
+
meta: {
|
|
57
|
+
type: 'suggestion',
|
|
58
|
+
docs: {
|
|
59
|
+
description: 'Проверяет, что переменные useState имеют окончание State',
|
|
60
|
+
category: 'Stylistic Issues',
|
|
61
|
+
recommended: false,
|
|
62
|
+
},
|
|
63
|
+
fixable: 'code',
|
|
64
|
+
schema: [],
|
|
65
|
+
messages: {
|
|
66
|
+
useStateShouldEndWithState:
|
|
67
|
+
'Переменные useState должны иметь окончание "State". ' +
|
|
68
|
+
'Вместо "{{variableName}}" используйте "{{suggestedName}}"',
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
|
|
72
|
+
create(context) {
|
|
73
|
+
return {
|
|
74
|
+
VariableDeclarator(node) {
|
|
75
|
+
if (!node.id || node.id.type !== 'ArrayPattern') {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const { init } = node;
|
|
79
|
+
if (!init || !isUseStateCall(init)) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
const { elements } = node.id;
|
|
83
|
+
if (!elements || elements.length < 1) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
const stateElement = elements[0];
|
|
87
|
+
let stateName = null;
|
|
88
|
+
if (stateElement && stateElement.type === 'Identifier') {
|
|
89
|
+
stateName = stateElement.name;
|
|
90
|
+
if (!endsWithState(stateName)) {
|
|
91
|
+
const suggestedName = fixStateName(stateName);
|
|
92
|
+
context.report({
|
|
93
|
+
node: stateElement,
|
|
94
|
+
messageId: 'useStateShouldEndWithState',
|
|
95
|
+
data: {
|
|
96
|
+
variableName: stateName,
|
|
97
|
+
suggestedName,
|
|
98
|
+
},
|
|
99
|
+
fix(fixer) {
|
|
100
|
+
return fixer.replaceText(stateElement, suggestedName);
|
|
101
|
+
},
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
const setterElement = elements[1];
|
|
106
|
+
if (setterElement && setterElement.type === 'Identifier' && stateName) {
|
|
107
|
+
const setterName = setterElement.name;
|
|
108
|
+
const correctedStateName = endsWithState(stateName) ? stateName : fixStateName(stateName);
|
|
109
|
+
const stateNameWithoutState = correctedStateName.replace(/State$/, '');
|
|
110
|
+
const expectedSetterName = `set${stateNameWithoutState}State`;
|
|
111
|
+
if (setterName !== expectedSetterName) {
|
|
112
|
+
context.report({
|
|
113
|
+
node: setterElement,
|
|
114
|
+
messageId: 'useStateShouldEndWithState',
|
|
115
|
+
data: {
|
|
116
|
+
variableName: setterName,
|
|
117
|
+
suggestedName: expectedSetterName,
|
|
118
|
+
},
|
|
119
|
+
fix(fixer) {
|
|
120
|
+
return fixer.replaceText(setterElement, expectedSetterName);
|
|
121
|
+
},
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
};
|
|
127
|
+
},
|
|
128
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "eslint-plugin-power-esrules",
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "custom ESLint rules",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"peerDependencies": {
|
|
7
|
+
"eslint": "^8.0.0"
|
|
8
|
+
},
|
|
9
|
+
"keywords": [
|
|
10
|
+
"eslint",
|
|
11
|
+
"eslintplugin",
|
|
12
|
+
"lint",
|
|
13
|
+
"rules"
|
|
14
|
+
],
|
|
15
|
+
"license": "MIT",
|
|
16
|
+
"directories": {
|
|
17
|
+
"lib": "lib"
|
|
18
|
+
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
21
|
+
},
|
|
22
|
+
"repository": {
|
|
23
|
+
"type": "git",
|
|
24
|
+
"url": "git+https://github.com/Vollmond148259/eslint-plugin-power-esrules.git"
|
|
25
|
+
},
|
|
26
|
+
"author": "vollmond148",
|
|
27
|
+
"bugs": {
|
|
28
|
+
"url": "https://github.com/Vollmond148259/eslint-plugin-power-esrules/issues"
|
|
29
|
+
},
|
|
30
|
+
"homepage": "https://github.com/Vollmond148259/eslint-plugin-power-esrules#readme"
|
|
31
|
+
}
|