@ghettoddos/eslint-config 1.7.0 → 1.8.0

package/dist/index.d.ts

@@ -2750,6 +2750,24 @@ interface RuleOptions {
    * @see https://eslint-react.xyz/docs/rules/naming-convention-use-state
    */
   'react-naming-convention/use-state'?: Linter.RuleEntry<[]>;
+  'react-native-community/no-color-literals'?: Linter.RuleEntry<[]>;
+  'react-native-community/no-inline-styles'?: Linter.RuleEntry<[]>;
+  'react-native-community/no-raw-text'?: Linter.RuleEntry<ReactNativeCommunityNoRawText>;
+  /**
+   * Disallow single element style arrays. These cause unnecessary re-renders as the identity of the array always changes
+   */
+  'react-native-community/no-single-element-style-arrays'?: Linter.RuleEntry<[]>;
+  'react-native-community/no-unused-styles'?: Linter.RuleEntry<[]>;
+  'react-native-community/sort-styles'?: Linter.RuleEntry<ReactNativeCommunitySortStyles>;
+  'react-native-community/split-platform-components'?: Linter.RuleEntry<ReactNativeCommunitySplitPlatformComponents>;
+  /**
+   * Disallow deep imports from react native
+   */
+  'react-native/no-deep-imports'?: Linter.RuleEntry<[]>;
+  /**
+   * Ensure that PlatformColor() and DynamicColorIOS() are passed literals of the expected shape.
+   */
+  'react-native/platform-colors'?: Linter.RuleEntry<[]>;
   'react-refresh/only-export-components'?: Linter.RuleEntry<ReactRefreshOnlyExportComponents>;
   /**
    * Prevents leaked `addEventListener` in a component or custom Hook.
@@ -10961,6 +10979,20 @@ type ReactNamingConventionFilenameExtension = [] | [(("always" | "as-needed") |
   extensions?: string[];
   ignoreFilesWithoutCode?: boolean;
 })];
+// ----- react-native-community/no-raw-text -----
+type ReactNativeCommunityNoRawText = [] | [{
+  skip?: string[];
+}];
+// ----- react-native-community/sort-styles -----
+type ReactNativeCommunitySortStyles = [] | [("asc" | "desc")] | [("asc" | "desc"), {
+  ignoreClassNames?: boolean;
+  ignoreStyleProperties?: boolean;
+}];
+// ----- react-native-community/split-platform-components -----
+type ReactNativeCommunitySplitPlatformComponents = [] | [{
+  androidPathRegex?: string;
+  iosPathRegex?: string;
+}];
 // ----- react-refresh/only-export-components -----
 type ReactRefreshOnlyExportComponents = [] | [{
   allowExportNames?: string[];
@@ -15080,7 +15112,7 @@ type Yoda = [] | [("always" | "never")] | [("always" | "never"), {
   onlyEquality?: boolean;
 }];
 // Names of all the configs
-type ConfigNames = 'eslint-comments/rules' | 'formatter/setup' | 'imports/rules' | 'javascript/setup' | 'javascript/rules' | 'jsx/setup' | 'jsonc/setup' | 'jsonc/rules' | 'markdown/setup' | 'markdown/processor' | 'markdown/parser' | 'markdown/disables' | 'node/rules' | 'perfectionist/setup' | 'pnpm/package-json' | 'pnpm/pnpm-workspace-yaml' | 'react/setup' | 'react/rules' | 'sort/package-json' | 'stylistic/rules' | 'toml/setup' | 'toml/rules' | 'regexp/rules' | 'typescript/setup' | 'typescript/parser' | 'typescript/rules' | 'unicorn/rules' | 'unocss' | 'antfu/vue/setup' | 'antfu/vue/rules' | 'yaml/setup' | 'yaml/rules' | 'yaml/pnpm-workspace' | 'next/setup' | 'next/rules' | 'jsx-a11y/rules' | 'effector/setup' | 'effector/rules';
+type ConfigNames = 'eslint-comments/rules' | 'formatter/setup' | 'imports/rules' | 'javascript/setup' | 'javascript/rules' | 'jsx/setup' | 'jsonc/setup' | 'jsonc/rules' | 'markdown/setup' | 'markdown/processor' | 'markdown/parser' | 'markdown/disables' | 'node/rules' | 'perfectionist/setup' | 'pnpm/package-json' | 'pnpm/pnpm-workspace-yaml' | 'react/setup' | 'react/rules' | 'react-native/setup' | 'react-native/rules' | 'sort/package-json' | 'stylistic/rules' | 'toml/setup' | 'toml/rules' | 'regexp/rules' | 'typescript/setup' | 'typescript/parser' | 'typescript/rules' | 'unicorn/rules' | 'unocss' | 'vue/setup' | 'vue/rules' | 'yaml/setup' | 'yaml/rules' | 'yaml/pnpm-workspace' | 'next/setup' | 'next/rules' | 'jsx-a11y/rules' | 'effector/setup' | 'effector/rules';
 //#endregion
 //#region src/vendor/prettier-types.d.ts
 /**
@@ -15327,6 +15359,17 @@ interface OptionsEffector extends OptionsOverrides {
    */
   scope?: boolean;
 }
