-
-
Notifications
You must be signed in to change notification settings - Fork 386
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add
no-static-only-class
rule (#1120)
Co-authored-by: Sindre Sorhus <sindresorhus@gmail.com>
- Loading branch information
1 parent
20709b4
commit f3b2441
Showing
17 changed files
with
949 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
# Forbid classes that only have static members | ||
|
||
A class with only static members could just be an object instead. | ||
|
||
This rule is partly fixable. | ||
|
||
## Fail | ||
|
||
```js | ||
class X { | ||
static foo = false; | ||
static bar() {}; | ||
} | ||
``` | ||
|
||
## Pass | ||
|
||
```js | ||
const X = { | ||
foo: false, | ||
bar() {} | ||
}; | ||
``` | ||
|
||
```js | ||
class X { | ||
static foo = false; | ||
static bar() {}; | ||
|
||
constructor() {} | ||
} | ||
``` | ||
|
||
```js | ||
class X { | ||
static foo = false; | ||
static bar() {}; | ||
|
||
unicorn() {} | ||
} | ||
``` | ||
|
||
```js | ||
class X { | ||
static #foo = false; | ||
static bar() {} | ||
} | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -79,7 +79,8 @@ | |
}, | ||
"ava": { | ||
"files": [ | ||
"test/*.mjs" | ||
"test/*.mjs", | ||
"test/unit/*.mjs" | ||
] | ||
}, | ||
"nyc": { | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,233 @@ | ||
'use strict'; | ||
const {isSemicolonToken} = require('eslint-utils'); | ||
const getDocumentationUrl = require('./utils/get-documentation-url'); | ||
const getClassHeadLocation = require('./utils/get-class-head-location'); | ||
const removeSpacesAfter = require('./utils/remove-spaces-after'); | ||
const assertToken = require('./utils/assert-token'); | ||
|
||
const MESSAGE_ID = 'no-static-only-class'; | ||
const messages = { | ||
[MESSAGE_ID]: 'Use an object instead of a class with only static members.' | ||
}; | ||
|
||
const selector = [ | ||
':matches(ClassDeclaration, ClassExpression)', | ||
':not([superClass], [decorators.length>0])', | ||
'[body.type="ClassBody"]', | ||
'[body.body.length>0]' | ||
].join(''); | ||
|
||
const isEqualToken = ({type, value}) => type === 'Punctuator' && value === '='; | ||
const isDeclarationOfExportDefaultDeclaration = node => | ||
node.type === 'ClassDeclaration' && | ||
node.parent.type === 'ExportDefaultDeclaration' && | ||
node.parent.declaration === node; | ||
|
||
function isStaticMember(node) { | ||
const { | ||
type, | ||
private: isPrivate, | ||
static: isStatic, | ||
declare: isDeclare, | ||
readonly: isReadonly, | ||
accessibility, | ||
decorators, | ||
key | ||
} = node; | ||
|
||
// Avoid matching unexpected node. For example: https://github.com/tc39/proposal-class-static-block | ||
/* istanbul ignore next */ | ||
if (type !== 'ClassProperty' && type !== 'MethodDefinition') { | ||
return false; | ||
} | ||
|
||
if (!isStatic || isPrivate) { | ||
return false; | ||
} | ||
|
||
// TypeScript class | ||
if ( | ||
isDeclare || | ||
isReadonly || | ||
typeof accessibility !== 'undefined' || | ||
(Array.isArray(decorators) && decorators.length > 0) || | ||
key.type === 'TSPrivateIdentifier' | ||
) { | ||
return false; | ||
} | ||
|
||
return true; | ||
} | ||
|
||
function * switchClassMemberToObjectProperty(node, sourceCode, fixer) { | ||
const {type} = node; | ||
|
||
const staticToken = sourceCode.getFirstToken(node); | ||
assertToken(staticToken, { | ||
expected: [ | ||
{type: 'Keyword', value: 'static'}, | ||
// `babel-eslint` and `@babel/eslint-parser` use `{type: 'Identifier', value: 'static'}` | ||
{type: 'Identifier', value: 'static'} | ||
], | ||
ruleId: 'no-static-only-class' | ||
}); | ||
|
||
yield fixer.remove(staticToken); | ||
yield removeSpacesAfter(staticToken, sourceCode, fixer); | ||
|
||
const maybeSemicolonToken = type === 'ClassProperty' ? | ||
sourceCode.getLastToken(node) : | ||
sourceCode.getTokenAfter(node); | ||
const hasSemicolonToken = isSemicolonToken(maybeSemicolonToken); | ||
|
||
if (type === 'ClassProperty') { | ||
const {key, value} = node; | ||
|
||
if (value) { | ||
// Computed key may have `]` after `key` | ||
const equalToken = sourceCode.getTokenAfter(key, isEqualToken); | ||
yield fixer.replaceText(equalToken, ':'); | ||
} else if (hasSemicolonToken) { | ||
yield fixer.insertTextBefore(maybeSemicolonToken, ': undefined'); | ||
} else { | ||
yield fixer.insertTextAfter(node, ': undefined'); | ||
} | ||
} | ||
|
||
yield ( | ||
hasSemicolonToken ? | ||
fixer.replaceText(maybeSemicolonToken, ',') : | ||
fixer.insertTextAfter(node, ',') | ||
); | ||
} | ||
|
||
function switchClassToObject(node, sourceCode) { | ||
const { | ||
type, | ||
id, | ||
body, | ||
declare: isDeclare, | ||
abstract: isAbstract, | ||
implements: classImplements, | ||
parent | ||
} = node; | ||
|
||
if ( | ||
isDeclare || | ||
isAbstract || | ||
(Array.isArray(classImplements) && classImplements.length > 0) | ||
) { | ||
return; | ||
} | ||
|
||
if (type === 'ClassExpression' && id) { | ||
return; | ||
} | ||
|
||
const isExportDefault = isDeclarationOfExportDefaultDeclaration(node); | ||
|
||
if (isExportDefault && id) { | ||
return; | ||
} | ||
|
||
for (const node of body.body) { | ||
if ( | ||
node.type === 'ClassProperty' && | ||
( | ||
node.typeAnnotation || | ||
// This is a stupid way to check if `value` of `ClassProperty` uses `this` | ||
(node.value && sourceCode.getText(node).includes('this')) | ||
) | ||
) { | ||
return; | ||
} | ||
} | ||
|
||
return function * (fixer) { | ||
const classToken = sourceCode.getFirstToken(node); | ||
/* istanbul ignore next */ | ||
assertToken(classToken, { | ||
expected: {type: 'Keyword', value: 'class'}, | ||
ruleId: 'no-static-only-class' | ||
}); | ||
|
||
if (isExportDefault || type === 'ClassExpression') { | ||
/* | ||
There are comments after return, and `{` is not on same line | ||
```js | ||
function a() { | ||
return class // comment | ||
{ | ||
static a() {} | ||
} | ||
} | ||
``` | ||
*/ | ||
if ( | ||
type === 'ClassExpression' && | ||
parent.type === 'ReturnStatement' && | ||
body.loc.start.line !== parent.loc.start.line && | ||
sourceCode.text.slice(classToken.range[1], body.range[0]).trim() | ||
) { | ||
yield fixer.replaceText(classToken, '{'); | ||
|
||
const openingBraceToken = sourceCode.getFirstToken(body); | ||
yield fixer.remove(openingBraceToken); | ||
} else { | ||
yield fixer.replaceText(classToken, ''); | ||
|
||
/* | ||
Avoid breaking case like | ||
```js | ||
return class | ||
{}; | ||
``` | ||
*/ | ||
yield removeSpacesAfter(classToken, sourceCode, fixer); | ||
} | ||
|
||
// There should not be ASI problem | ||
} else { | ||
yield fixer.replaceText(classToken, 'const'); | ||
yield fixer.insertTextBefore(body, '= '); | ||
yield fixer.insertTextAfter(body, ';'); | ||
} | ||
|
||
for (const node of body.body) { | ||
yield * switchClassMemberToObjectProperty(node, sourceCode, fixer); | ||
} | ||
}; | ||
} | ||
|
||
function create(context) { | ||
const sourceCode = context.getSourceCode(); | ||
|
||
return { | ||
[selector](node) { | ||
if (node.body.body.some(node => !isStaticMember(node))) { | ||
return; | ||
} | ||
|
||
context.report({ | ||
node, | ||
loc: getClassHeadLocation(node, sourceCode), | ||
messageId: MESSAGE_ID, | ||
fix: switchClassToObject(node, sourceCode) | ||
}); | ||
} | ||
}; | ||
} | ||
|
||
module.exports = { | ||
create, | ||
meta: { | ||
type: 'suggestion', | ||
docs: { | ||
url: getDocumentationUrl(__filename) | ||
}, | ||
fixable: 'code', | ||
messages | ||
} | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.