eslint-plugin-react-naming-convention 2.0.0-next.18 → 2.0.0-next.180
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/README.md +22 -19
- package/dist/index.d.ts +19 -66
- package/dist/index.js +435 -455
- package/package.json +17 -18
package/README.md
CHANGED
|
@@ -17,29 +17,32 @@ npm install --save-dev eslint-plugin-react-naming-convention
|
|
|
17
17
|
// @ts-check
|
|
18
18
|
import js from "@eslint/js";
|
|
19
19
|
import reactNamingConvention from "eslint-plugin-react-naming-convention";
|
|
20
|
+
import { defineConfig } from "eslint/config";
|
|
20
21
|
import tseslint from "typescript-eslint";
|
|
21
22
|
|
|
22
|
-
export default
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
23
|
+
export default defineConfig([
|
|
24
|
+
{
|
|
25
|
+
files: ["**/*.ts", "**/*.tsx"],
|
|
26
|
+
extends: [
|
|
27
|
+
js.configs.recommended,
|
|
28
|
+
tseslint.configs.recommended,
|
|
29
|
+
],
|
|
30
|
+
plugins: {
|
|
31
|
+
"react-naming-convention": reactNamingConvention,
|
|
32
|
+
},
|
|
33
|
+
languageOptions: {
|
|
34
|
+
parser: tseslint.parser,
|
|
35
|
+
parserOptions: {
|
|
36
|
+
projectService: true,
|
|
37
|
+
tsconfigRootDir: import.meta.dirname,
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
rules: {
|
|
41
|
+
// Put rules you want to use here
|
|
42
|
+
"react-naming-convention/component-name": "warn",
|
|
36
43
|
},
|
|
37
44
|
},
|
|
38
|
-
|
|
39
|
-
// Put rules you want to use here
|
|
40
|
-
"react-naming-convention/component-name": "warn",
|
|
41
|
-
},
|
|
42
|
-
});
|
|
45
|
+
]);
|
|
43
46
|
```
|
|
44
47
|
|
|
45
48
|
## Rules
|
package/dist/index.d.ts
CHANGED
|
@@ -1,71 +1,24 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { RulePreset } from '@eslint-react/kit';
|
|
3
|
-
|
|
4
|
-
type MessageID$2 = "missingDestructuring" | "invalidSetterNaming";
|
|
5
|
-
|
|
6
|
-
type MessageID$1 = "useJsxFileExtension" | "useNonJsxFileExtension";
|
|
7
|
-
|
|
8
|
-
type MessageID = "filenameEmpty" | "filenameInvalid";
|
|
1
|
+
import * as _eslint_react_kit0 from "@eslint-react/kit";
|
|
9
2
|
|
|
3
|
+
//#region src/index.d.ts
|
|
10
4
|
declare const _default: {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
readonly version: string;
|
|
18
|
-
};
|
|
19
|
-
readonly rules: {
|
|
20
|
-
readonly "component-name": _typescript_eslint_utils_ts_eslint.RuleModule<"invalid", readonly [("CONSTANT_CASE" | "PascalCase") | {
|
|
21
|
-
allowAllCaps?: boolean;
|
|
22
|
-
excepts?: readonly string[];
|
|
23
|
-
rule?: "CONSTANT_CASE" | "PascalCase";
|
|
24
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
25
|
-
readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"invalid", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
26
|
-
readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
|
|
27
|
-
excepts?: readonly string[];
|
|
28
|
-
rule?: "PascalCase" | "camelCase" | "kebab-case" | "snake_case";
|
|
29
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
30
|
-
readonly "filename-extension": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("always" | "as-needed") | {
|
|
31
|
-
allow?: "always" | "as-needed";
|
|
32
|
-
extensions?: readonly string[];
|
|
33
|
-
ignoreFilesWithoutCode?: boolean;
|
|
34
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
35
|
-
readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$2, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
name: string;
|
|
40
|
-
rules: RulePreset;
|
|
41
|
-
};
|
|
42
|
-
"recommended-legacy": {
|
|
43
|
-
plugins: string[];
|
|
44
|
-
rules: RulePreset;
|
|
45
|
-
};
|
|
5
|
+
configs: {
|
|
6
|
+
recommended: {
|
|
7
|
+
plugins: {};
|
|
8
|
+
name?: string;
|
|
9
|
+
rules?: Record<string, _eslint_react_kit0.RuleConfig>;
|
|
10
|
+
settings?: _eslint_react_kit0.SettingsConfig;
|
|
46
11
|
};
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
};
|
|
51
|
-
rules: {
|
|
52
|
-
readonly "component-name": _typescript_eslint_utils_ts_eslint.RuleModule<"invalid", readonly [("CONSTANT_CASE" | "PascalCase") | {
|
|
53
|
-
allowAllCaps?: boolean;
|
|
54
|
-
excepts?: readonly string[];
|
|
55
|
-
rule?: "CONSTANT_CASE" | "PascalCase";
|
|
56
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
57
|
-
readonly "context-name": _typescript_eslint_utils_ts_eslint.RuleModule<"invalid", [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
58
|
-
readonly filename: _typescript_eslint_utils_ts_eslint.RuleModule<MessageID, readonly [("PascalCase" | "camelCase" | "kebab-case" | "snake_case") | {
|
|
59
|
-
excepts?: readonly string[];
|
|
60
|
-
rule?: "PascalCase" | "camelCase" | "kebab-case" | "snake_case";
|
|
61
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
62
|
-
readonly "filename-extension": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$1, readonly [("always" | "as-needed") | {
|
|
63
|
-
allow?: "always" | "as-needed";
|
|
64
|
-
extensions?: readonly string[];
|
|
65
|
-
ignoreFilesWithoutCode?: boolean;
|
|
66
|
-
} | undefined], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
67
|
-
readonly "use-state": _typescript_eslint_utils_ts_eslint.RuleModule<MessageID$2, [], unknown, _typescript_eslint_utils_ts_eslint.RuleListener>;
|
|
12
|
+
"recommended-legacy": {
|
|
13
|
+
plugins: string[];
|
|
14
|
+
rules: Record<string, _eslint_react_kit0.RuleConfig<unknown[]>> | undefined;
|
|
68
15
|
};
|
|
16
|
+
};
|
|
17
|
+
meta: {
|
|
18
|
+
name: string;
|
|
19
|
+
version: string;
|
|
20
|
+
};
|
|
21
|
+
rules: Record<string, _eslint_react_kit0.CompatibleRule>;
|
|
69
22
|
};
|
|
70
|
-
|
|
71
|
-
export { _default as default };
|
|
23
|
+
//#endregion
|
|
24
|
+
export { _default as default };
|
package/dist/index.js
CHANGED
|
@@ -1,486 +1,466 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { ESLintUtils } from
|
|
6
|
-
import { identity, isObject } from
|
|
7
|
-
import { AST_NODE_TYPES } from
|
|
8
|
-
import {
|
|
9
|
-
import path from
|
|
10
|
-
import {
|
|
1
|
+
import { getConfigAdapters, getDocsUrl } from "@eslint-react/shared";
|
|
2
|
+
import * as AST from "@eslint-react/ast";
|
|
3
|
+
import * as ER from "@eslint-react/core";
|
|
4
|
+
import { RE_CAMEL_CASE, RE_CONSTANT_CASE, RE_KEBAB_CASE, RE_PASCAL_CASE, RE_SNAKE_CASE, toRegExp } from "@eslint-react/kit";
|
|
5
|
+
import { ESLintUtils } from "@typescript-eslint/utils";
|
|
6
|
+
import { identity, isObject } from "@eslint-react/eff";
|
|
7
|
+
import { AST_NODE_TYPES } from "@typescript-eslint/types";
|
|
8
|
+
import { P, match } from "ts-pattern";
|
|
9
|
+
import path from "node:path";
|
|
10
|
+
import { camelCase, kebabCase, pascalCase, snakeCase } from "string-ts";
|
|
11
11
|
|
|
12
|
+
//#region rolldown:runtime
|
|
12
13
|
var __defProp = Object.defineProperty;
|
|
13
|
-
var __export = (
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
var __export = (all) => {
|
|
15
|
+
let target = {};
|
|
16
|
+
for (var name$2 in all) __defProp(target, name$2, {
|
|
17
|
+
get: all[name$2],
|
|
18
|
+
enumerable: true
|
|
19
|
+
});
|
|
20
|
+
return target;
|
|
16
21
|
};
|
|
17
22
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
__export(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/configs/recommended.ts
|
|
25
|
+
var recommended_exports = __export({
|
|
26
|
+
name: () => name$1,
|
|
27
|
+
rules: () => rules
|
|
23
28
|
});
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
+
const name$1 = "react-naming-convention/recommended";
|
|
30
|
+
const rules = { "react-naming-convention/context-name": "warn" };
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
//#region package.json
|
|
34
|
+
var name = "eslint-plugin-react-naming-convention";
|
|
35
|
+
var version = "2.0.0-next.180";
|
|
29
36
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var createRule = ESLintUtils.RuleCreator(getDocsUrl("naming-convention"));
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/utils/create-rule.ts
|
|
39
|
+
const createRule = ESLintUtils.RuleCreator(getDocsUrl("naming-convention"));
|
|
34
40
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
]
|
|
66
|
-
}
|
|
67
|
-
];
|
|
68
|
-
var RULE_NAME = "component-name";
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/rules/component-name.ts
|
|
43
|
+
const defaultOptions$2 = [{
|
|
44
|
+
allowAllCaps: false,
|
|
45
|
+
excepts: [],
|
|
46
|
+
rule: "PascalCase"
|
|
47
|
+
}];
|
|
48
|
+
const schema$2 = [{ anyOf: [{
|
|
49
|
+
type: "string",
|
|
50
|
+
enum: ["PascalCase", "CONSTANT_CASE"]
|
|
51
|
+
}, {
|
|
52
|
+
type: "object",
|
|
53
|
+
additionalProperties: false,
|
|
54
|
+
properties: {
|
|
55
|
+
allowAllCaps: { type: "boolean" },
|
|
56
|
+
excepts: {
|
|
57
|
+
type: "array",
|
|
58
|
+
items: {
|
|
59
|
+
type: "string",
|
|
60
|
+
format: "regex"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
rule: {
|
|
64
|
+
type: "string",
|
|
65
|
+
enum: ["PascalCase", "CONSTANT_CASE"]
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}] }];
|
|
69
|
+
const RULE_NAME$4 = "component-name";
|
|
69
70
|
var component_name_default = createRule({
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
},
|
|
81
|
-
name: RULE_NAME,
|
|
82
|
-
create,
|
|
83
|
-
defaultOptions
|
|
71
|
+
meta: {
|
|
72
|
+
type: "problem",
|
|
73
|
+
defaultOptions: [...defaultOptions$2],
|
|
74
|
+
docs: { description: "Enforces naming conventions for components." },
|
|
75
|
+
messages: { invalidComponentName: "A component name '{{name}}' does not match {{rule}}." },
|
|
76
|
+
schema: schema$2
|
|
77
|
+
},
|
|
78
|
+
name: RULE_NAME$4,
|
|
79
|
+
create: create$4,
|
|
80
|
+
defaultOptions: defaultOptions$2
|
|
84
81
|
});
|
|
85
|
-
function create(context) {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
82
|
+
function create$4(context) {
|
|
83
|
+
const options = normalizeOptions(context.options);
|
|
84
|
+
const { rule } = options;
|
|
85
|
+
const collector = ER.useComponentCollector(context);
|
|
86
|
+
const collectorLegacy = ER.useComponentCollectorLegacy();
|
|
87
|
+
return {
|
|
88
|
+
...collector.listeners,
|
|
89
|
+
...collectorLegacy.listeners,
|
|
90
|
+
"Program:exit"(program) {
|
|
91
|
+
const functionComponents = collector.ctx.getAllComponents(program);
|
|
92
|
+
const classComponents = collectorLegacy.ctx.getAllComponents(program);
|
|
93
|
+
for (const { node: component } of functionComponents.values()) {
|
|
94
|
+
const id = AST.getFunctionId(component);
|
|
95
|
+
if (id?.name == null) continue;
|
|
96
|
+
const name$2 = id.name;
|
|
97
|
+
if (isValidName(name$2, options)) continue;
|
|
98
|
+
context.report({
|
|
99
|
+
messageId: "invalidComponentName",
|
|
100
|
+
node: id,
|
|
101
|
+
data: {
|
|
102
|
+
name: name$2,
|
|
103
|
+
rule
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
for (const { node: component } of classComponents.values()) {
|
|
108
|
+
const id = AST.getClassId(component);
|
|
109
|
+
if (id?.name == null) continue;
|
|
110
|
+
const name$2 = id.name;
|
|
111
|
+
if (isValidName(name$2, options)) continue;
|
|
112
|
+
context.report({
|
|
113
|
+
messageId: "invalidComponentName",
|
|
114
|
+
node: id,
|
|
115
|
+
data: {
|
|
116
|
+
name: name$2,
|
|
117
|
+
rule
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
};
|
|
120
123
|
}
|
|
121
124
|
function normalizeOptions(options) {
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
125
|
+
const opts = options[0];
|
|
126
|
+
const defaultOpts = defaultOptions$2[0];
|
|
127
|
+
if (opts == null) return defaultOpts;
|
|
128
|
+
return {
|
|
129
|
+
...defaultOpts,
|
|
130
|
+
...typeof opts === "string" ? { rule: opts } : {
|
|
131
|
+
...opts,
|
|
132
|
+
excepts: opts.excepts?.map((s) => toRegExp(s)) ?? []
|
|
133
|
+
}
|
|
134
|
+
};
|
|
132
135
|
}
|
|
133
|
-
function isValidName(
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}
|
|
144
|
-
return RegExp.PASCAL_CASE.test(normalized);
|
|
145
|
-
}
|
|
136
|
+
function isValidName(name$2, options) {
|
|
137
|
+
if (name$2 == null) return true;
|
|
138
|
+
if (options.excepts.some((regex) => regex.test(name$2))) return true;
|
|
139
|
+
const normalized = name$2.split(".").at(-1) ?? name$2;
|
|
140
|
+
switch (options.rule) {
|
|
141
|
+
case "CONSTANT_CASE": return RE_CONSTANT_CASE.test(normalized);
|
|
142
|
+
case "PascalCase":
|
|
143
|
+
if (normalized.length > 3 && /^[A-Z]+$/u.test(normalized)) return options.allowAllCaps;
|
|
144
|
+
return RE_PASCAL_CASE.test(normalized);
|
|
145
|
+
}
|
|
146
146
|
}
|
|
147
|
-
|
|
147
|
+
|
|
148
|
+
//#endregion
|
|
149
|
+
//#region src/rules/context-name.ts
|
|
150
|
+
const RULE_NAME$3 = "context-name";
|
|
148
151
|
var context_name_default = createRule({
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
},
|
|
159
|
-
name: RULE_NAME2,
|
|
160
|
-
create: create2,
|
|
161
|
-
defaultOptions: []
|
|
152
|
+
meta: {
|
|
153
|
+
type: "problem",
|
|
154
|
+
docs: { description: "Enforces context name to be a valid component name with the suffix `Context`." },
|
|
155
|
+
messages: { invalidContextName: "A context name must be a valid component name with the suffix 'Context'." },
|
|
156
|
+
schema: []
|
|
157
|
+
},
|
|
158
|
+
name: RULE_NAME$3,
|
|
159
|
+
create: create$3,
|
|
160
|
+
defaultOptions: []
|
|
162
161
|
});
|
|
163
|
-
function
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
162
|
+
function create$3(context) {
|
|
163
|
+
if (!context.sourceCode.text.includes("createContext")) return {};
|
|
164
|
+
return { CallExpression(node) {
|
|
165
|
+
if (!ER.isCreateContextCall(context, node)) return;
|
|
166
|
+
const id = ER.getInstanceId(node);
|
|
167
|
+
if (id == null) return;
|
|
168
|
+
const name$2 = match(id).with({
|
|
169
|
+
type: AST_NODE_TYPES.Identifier,
|
|
170
|
+
name: P.select()
|
|
171
|
+
}, identity).with({
|
|
172
|
+
type: AST_NODE_TYPES.MemberExpression,
|
|
173
|
+
property: { name: P.select(P.string) }
|
|
174
|
+
}, identity).otherwise(() => null);
|
|
175
|
+
if (name$2 != null && ER.isComponentName(name$2) && name$2.endsWith("Context")) return;
|
|
176
|
+
context.report({
|
|
177
|
+
messageId: "invalidContextName",
|
|
178
|
+
node: id
|
|
179
|
+
});
|
|
180
|
+
} };
|
|
178
181
|
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
182
|
+
|
|
183
|
+
//#endregion
|
|
184
|
+
//#region src/rules/filename.ts
|
|
185
|
+
const RULE_NAME$2 = "filename";
|
|
186
|
+
const defaultOptions$1 = [{
|
|
187
|
+
excepts: [
|
|
188
|
+
"index",
|
|
189
|
+
String.raw`/^_/`,
|
|
190
|
+
String.raw`/^\$/`,
|
|
191
|
+
String.raw`/^[0-9]+$/`,
|
|
192
|
+
String.raw`/^\[[^\]]+\]$/`
|
|
193
|
+
],
|
|
194
|
+
rule: "PascalCase"
|
|
195
|
+
}];
|
|
196
|
+
const schema$1 = [{ anyOf: [{
|
|
197
|
+
type: "string",
|
|
198
|
+
enum: [
|
|
199
|
+
"PascalCase",
|
|
200
|
+
"camelCase",
|
|
201
|
+
"kebab-case",
|
|
202
|
+
"snake_case"
|
|
203
|
+
]
|
|
204
|
+
}, {
|
|
205
|
+
type: "object",
|
|
206
|
+
additionalProperties: false,
|
|
207
|
+
properties: {
|
|
208
|
+
excepts: {
|
|
209
|
+
type: "array",
|
|
210
|
+
items: {
|
|
211
|
+
type: "string",
|
|
212
|
+
format: "regex"
|
|
213
|
+
}
|
|
214
|
+
},
|
|
215
|
+
extensions: {
|
|
216
|
+
type: "array",
|
|
217
|
+
items: { type: "string" },
|
|
218
|
+
uniqueItems: true
|
|
219
|
+
},
|
|
220
|
+
rule: {
|
|
221
|
+
type: "string",
|
|
222
|
+
enum: [
|
|
223
|
+
"PascalCase",
|
|
224
|
+
"camelCase",
|
|
225
|
+
"kebab-case",
|
|
226
|
+
"snake_case"
|
|
227
|
+
]
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}] }];
|
|
215
231
|
var filename_default = createRule({
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
create: create3,
|
|
230
|
-
defaultOptions: defaultOptions2
|
|
232
|
+
meta: {
|
|
233
|
+
type: "problem",
|
|
234
|
+
defaultOptions: [...defaultOptions$1],
|
|
235
|
+
docs: { description: "Enforces consistent file naming conventions." },
|
|
236
|
+
messages: {
|
|
237
|
+
empty: "A file must have non-empty name.",
|
|
238
|
+
invalidCase: "A file with name '{{name}}' does not match {{rule}}. Rename it to '{{suggestion}}'."
|
|
239
|
+
},
|
|
240
|
+
schema: schema$1
|
|
241
|
+
},
|
|
242
|
+
name: RULE_NAME$2,
|
|
243
|
+
create: create$2,
|
|
244
|
+
defaultOptions: defaultOptions$1
|
|
231
245
|
});
|
|
232
|
-
function
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
246
|
+
function create$2(context) {
|
|
247
|
+
const options = context.options[0] ?? defaultOptions$1[0];
|
|
248
|
+
const rule = typeof options === "string" ? options : options.rule ?? "PascalCase";
|
|
249
|
+
const excepts = typeof options === "string" ? [] : (options.excepts ?? []).map((s) => toRegExp(s));
|
|
250
|
+
function validate(name$2, casing = rule, ignores = excepts) {
|
|
251
|
+
if (ignores.some((pattern) => pattern.test(name$2))) return true;
|
|
252
|
+
const filteredName = name$2.match(/[\w.-]/gu)?.join("") ?? "";
|
|
253
|
+
if (filteredName.length === 0) return true;
|
|
254
|
+
return match(casing).with("PascalCase", () => RE_PASCAL_CASE.test(filteredName)).with("camelCase", () => RE_CAMEL_CASE.test(filteredName)).with("kebab-case", () => RE_KEBAB_CASE.test(filteredName)).with("snake_case", () => RE_SNAKE_CASE.test(filteredName)).exhaustive();
|
|
255
|
+
}
|
|
256
|
+
function getSuggestion(name$2, casing = rule) {
|
|
257
|
+
return match(casing).with("PascalCase", () => pascalCase(name$2)).with("camelCase", () => camelCase(name$2)).with("kebab-case", () => kebabCase(name$2)).with("snake_case", () => snakeCase(name$2)).exhaustive();
|
|
258
|
+
}
|
|
259
|
+
return { Program(node) {
|
|
260
|
+
const [basename = "", ...rest] = path.basename(context.filename).split(".");
|
|
261
|
+
if (basename.length === 0) {
|
|
262
|
+
context.report({
|
|
263
|
+
messageId: "empty",
|
|
264
|
+
node
|
|
265
|
+
});
|
|
266
|
+
return;
|
|
267
|
+
}
|
|
268
|
+
if (validate(basename)) return;
|
|
269
|
+
context.report({
|
|
270
|
+
messageId: "invalidCase",
|
|
271
|
+
node,
|
|
272
|
+
data: {
|
|
273
|
+
name: context.filename,
|
|
274
|
+
rule,
|
|
275
|
+
suggestion: [getSuggestion(basename), ...rest].join(".")
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
} };
|
|
265
279
|
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
280
|
+
|
|
281
|
+
//#endregion
|
|
282
|
+
//#region src/rules/filename-extension.ts
|
|
283
|
+
const RULE_NAME$1 = "filename-extension";
|
|
284
|
+
const defaultOptions = [{
|
|
285
|
+
allow: "as-needed",
|
|
286
|
+
extensions: [".jsx", ".tsx"],
|
|
287
|
+
ignoreFilesWithoutCode: false
|
|
271
288
|
}];
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
},
|
|
292
|
-
uniqueItems: true
|
|
293
|
-
},
|
|
294
|
-
ignoreFilesWithoutCode: {
|
|
295
|
-
type: "boolean"
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
]
|
|
300
|
-
}
|
|
301
|
-
];
|
|
289
|
+
const schema = [{ anyOf: [{
|
|
290
|
+
type: "string",
|
|
291
|
+
enum: ["always", "as-needed"]
|
|
292
|
+
}, {
|
|
293
|
+
type: "object",
|
|
294
|
+
additionalProperties: false,
|
|
295
|
+
properties: {
|
|
296
|
+
allow: {
|
|
297
|
+
type: "string",
|
|
298
|
+
enum: ["always", "as-needed"]
|
|
299
|
+
},
|
|
300
|
+
extensions: {
|
|
301
|
+
type: "array",
|
|
302
|
+
items: { type: "string" },
|
|
303
|
+
uniqueItems: true
|
|
304
|
+
},
|
|
305
|
+
ignoreFilesWithoutCode: { type: "boolean" }
|
|
306
|
+
}
|
|
307
|
+
}] }];
|
|
302
308
|
var filename_extension_default = createRule({
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
create: create4,
|
|
317
|
-
defaultOptions: defaultOptions3
|
|
309
|
+
meta: {
|
|
310
|
+
type: "problem",
|
|
311
|
+
defaultOptions: [...defaultOptions],
|
|
312
|
+
docs: { description: "Enforces consistent file naming conventions." },
|
|
313
|
+
messages: {
|
|
314
|
+
missingJSXExtension: "Use {{extensions}} file extension for JSX files.",
|
|
315
|
+
unnecessaryJSXExtension: "Do not use {{extensions}} file extension for files without JSX."
|
|
316
|
+
},
|
|
317
|
+
schema
|
|
318
|
+
},
|
|
319
|
+
name: RULE_NAME$1,
|
|
320
|
+
create: create$1,
|
|
321
|
+
defaultOptions
|
|
318
322
|
});
|
|
319
|
-
function
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
node: program,
|
|
355
|
-
data: {
|
|
356
|
-
extensions: extensionsString
|
|
357
|
-
}
|
|
358
|
-
});
|
|
359
|
-
}
|
|
360
|
-
}
|
|
361
|
-
};
|
|
323
|
+
function create$1(context) {
|
|
324
|
+
const options = context.options[0] ?? defaultOptions[0];
|
|
325
|
+
const allow = isObject(options) ? options.allow : options;
|
|
326
|
+
const extensions = isObject(options) && "extensions" in options ? options.extensions : defaultOptions[0].extensions;
|
|
327
|
+
const extensionsString = extensions.map((ext) => `'${ext}'`).join(", ");
|
|
328
|
+
const filename = context.filename;
|
|
329
|
+
let hasJSXNode = false;
|
|
330
|
+
return {
|
|
331
|
+
JSXElement() {
|
|
332
|
+
hasJSXNode = true;
|
|
333
|
+
},
|
|
334
|
+
JSXFragment() {
|
|
335
|
+
hasJSXNode = true;
|
|
336
|
+
},
|
|
337
|
+
"Program:exit"(program) {
|
|
338
|
+
const fileNameExt = filename.slice(filename.lastIndexOf("."));
|
|
339
|
+
const isJSXExt = extensions.includes(fileNameExt);
|
|
340
|
+
if (hasJSXNode && !isJSXExt) {
|
|
341
|
+
context.report({
|
|
342
|
+
messageId: "missingJSXExtension",
|
|
343
|
+
node: program,
|
|
344
|
+
data: { extensions: extensionsString }
|
|
345
|
+
});
|
|
346
|
+
return;
|
|
347
|
+
}
|
|
348
|
+
const hasCode = program.body.length > 0;
|
|
349
|
+
const ignoreFilesWithoutCode = isObject(options) && options.ignoreFilesWithoutCode === true;
|
|
350
|
+
if (!hasCode && ignoreFilesWithoutCode) return;
|
|
351
|
+
if (!hasJSXNode && isJSXExt && allow === "as-needed") context.report({
|
|
352
|
+
messageId: "unnecessaryJSXExtension",
|
|
353
|
+
node: program,
|
|
354
|
+
data: { extensions: extensionsString }
|
|
355
|
+
});
|
|
356
|
+
}
|
|
357
|
+
};
|
|
362
358
|
}
|
|
363
|
-
|
|
364
|
-
|
|
359
|
+
|
|
360
|
+
//#endregion
|
|
361
|
+
//#region src/rules/use-state.ts
|
|
362
|
+
const RULE_NAME = "use-state";
|
|
363
|
+
const RULE_FEATURES = [];
|
|
365
364
|
var use_state_default = createRule({
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
365
|
+
meta: {
|
|
366
|
+
type: "problem",
|
|
367
|
+
docs: {
|
|
368
|
+
description: "Enforces destructuring and symmetric naming of `useState` hook value and setter.",
|
|
369
|
+
[Symbol.for("rule_features")]: RULE_FEATURES
|
|
370
|
+
},
|
|
371
|
+
messages: {
|
|
372
|
+
invalidAssignment: "useState should be destructured into a value and setter pair, e.g., const [state, setState] = useState(...).",
|
|
373
|
+
invalidSetterName: "The setter should be named 'set' followed by the capitalized state variable name, e.g., 'setState' for 'state'."
|
|
374
|
+
},
|
|
375
|
+
schema: []
|
|
376
|
+
},
|
|
377
|
+
name: RULE_NAME,
|
|
378
|
+
create,
|
|
379
|
+
defaultOptions: []
|
|
381
380
|
});
|
|
382
|
-
function
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
if (snakeCase(setterName) !== `set_${valueName}`) {
|
|
438
|
-
context.report({
|
|
439
|
-
messageId: "invalidSetterNaming",
|
|
440
|
-
node: setter
|
|
441
|
-
});
|
|
442
|
-
return;
|
|
443
|
-
}
|
|
444
|
-
}
|
|
445
|
-
};
|
|
381
|
+
function create(context) {
|
|
382
|
+
return { CallExpression(node) {
|
|
383
|
+
if (!ER.isUseStateCall(node)) return;
|
|
384
|
+
if (node.parent.type !== AST_NODE_TYPES.VariableDeclarator) {
|
|
385
|
+
context.report({
|
|
386
|
+
messageId: "invalidAssignment",
|
|
387
|
+
node
|
|
388
|
+
});
|
|
389
|
+
return;
|
|
390
|
+
}
|
|
391
|
+
const id = ER.getInstanceId(node);
|
|
392
|
+
if (id?.type !== AST_NODE_TYPES.ArrayPattern) {
|
|
393
|
+
context.report({
|
|
394
|
+
messageId: "invalidAssignment",
|
|
395
|
+
node: id ?? node
|
|
396
|
+
});
|
|
397
|
+
return;
|
|
398
|
+
}
|
|
399
|
+
const [value, setter] = id.elements;
|
|
400
|
+
if (value == null || setter == null) {
|
|
401
|
+
context.report({
|
|
402
|
+
messageId: "invalidAssignment",
|
|
403
|
+
node: id
|
|
404
|
+
});
|
|
405
|
+
return;
|
|
406
|
+
}
|
|
407
|
+
const setterName = match(setter).with({ type: AST_NODE_TYPES.Identifier }, (id$1) => id$1.name).otherwise(() => null);
|
|
408
|
+
if (setterName == null || !setterName.startsWith("set")) {
|
|
409
|
+
context.report({
|
|
410
|
+
messageId: "invalidSetterName",
|
|
411
|
+
node: setter
|
|
412
|
+
});
|
|
413
|
+
return;
|
|
414
|
+
}
|
|
415
|
+
const valueName = match(value).with({ type: AST_NODE_TYPES.Identifier }, ({ name: name$2 }) => snakeCase(name$2)).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties }) => {
|
|
416
|
+
return properties.reduce((acc, prop) => {
|
|
417
|
+
if (prop.type === AST_NODE_TYPES.Property && prop.key.type === AST_NODE_TYPES.Identifier) return [...acc, prop.key.name];
|
|
418
|
+
return acc;
|
|
419
|
+
}, []).join("_");
|
|
420
|
+
}).otherwise(() => null);
|
|
421
|
+
if (valueName == null) {
|
|
422
|
+
context.report({
|
|
423
|
+
messageId: "invalidSetterName",
|
|
424
|
+
node: value
|
|
425
|
+
});
|
|
426
|
+
return;
|
|
427
|
+
}
|
|
428
|
+
if (snakeCase(setterName) !== `set_${valueName}`) {
|
|
429
|
+
context.report({
|
|
430
|
+
messageId: "invalidSetterName",
|
|
431
|
+
node: setter
|
|
432
|
+
});
|
|
433
|
+
return;
|
|
434
|
+
}
|
|
435
|
+
} };
|
|
446
436
|
}
|
|
447
437
|
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
438
|
+
//#endregion
|
|
439
|
+
//#region src/plugin.ts
|
|
440
|
+
const plugin = {
|
|
441
|
+
meta: {
|
|
442
|
+
name,
|
|
443
|
+
version
|
|
444
|
+
},
|
|
445
|
+
rules: {
|
|
446
|
+
["component-name"]: component_name_default,
|
|
447
|
+
["context-name"]: context_name_default,
|
|
448
|
+
["filename"]: filename_default,
|
|
449
|
+
["filename-extension"]: filename_extension_default,
|
|
450
|
+
["use-state"]: use_state_default
|
|
451
|
+
}
|
|
461
452
|
};
|
|
462
453
|
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
}
|
|
472
|
-
function makeLegacyConfig({ rules: rules2 }) {
|
|
473
|
-
return {
|
|
474
|
-
plugins: ["react-naming-convention"],
|
|
475
|
-
rules: rules2
|
|
476
|
-
};
|
|
477
|
-
}
|
|
478
|
-
var index_default = {
|
|
479
|
-
...plugin,
|
|
480
|
-
configs: {
|
|
481
|
-
["recommended"]: makeConfig(recommended_exports),
|
|
482
|
-
["recommended-legacy"]: makeLegacyConfig(recommended_exports)
|
|
483
|
-
}
|
|
454
|
+
//#endregion
|
|
455
|
+
//#region src/index.ts
|
|
456
|
+
const { toFlatConfig, toLegacyConfig } = getConfigAdapters("react-naming-convention", plugin);
|
|
457
|
+
var src_default = {
|
|
458
|
+
...plugin,
|
|
459
|
+
configs: {
|
|
460
|
+
["recommended"]: toFlatConfig(recommended_exports),
|
|
461
|
+
["recommended-legacy"]: toLegacyConfig(recommended_exports)
|
|
462
|
+
}
|
|
484
463
|
};
|
|
485
464
|
|
|
486
|
-
|
|
465
|
+
//#endregion
|
|
466
|
+
export { src_default as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "eslint-plugin-react-naming-convention",
|
|
3
|
-
"version": "2.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.180",
|
|
4
4
|
"description": "ESLint React's ESLint plugin for naming convention related rules.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -35,27 +35,27 @@
|
|
|
35
35
|
"./package.json"
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@typescript-eslint/scope-manager": "^8.
|
|
39
|
-
"@typescript-eslint/type-utils": "^8.
|
|
40
|
-
"@typescript-eslint/types": "^8.
|
|
41
|
-
"@typescript-eslint/utils": "^8.
|
|
38
|
+
"@typescript-eslint/scope-manager": "^8.43.0",
|
|
39
|
+
"@typescript-eslint/type-utils": "^8.43.0",
|
|
40
|
+
"@typescript-eslint/types": "^8.43.0",
|
|
41
|
+
"@typescript-eslint/utils": "^8.43.0",
|
|
42
42
|
"string-ts": "^2.2.1",
|
|
43
|
-
"ts-pattern": "^5.
|
|
44
|
-
"@eslint-react/ast": "2.0.0-next.
|
|
45
|
-
"@eslint-react/core": "2.0.0-next.
|
|
46
|
-
"@eslint-react/
|
|
47
|
-
"@eslint-react/shared": "2.0.0-next.
|
|
48
|
-
"@eslint-react/
|
|
49
|
-
"@eslint-react/var": "2.0.0-next.
|
|
43
|
+
"ts-pattern": "^5.8.0",
|
|
44
|
+
"@eslint-react/ast": "2.0.0-next.180",
|
|
45
|
+
"@eslint-react/core": "2.0.0-next.180",
|
|
46
|
+
"@eslint-react/eff": "2.0.0-next.180",
|
|
47
|
+
"@eslint-react/shared": "2.0.0-next.180",
|
|
48
|
+
"@eslint-react/kit": "2.0.0-next.180",
|
|
49
|
+
"@eslint-react/var": "2.0.0-next.180"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@types/react": "^19.1.
|
|
53
|
-
"@types/react-dom": "^19.1.
|
|
54
|
-
"
|
|
52
|
+
"@types/react": "^19.1.12",
|
|
53
|
+
"@types/react-dom": "^19.1.9",
|
|
54
|
+
"tsdown": "^0.15.0",
|
|
55
55
|
"@local/configs": "0.0.0"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
|
-
"eslint": "^9.
|
|
58
|
+
"eslint": "^9.35.0",
|
|
59
59
|
"typescript": "^4.9.5 || ^5.4.5"
|
|
60
60
|
},
|
|
61
61
|
"peerDependenciesMeta": {
|
|
@@ -67,14 +67,13 @@
|
|
|
67
67
|
}
|
|
68
68
|
},
|
|
69
69
|
"engines": {
|
|
70
|
-
"bun": ">=1.0.15",
|
|
71
70
|
"node": ">=20.19.0"
|
|
72
71
|
},
|
|
73
72
|
"publishConfig": {
|
|
74
73
|
"access": "public"
|
|
75
74
|
},
|
|
76
75
|
"scripts": {
|
|
77
|
-
"build": "
|
|
76
|
+
"build": "tsdown",
|
|
78
77
|
"lint:publish": "publint",
|
|
79
78
|
"lint:ts": "tsc --noEmit"
|
|
80
79
|
}
|