+interface OptionsReactNative extends OptionsOverrides {
+  /**
+   * Enable expo rules.
+   *
+   * Requires installing:
+   * - `eslint-plugin-expo`
+   *
+   * @default auto-detect based on the dependencies
+   */
+  expo?: boolean;
+}
 interface OptionsTypeScriptParserOptions {
   /**
    * Additional parser options for TypeScript.
@@ -15499,6 +15542,16 @@ interface OptionsConfig extends OptionsComponentExts, OptionsProjectType {
    * @default auto-detect based on the dependencies
    */
   next?: boolean | OptionsOverrides;
+  /**
+   * Enable react-native rules.
+   *
+   * Requires installing:
+   * - `@react-native/eslint-plugin`
+   * - `eslint-plugin-react-native`
+   *
+   * @default auto-detect based on the dependencies
+   */
+  reactNative?: boolean | OptionsReactNative;
   /**
    * Enable effector rules.
    *
@@ -15645,6 +15698,9 @@ declare function pnpm(): Promise<TypedFlatConfigItem[]>;
 //#region src/configs/react.d.ts
 declare function react(options?: OptionsTypeScriptParserOptions & OptionsTypeScriptWithTypes & OptionsOverrides & OptionsFiles): Promise<TypedFlatConfigItem[]>;
 //#endregion
+//#region src/configs/react-native.d.ts
+declare function reactNative(options?: OptionsReactNative & OptionsFiles): Promise<TypedFlatConfigItem[]>;
+//#endregion
 //#region src/configs/regexp.d.ts
 declare function regexp(options?: OptionsRegExp & OptionsOverrides): Promise<TypedFlatConfigItem[]>;
 //#endregion
@@ -15771,4 +15827,4 @@ type ResolvedOptions<T> = T extends boolean ? never : NonNullable<T>;
 declare function resolveSubOptions<C extends Record<string, any>, K extends keyof C>(options: C, key: K): ResolvedOptions<C[K]>;
 declare function getOverrides<C extends Record<string, any>, K extends keyof C>(options: C, key: K): Partial<Linter.RulesRecord & RuleOptions>;
 //#endregion
-export { Awaitable, type ConfigNames, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, OptionsComponentExts, OptionsConfig, OptionsEffector, OptionsFiles, OptionsFormatters, OptionsHasTypeScript, OptionsIsInEditor, OptionsOverrides, OptionsProjectType, OptionsRegExp, OptionsStylistic, OptionsTypeScriptParserOptions, OptionsTypeScriptWithTypes, OptionsTypescript, OptionsUnicorn, OptionsUnoCSS, OptionsVue, ResolvedOptions, Rules, StylisticConfig, StylisticConfigDefaults, StylisticOptions, TypedFlatConfigItem, combine, comments, config, config as default, defaultPluginRenaming, disables, effector, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsonc, jsx, jsxA11y, markdown, next, node, parserPlain, perfectionist, pnpm, react, regexp, renameRules, resolveSubOptions, sortPackageJson, sortTsconfig, stylistic, toml, typescript, unicorn, unocss, vue, yaml };
+export { Awaitable, type ConfigNames, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, OptionsComponentExts, OptionsConfig, OptionsEffector, OptionsFiles, OptionsFormatters, OptionsHasTypeScript, OptionsIsInEditor, OptionsOverrides, OptionsProjectType, OptionsReactNative, OptionsRegExp, OptionsStylistic, OptionsTypeScriptParserOptions, OptionsTypeScriptWithTypes, OptionsTypescript, OptionsUnicorn, OptionsUnoCSS, OptionsVue, ResolvedOptions, Rules, StylisticConfig, StylisticConfigDefaults, StylisticOptions, TypedFlatConfigItem, combine, comments, config, config as default, defaultPluginRenaming, disables, effector, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsonc, jsx, jsxA11y, markdown, next, node, parserPlain, perfectionist, pnpm, react, reactNative, regexp, renameRules, resolveSubOptions, sortPackageJson, sortTsconfig, stylistic, toml, typescript, unicorn, unocss, vue, yaml };

package/dist/index.js

@@ -143,6 +143,7 @@ const VuePackages = [
 	"vitepress",
 	"@slidev/cli"
 ];
+const ReactNativePackages = ["react-native", "expo"];
 
 //#endregion
 //#region src/utils.ts
@@ -1058,6 +1059,10 @@ async function react(options = {}) {
 				"react/no-unused-state": "warn",
 				"react/no-use-context": "warn",
 				"react/no-useless-forward-ref": "warn",
+				"react/prefer-shorthand-boolean": "warn",
+				"react/prefer-destructuring-assignment": "warn",
+				"react/no-missing-context-display-name": "warn",
+				"react/no-missing-component-display-name": "warn",
 				"react-dom/no-dangerously-set-innerhtml": "warn",
 				"react-dom/no-dangerously-set-innerhtml-with-children": "error",
 				"react-dom/no-find-dom-node": "error",
@@ -1082,6 +1087,8 @@ async function react(options = {}) {
 				"react-web-api/no-leaked-interval": "warn",
 				"react-web-api/no-leaked-resize-observer": "warn",
 				"react-web-api/no-leaked-timeout": "warn",
+				"react-naming-convention/context-name": "warn",
+				"react-naming-convention/use-state": "warn",
 				"react-refresh/only-export-components": ["warn", {
 					allowConstantExport: isAllowConstantExport,
 					allowExportNames: [...isUsingNext ? [
@@ -1122,6 +1129,73 @@ async function react(options = {}) {
 	];
 }
 
+//#endregion
+//#region src/configs/react-native.ts
+async function reactNative(options = {}) {
+	const { expo = isPackageExists("expo"), files = [GLOB_SRC], overrides = {} } = options;
+	await ensurePackages([
+		"@react-native/eslint-plugin",
+		"eslint-plugin-react-native",
+		...expo ? ["eslint-plugin-expo"] : []
+	]);
+	const [pluginReactNative, pluginReactNativeCommunity, pluginExpo] = await Promise.all([
+		interopDefault(import("@react-native/eslint-plugin")),
+		interopDefault(import("eslint-plugin-react-native")),
+		...expo ? [interopDefault(import("eslint-plugin-expo"))] : []
+	]);
+	return [{
+		name: "react-native/setup",
+		plugins: {
+			"react-native": pluginReactNative,
+			"react-native-community": pluginReactNativeCommunity,
+			...expo ? { expo: pluginExpo } : {}
+		}
+	}, {
+		files,
+		languageOptions: {
+			globals: {
+				"__DEV__": "readonly",
+				"__fbBatchedBridgeConfig": false,
+				"Blob": true,
+				"clearImmediate": true,
+				"document": false,
+				"ErrorUtils": false,
+				"exports": false,
+				"File": true,
+				"Map": true,
+				"navigator": false,
+				"Promise": true,
+				"queueMicrotask": true,
+				"requestAnimationFrame": true,
+				"requestIdleCallback": true,
+				"Set": true,
+				"setImmediate": true,
+				"shared-node-browser": true,
+				"WebSocket": true,
+				"window": false
+			},
+			parserOptions: { ecmaFeatures: { jsx: true } },
+			sourceType: "module"
+		},
+		name: "react-native/rules",
+		rules: {
+			"react-native-community/no-inline-styles": "warn",
+			"react-native-community/no-single-element-style-arrays": "warn",
+			"react-native-community/no-unused-styles": "warn",
+			"react-native/no-deep-imports": "error",
+			"react-native/no-raw-text": "warn",
+			...expo ? {
+				"expo/no-dynamic-env-var": "error",
+				"expo/no-env-var-destructuring": "error",
+				"expo/prefer-box-shadow": "warn",
+				"expo/use-dom-exports": "error"
+			} : {},
+			...overrides
+		},
+		settings: { react: { version: "detect" } }
+	}];
+}
+
 //#endregion
 //#region src/configs/regexp.ts
 async function regexp(options = {}) {
@@ -1618,7 +1692,7 @@ async function vue(options = {}) {
 			watch: "readonly",
 			watchEffect: "readonly"
 		} },
-		name: "antfu/vue/setup",
+		name: "vue/setup",
 		plugins: {
 			vue: pluginVue,
 			...a11y ? { "vue-a11y": pluginVueA11y } : {}
@@ -1634,7 +1708,7 @@ async function vue(options = {}) {
 				sourceType: "module"
 			}
 		},
-		name: "antfu/vue/rules",
+		name: "vue/rules",
 		processor: sfcBlocks === false ? pluginVue.processors[".vue"] : mergeProcessors([pluginVue.processors[".vue"], processorVueBlocks({
 			...sfcBlocks,
 			blocks: {
@@ -1907,7 +1981,7 @@ const defaultPluginRenaming = {
 */
 function config(options = {}, ...userConfigs) {
 	const isUsingReact = ReactPackages.some((i) => isPackageExists(i));
-	const { autoRenamePlugins = true, componentExts = [], effector: enableEffector = isPackageExists("effector"), gitignore: enableGitignore = true, imports: enableImports = true, jsx: enableJsx = true, jsxA11y: enableJsxA11y = isUsingReact, next: enableNext = NextJsPackages.some((i) => isPackageExists(i)), pnpm: enableCatalogs = false, react: enableReact = isUsingReact, regexp: enableRegexp = true, typescript: enableTypeScript = isPackageExists("typescript"), unicorn: enableUnicorn = true, unocss: enableUnoCSS = false, vue: enableVue = VuePackages.some((i) => isPackageExists(i)) } = options;
+	const { autoRenamePlugins = true, componentExts = [], effector: enableEffector = isPackageExists("effector"), gitignore: enableGitignore = true, imports: enableImports = true, jsx: enableJsx = true, jsxA11y: enableJsxA11y = isUsingReact, next: enableNext = NextJsPackages.some((i) => isPackageExists(i)), pnpm: enableCatalogs = false, react: enableReact = isUsingReact, reactNative: enableReactNative = ReactNativePackages.some((i) => isPackageExists(i)), regexp: enableRegexp = true, typescript: enableTypeScript = isPackageExists("typescript"), unicorn: enableUnicorn = true, unocss: enableUnoCSS = false, vue: enableVue = VuePackages.some((i) => isPackageExists(i)) } = options;
 	let isInEditor = options.isInEditor;
 	if (isInEditor == null) {
 		isInEditor = isInEditorEnv();
@@ -1959,6 +2033,10 @@ function config(options = {}, ...userConfigs) {
 		overrides: getOverrides(options, "react"),
 		tsconfigPath
 	}));
+	if (enableReactNative) configs$1.push(reactNative({
+		...resolveSubOptions(options, "reactNative"),
+		overrides: getOverrides(options, "reactNative")
+	}));
 	if (enableJsxA11y) configs$1.push(jsxA11y({ overrides: getOverrides(options, "jsxA11y") }));
 	if (enableNext) configs$1.push(next({ overrides: getOverrides(options, "next") }));
 	if (enableEffector) configs$1.push(effector({
@@ -2006,4 +2084,4 @@ function config(options = {}, ...userConfigs) {
 var src_default = config;
 
 //#endregion
-export { GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, StylisticConfigDefaults, combine, comments, config, src_default as default, defaultPluginRenaming, disables, effector, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsonc, jsx, jsxA11y, markdown, next, node, parserPlain, perfectionist, pnpm, react, regexp, renameRules, resolveSubOptions, sortPackageJson, sortTsconfig, stylistic, toml, typescript, unicorn, unocss, vue, yaml };
+export { GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_MARKDOWN_IN_MARKDOWN, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_SVG, GLOB_TOML, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_XML, GLOB_YAML, StylisticConfigDefaults, combine, comments, config, src_default as default, defaultPluginRenaming, disables, effector, ensurePackages, formatters, getOverrides, ignores, imports, interopDefault, isInEditorEnv, isInGitHooksOrLintStaged, isPackageInScope, javascript, jsonc, jsx, jsxA11y, markdown, next, node, parserPlain, perfectionist, pnpm, react, reactNative, regexp, renameRules, resolveSubOptions, sortPackageJson, sortTsconfig, stylistic, toml, typescript, unicorn, unocss, vue, yaml };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ghettoddos/eslint-config",
   "type": "module",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "ghettoDdOS ESLint config",
   "author": "ghettoDdOS <pen.egor2002@gamil.com> (https://github.com/ghettoDdOS/)",
   "license": "MIT",
@@ -27,11 +27,14 @@
   "peerDependencies": {
     "@next/eslint-plugin-next": "^15.4.3",
     "@prettier/plugin-xml": "^3.4.2",
+    "@react-native/eslint-plugin": "^0.80.1",
     "@unocss/eslint-plugin": ">=0.50.0",
     "eslint": "^9.10.0",
     "eslint-plugin-effector": "^0.15.0",
+    "eslint-plugin-expo": "^0.1.4",
     "eslint-plugin-format": ">=0.1.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-native": "^5.0.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1"
   },
   "peerDependenciesMeta": {
@@ -41,18 +44,27 @@
     "@prettier/plugin-xml": {
       "optional": true
     },
+    "@react-native/eslint-plugin": {
+      "optional": true
+    },
     "@unocss/eslint-plugin": {
       "optional": true
     },
     "eslint-plugin-effector": {
       "optional": true
     },
+    "eslint-plugin-expo": {
+      "optional": true
+    },
     "eslint-plugin-format": {
       "optional": true
     },
     "eslint-plugin-jsx-a11y": {
       "optional": true
     },
+    "eslint-plugin-react-native": {
+      "optional": true
+    },
     "eslint-plugin-vuejs-accessibility": {
       "optional": true
     }
@@ -98,13 +110,16 @@
     "@eslint/config-inspector": "^1.1.0",
     "@next/eslint-plugin-next": "^15.4.3",
     "@prettier/plugin-xml": "^3.4.2",
+    "@react-native/eslint-plugin": "^0.80.1",
     "@types/node": "^24.1.0",
     "@unocss/eslint-plugin": "^66.3.3",
     "bumpp": "^10.2.0",
     "eslint": "^9.31.0",
     "eslint-plugin-effector": "^0.15.0",
+    "eslint-plugin-expo": "^0.1.4",
     "eslint-plugin-format": "^1.0.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-native": "^5.0.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "eslint-typegen": "^2.2.1",
     "lint-staged": "^16.1.2",