@hypersolid-dev/eslint-config 6.0.0 → 7.0.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [7.0.0](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_git/eslint-config-hypersolid/branchCompare?baseVersion=GTv6.0.0&targetVersion=GTv7.0.0) (2026-11-10)
+
+### ⚠ BREAKING CHANGES
+
+* **plugins:** the base-preset rules are @hypersolid-dev/base/<rule>
+(comment-style, regex-pattern-const, undefined-check), not
+@hypersolid-dev/core/<rule> as the previous commit stated.
+* **plugins:** every in-house rule ID gains its domain. Update
+eslint-disable comments and rule overrides:
+- @hypersolid-dev/{comment-style,regex-pattern-const,undefined-check}
+  -> @hypersolid-dev/core/<rule>
+- @hypersolid-dev/{boolean-guard,effect-takes-callback,jsdoc-for-props,
+  no-callback-payload,no-markup-variable,no-unnecessary-use-callback,
+  props-destructuring} -> @hypersolid-dev/react/<rule>
+- @hypersolid-dev/{test-id-default,test-id-format,test-id-from-props,
+  webview-allow-list} -> @hypersolid-dev/react-native/<rule>
+- @hypersolid-dev/react-native-a11y/<rule>
+  -> @hypersolid-dev/react-native/a11y/<rule>
+
+### Code Refactoring
+
+* **plugins:** group in-house rules by domain with prefixed rule IDs ([5c4917c](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_git/eslint-config-hypersolid/commit/5c4917c3714a51aeea907ad4e453300ee689d722)), closes [AB#5181](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_workitems/edit/5181)
+* **plugins:** rename the core rule domain to base ([f13bfc4](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_git/eslint-config-hypersolid/commit/f13bfc492fa035c7034b4bcfc0a2839b41fcd1f4)), closes [AB#5181](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_workitems/edit/5181)
+
 ## [6.0.0](https://dev.azure.com/wearetriple/Triple%20-%20Webteam/_git/eslint-config-hypersolid/branchCompare?baseVersion=GTv5.0.0&targetVersion=GTv6.0.0) (2026-11-10)
 
 ### ⚠ BREAKING CHANGES

package/README.md

@@ -72,13 +72,13 @@ export default [...base({ tsconfigRootDir: import.meta.dirname }), ...reactNativ
 
 `react-native` bans browser globals that don't exist on React Native (`document`, `localStorage`, …), and ignores `.expo`, `android`, `ios` and `expo-env.d.ts`.
 
-It also enables the bundled `@hypersolid-dev/react-native-a11y` rules, each citing the WCAG criterion it enforces ([rule docs](src/plugins/react-native-a11y/docs)). Custom components are matched by name, so tell a rule about your wrappers with `additionalComponents`. `require-modal-a11y-on-sheets` has no defaults and stays off until you list your sheet components:
+It also enables the bundled `@hypersolid-dev/react-native/a11y` rules, each citing the WCAG criterion it enforces ([rule docs](src/plugins/react-native/a11y/docs)). Custom components are matched by name, so tell a rule about your wrappers with `additionalComponents`. `require-modal-a11y-on-sheets` has no defaults and stays off until you list your sheet components:
 
 ```js
 {
   rules: {
-    '@hypersolid-dev/react-native-a11y/accessibility-label': ['error', { additionalComponents: ['IconButton'] }],
-    '@hypersolid-dev/react-native-a11y/require-modal-a11y-on-sheets': ['error', { additionalComponents: ['BottomSheet'] }],
+    '@hypersolid-dev/react-native/a11y/accessibility-label': ['error', { additionalComponents: ['IconButton'] }],
+    '@hypersolid-dev/react-native/a11y/require-modal-a11y-on-sheets': ['error', { additionalComponents: ['BottomSheet'] }],
   },
 }
 ```
@@ -111,20 +111,20 @@ This package ships its own plugin, namespaced `@hypersolid-dev`. The preset colu
 
 | Rule | Preset | Enforces |
 | --- | --- | --- |
-| `@hypersolid-dev/props-destructuring` | react | A component destructures its props in the signature, so its props are readable there. Replaces `react/destructuring-assignment` (`always`, `destructureInSignature: always`), as `eslint-plugin-react` doesn't support ESLint 10. Checks PascalCase functions that return JSX, including those wrapped in `memo` and `forwardRef`. Bad: `const Card = (props: Props) => <h1>{props.title}</h1>`, or `const { title } = props` in the body. Good: `const Card = ({ title }: Props) => …`. When the props type is a union, such as a discriminated union, `props` may stay whole, because destructuring breaks narrowing (`if (props.kind === 'a') props.a`). |
-| `@hypersolid-dev/undefined-check` | base | No `x !== undefined` (or `=== undefined`) where `undefined` is the type's only falsy value, so truthiness already decides. Bad: `if (user !== undefined)` with `user: User \| undefined`. Good: `if (user)`. Needs type information. |
-| `@hypersolid-dev/regex-pattern-const` | base | A regex is a module-level `const <NAME>_PATTERN`, so it's read by its name. Bad: `/^\d+$/.test(id)` in a function. Off in tests. |
-| `@hypersolid-dev/comment-style` | base | `//` and `/* */` comments are one row; longer prose is a `/** */` JSDoc block. Directive-only runs (`eslint-disable…`, `@ts-…`) are fine. Option `maxLength` caps each row (unset by default). |
-| `@hypersolid-dev/jsdoc-for-props` | react | A comment on a type member is JSDoc, the form editors show at the call site. Bad: `// The title` above `title: string`. |
-| `@hypersolid-dev/boolean-guard` | react | A JSX `&&` guard can't leak `0` or `''`, which React renders (and which crashes React Native outside `<Text>`). Bad: `{count && <Badge />}`. Good: `{count > 0 && <Badge />}`. Needs type information. Off in tests. |
-| `@hypersolid-dev/no-markup-variable` | react | Styled JSX isn't stored in a variable in a component body; it's its own component, or written where it renders. Off in tests. |
-| `@hypersolid-dev/effect-takes-callback` | react | A `use*Effect` hook takes the callback it runs as its first parameter, like `useEffect`. Off in tests. |
-| `@hypersolid-dev/no-unnecessary-use-callback` | react | A `useCallback` with empty deps that captures nothing from render is a module-level function. Off in tests. |
-| `@hypersolid-dev/no-callback-payload` | react | A component passes a callback prop straight through instead of calling it with a payload built from its own props; the caller binds the payload. Bad: `onPress={() => onSelect(id)}` where `id` is a prop. Off in tests. |
-| `@hypersolid-dev/test-id-format` | react-native | A `testID` is lowercase kebab-case. Bad: `testID="Header.Title"`. |
-| `@hypersolid-dev/test-id-from-props` | react-native | In `**/components/**/*.tsx`, a `testID` comes from the `testID` prop (suffixed for inner nodes), never a fixed string. Off in screens and tests. |
-| `@hypersolid-dev/test-id-default` | react-native | In `**/components/**/*.tsx`, a `testID` prop defaults to the component's kebab-case name. Bad: `({ testID }: Props)` in `Card`. Good: `({ testID = 'card' }: Props)`. |
-| `@hypersolid-dev/webview-allow-list` | react-native | A `react-native-webview` WebView sets `originWhitelist={['*']}` and filters every navigation in an always-present `onShouldStartLoadWithRequest`. |
+| `@hypersolid-dev/react/props-destructuring` | react | A component destructures its props in the signature, so its props are readable there. Replaces `react/destructuring-assignment` (`always`, `destructureInSignature: always`), as `eslint-plugin-react` doesn't support ESLint 10. Checks PascalCase functions that return JSX, including those wrapped in `memo` and `forwardRef`. Bad: `const Card = (props: Props) => <h1>{props.title}</h1>`, or `const { title } = props` in the body. Good: `const Card = ({ title }: Props) => …`. When the props type is a union, such as a discriminated union, `props` may stay whole, because destructuring breaks narrowing (`if (props.kind === 'a') props.a`). |
+| `@hypersolid-dev/base/undefined-check` | base | No `x !== undefined` (or `=== undefined`) where `undefined` is the type's only falsy value, so truthiness already decides. Bad: `if (user !== undefined)` with `user: User \| undefined`. Good: `if (user)`. Needs type information. |
+| `@hypersolid-dev/base/regex-pattern-const` | base | A regex is a module-level `const <NAME>_PATTERN`, so it's read by its name. Bad: `/^\d+$/.test(id)` in a function. Off in tests. |
+| `@hypersolid-dev/base/comment-style` | base | `//` and `/* */` comments are one row; longer prose is a `/** */` JSDoc block. Directive-only runs (`eslint-disable…`, `@ts-…`) are fine. Option `maxLength` caps each row (unset by default). |
+| `@hypersolid-dev/react/jsdoc-for-props` | react | A comment on a type member is JSDoc, the form editors show at the call site. Bad: `// The title` above `title: string`. |
+| `@hypersolid-dev/react/boolean-guard` | react | A JSX `&&` guard can't leak `0` or `''`, which React renders (and which crashes React Native outside `<Text>`). Bad: `{count && <Badge />}`. Good: `{count > 0 && <Badge />}`. Needs type information. Off in tests. |
+| `@hypersolid-dev/react/no-markup-variable` | react | Styled JSX isn't stored in a variable in a component body; it's its own component, or written where it renders. Off in tests. |
+| `@hypersolid-dev/react/effect-takes-callback` | react | A `use*Effect` hook takes the callback it runs as its first parameter, like `useEffect`. Off in tests. |
+| `@hypersolid-dev/react/no-unnecessary-use-callback` | react | A `useCallback` with empty deps that captures nothing from render is a module-level function. Off in tests. |
+| `@hypersolid-dev/react/no-callback-payload` | react | A component passes a callback prop straight through instead of calling it with a payload built from its own props; the caller binds the payload. Bad: `onPress={() => onSelect(id)}` where `id` is a prop. Off in tests. |
+| `@hypersolid-dev/react-native/test-id-format` | react-native | A `testID` is lowercase kebab-case. Bad: `testID="Header.Title"`. |
+| `@hypersolid-dev/react-native/test-id-from-props` | react-native | In `**/components/**/*.tsx`, a `testID` comes from the `testID` prop (suffixed for inner nodes), never a fixed string. Off in screens and tests. |
+| `@hypersolid-dev/react-native/test-id-default` | react-native | In `**/components/**/*.tsx`, a `testID` prop defaults to the component's kebab-case name. Bad: `({ testID }: Props)` in `Card`. Good: `({ testID = 'card' }: Props)`. |
+| `@hypersolid-dev/react-native/webview-allow-list` | react-native | A `react-native-webview` WebView sets `originWhitelist={['*']}` and filters every navigation in an always-present `onShouldStartLoadWithRequest`. |
 
 ## Overriding rules
 
@@ -186,14 +186,14 @@ export default [...base({ tsconfigRootDir: import.meta.dirname }), { files: TEST
 
 ### Component folders
 
-`@hypersolid-dev/no-callback-payload` applies to every component, and the `test-id-*` rules to `**/components/**/*.tsx`. If your components live elsewhere, scope them to your own folders:
+`@hypersolid-dev/react/no-callback-payload` applies to every component, and the `test-id-*` rules to `**/components/**/*.tsx`. If your components live elsewhere, scope them to your own folders:
 
 ```js
 export default [
   ...base({ tsconfigRootDir: import.meta.dirname }),
   ...reactNative(),
-  { files: ['**/components/**/*.tsx'], rules: { '@hypersolid-dev/test-id-default': 'off' } },
-  { files: ['src/ui/**/*.tsx'], rules: { '@hypersolid-dev/test-id-default': 'error' } },
+  { files: ['**/components/**/*.tsx'], rules: { '@hypersolid-dev/react-native/test-id-default': 'off' } },
+  { files: ['src/ui/**/*.tsx'], rules: { '@hypersolid-dev/react-native/test-id-default': 'error' } },
 ];
 ```
 

package/dist/base.js

@@ -7,7 +7,7 @@ import preferArrowFunctions from 'eslint-plugin-prefer-arrow-functions';
 import sonarjs from 'eslint-plugin-sonarjs';
 import unicorn from 'eslint-plugin-unicorn';
 import { configs as tsConfigs } from 'typescript-eslint';
-import hypersolid from './plugins/hypersolid.js';
+import basePlugin from './plugins/base/index.js';
 import { BASE_RESTRICTED_SYNTAX, BOOLEAN_NAME_OPTIONS, CODE_FILES, NAMING_CONVENTION, NUMBER_GLOBAL_RESTRICTIONS, raiseWarnings, scopeToCode, TEST_FILES, } from './shared.js';
 // The glob the presets relax test-only rules for; reuse it for your own test overrides.
 export { TEST_FILES } from './shared.js';
@@ -47,7 +47,7 @@ export default function base(options) {
                 },
             },
             plugins: {
-                '@hypersolid-dev': hypersolid,
+                '@hypersolid-dev/base': basePlugin,
                 'no-secrets': noSecrets,
                 'prefer-arrow-functions': preferArrowFunctions,
                 sonarjs,
@@ -153,11 +153,11 @@ export default function base(options) {
                 // One escape style for `${` in template literals. Bad: `` `\${a} $\{b}` ``.
                 'unicorn/consistent-template-literal-escape': 'error',
                 // `x !== undefined` where truthiness already decides. Bad: `if (user !== undefined)` with `user: User | undefined`.
-                '@hypersolid-dev/undefined-check': 'error',
+                '@hypersolid-dev/base/undefined-check': 'error',
                 // A regex is a module-level `*_PATTERN` constant, named for what it matches. Bad: `if (/^\d+$/.test(id))` in a function.
-                '@hypersolid-dev/regex-pattern-const': 'error',
+                '@hypersolid-dev/base/regex-pattern-const': 'error',
                 // `//` and `/* */` comments stay one row; longer prose is a `/** */` block. Bad: three `//` lines in a row.
-                '@hypersolid-dev/comment-style': 'error',
+                '@hypersolid-dev/base/comment-style': 'error',
                 // `undefined` as an argument is often required by the callee's signature. Bad: `let value = undefined`.
                 'unicorn/no-useless-undefined': ['error', { checkArguments: false }],
                 // Off: `.then()` chains are fine. Bad: `fetchUser().then(render)` reported.
@@ -215,7 +215,7 @@ export default function base(options) {
                 // Off: helpers inside a `describe` keep each suite readable on its own. Bad: `const render = () => …` in a `describe` reported.
                 'unicorn/consistent-function-scoping': 'off',
                 // Off: a test keeps its inline `toMatch(/…/)` literal. Bad: `expect(id).toMatch(/^\d+$/)` reported.
-                '@hypersolid-dev/regex-pattern-const': 'off',
+                '@hypersolid-dev/base/regex-pattern-const': 'off',
             },
         },
         {

package/dist/plugins/{hypersolid.d.ts → base/index.d.ts}

@@ -1,3 +1,4 @@
 import type { ESLint } from 'eslint';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
 declare const plugin: ESLint.Plugin;
 export default plugin;

package/dist/plugins/base/index.js

@@ -0,0 +1,15 @@
+import commentStyle from './rules/comment-style.js';
+import regexPatternConst from './rules/regex-pattern-const.js';
+import undefinedCheck from './rules/undefined-check.js';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
+// One object per plugin name: flat config rejects two different objects under the same name.
+const plugin = {
+    meta: { name: '@hypersolid-dev/base' },
+    // typescript-eslint's `RuleModule` and ESLint's `Rule.RuleModule` type the same runtime object differently.
+    rules: {
+        'comment-style': commentStyle,
+        'regex-pattern-const': regexPatternConst,
+        'undefined-check': undefinedCheck,
+    },
+};
+export default plugin;

package/dist/plugins/{rules → base/rules}/comment-style.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES, AST_TOKEN_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
-import { DIRECTIVE_PATTERN, isJsdoc, isRowStart } from "../utils/comments.js";
+import createRule from "../../shared/create-rule.js";
+import { DIRECTIVE_PATTERN, isJsdoc, isRowStart } from "../../shared/comments.js";
 const REASON_PATTERN = /\s--\s([\s\S]*)$/;
 const LINK_PATTERN = /\S*https?:\/\/\S*/g;
 const JSDOC_ROW_PATTERN = /^\s*\*?\s?/;

package/dist/plugins/{rules → base/rules}/regex-pattern-const.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../shared/create-rule.js";
 const NAME_PATTERN = /^[A-Z][A-Z0-9_]*_PATTERN$/;
 /** A string literal, or a template (plain or `String.raw`) with nothing interpolated. */
 const isStatic = (node) => (node.type === AST_NODE_TYPES.Literal && typeof node.value === "string") ||

package/dist/plugins/{rules → base/rules}/undefined-check.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES, ESLintUtils } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
-import { isSameAsBangBang, undefinedComparison } from "../utils/types.js";
+import createRule from "../../shared/create-rule.js";
+import { isSameAsBangBang, undefinedComparison } from "../../shared/types.js";
 /** The slots where a value is being asked whether it is there. */
 const isCondition = (node) => {
     const { parent } = node;

package/dist/plugins/react/index.d.ts

@@ -0,0 +1,4 @@
+import type { ESLint } from 'eslint';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
+declare const plugin: ESLint.Plugin;
+export default plugin;

package/dist/plugins/react/index.js

@@ -0,0 +1,23 @@
+import booleanGuard from './rules/boolean-guard.js';
+import effectTakesCallback from './rules/effect-takes-callback.js';
+import jsdocForProps from './rules/jsdoc-for-props.js';
+import noCallbackPayload from './rules/no-callback-payload.js';
+import noMarkupVariable from './rules/no-markup-variable.js';
+import noUnnecessaryUseCallback from './rules/no-unnecessary-use-callback.js';
+import propsDestructuring from './rules/props-destructuring.js';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
+// One object per plugin name: flat config rejects two different objects under the same name.
+const plugin = {
+    meta: { name: '@hypersolid-dev/react' },
+    // typescript-eslint's `RuleModule` and ESLint's `Rule.RuleModule` type the same runtime object differently.
+    rules: {
+        'boolean-guard': booleanGuard,
+        'effect-takes-callback': effectTakesCallback,
+        'jsdoc-for-props': jsdocForProps,
+        'no-callback-payload': noCallbackPayload,
+        'no-markup-variable': noMarkupVariable,
+        'no-unnecessary-use-callback': noUnnecessaryUseCallback,
+        'props-destructuring': propsDestructuring,
+    },
+};
+export default plugin;

package/dist/plugins/{rules → react/rules}/boolean-guard.js

@@ -1,7 +1,7 @@
 import { AST_NODE_TYPES, ESLintUtils } from "@typescript-eslint/utils";
 import ts, { TypeFlags } from "typescript";
-import createRule from "../utils/create-rule.js";
-import { isSameAsBangBang, undefinedComparison } from "../utils/types.js";
+import createRule from "../../shared/create-rule.js";
+import { isSameAsBangBang, undefinedComparison } from "../../shared/types.js";
 /** React draws these; every other falsy value renders as nothing. */
 const RENDERS_WHEN_FALSY = TypeFlags.NumberLike | TypeFlags.StringLike | TypeFlags.BigIntLike;
 /** `any` and `unknown` could be anything, so they are treated as leaking. */

package/dist/plugins/{rules → react/rules}/effect-takes-callback.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
 import ts, { TypeFlags } from "typescript";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../shared/create-rule.js";
 const EFFECT_HOOK_PATTERN = /^use[A-Z]\w*Effect$/;
 const NOTHING = TypeFlags.Undefined | TypeFlags.Null | TypeFlags.Void;
 const ABSENT = new Set(["TSUndefinedKeyword", "TSNullKeyword", "TSVoidKeyword"]);

package/dist/plugins/{rules → react/rules}/jsdoc-for-props.js

@@ -1,6 +1,6 @@
 import { AST_TOKEN_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
-import { DIRECTIVE_PATTERN, isJsdoc, isRowStart } from "../utils/comments.js";
+import createRule from "../../shared/create-rule.js";
+import { DIRECTIVE_PATTERN, isJsdoc, isRowStart } from "../../shared/comments.js";
 /**
  * A comment on a type member is a JSDoc block, the only form an editor shows when the member is hovered elsewhere.
  *

package/dist/plugins/{rules → react/rules}/no-callback-payload.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
-import { componentName, isWrapperCall } from "../utils/component-name.js";
+import createRule from "../../shared/create-rule.js";
+import { componentName, isWrapperCall } from "../../shared/component-name.js";
 const CALLBACK_PATTERN = /^on[A-Z]/;
 /** Adds each identifier an object pattern binds to `props`, and its rest binding to `objects` too. */
 const addPatternBindings = (pattern, props, objects) => {

package/dist/plugins/{rules → react/rules}/no-markup-variable.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
-import { componentName } from "../utils/component-name.js";
+import createRule from "../../shared/create-rule.js";
+import { componentName } from "../../shared/component-name.js";
 /** The JSX a declarator's value draws: itself, or a branch of a ternary or `&&`. */
 const drawnJsx = (init) => {
     if (!init)

package/dist/plugins/{rules → react/rules}/no-unnecessary-use-callback.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES, TSESLint } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../shared/create-rule.js";
 const HAZARD_NAMES = new Set(["arguments", "eval"]);
 /** The import specifier a name resolves to, when it is a value import from `react`. */
 const reactImport = (sourceCode, identifier) => {

package/dist/plugins/react/rules/props-destructuring.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from 'eslint';
+declare const propsDestructuring: Rule.RuleModule;
+export default propsDestructuring;

package/dist/plugins/{props-destructuring.js → react/rules/props-destructuring.js}

@@ -80,8 +80,4 @@ const propsDestructuring = {
         };
     },
 };
-const plugin = {
-    meta: { name: '@hypersolid-dev/eslint-config' },
-    rules: { 'props-destructuring': propsDestructuring },
-};
-export default plugin;
+export default propsDestructuring;

package/dist/plugins/{react-native-a11y → react-native/a11y}/index.js

@@ -43,7 +43,7 @@ const rules = {
  * before Triple became Hypersolid. Rule docs live in ./docs.
  */
 const plugin = {
-    meta: { name: "@hypersolid-dev/react-native-a11y" },
+    meta: { name: "@hypersolid-dev/react-native/a11y" },
     rules,
 };
 // typescript-eslint rule types are stricter than ESLint's `Plugin` type and not assignable to it; the runtime shape is the same.

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/accessibility-actions-need-handler.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getProperty from "../utils/get-property.js";
 import hasSpreadProps from "../utils/has-spread-props.js";
 /** Names the platforms already describe to the user. */

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/accessibility-hint.js

@@ -1,6 +1,6 @@
 import { TOUCHABLES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getAmountOfTextChildren from "../utils/get-amount-of-text-children.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/accessibility-label.js

@@ -1,6 +1,6 @@
 import { IMAGES, INPUTS, TOUCHABLES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getAmountOfTextChildren from "../utils/get-amount-of-text-children.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/accessibility-role.js

@@ -1,6 +1,6 @@
 import { IMAGES, TOUCHABLES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import hasProperty from "../utils/has-property.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/accessibility-value-needs-range.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getProperty from "../utils/get-property.js";
 const keysOf = (expression) => expression.properties.flatMap((property) => property.type === AST_NODE_TYPES.Property &&
     property.key.type === AST_NODE_TYPES.Identifier

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/adjustable-needs-value.js

@@ -1,5 +1,5 @@
 import { VALUE_ALIAS_KEYS } from "../constants/accessibility-props.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getLiteralPropertyValue from "../utils/get-literal-property-value.js";
 import hasProperty from "../utils/has-property.js";
 import hasSpreadProps from "../utils/has-spread-props.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/gate-announce-for-accessibility.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getProperty from "../utils/get-property.js";
 const LIVE_REGION_PROPS = ["accessibilityLiveRegion", "aria-live"];
 const FUNCTION_TYPES = new Set([

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/input-purpose.js

@@ -1,6 +1,6 @@
 import { TEXT_INPUTS } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import getLiteralPropertyValue from "../utils/get-literal-property-value.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-aria-legacy-mix.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
 import { ALIAS_TO_LEGACY, STATE_ALIAS_KEYS, VALUE_ALIAS_KEYS, } from "../constants/accessibility-props.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getProperty from "../utils/get-property.js";
 /**
  * Both spellings map to the same native behaviour and only one of them reaches

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-deprecated-accessibility-focus.js

@@ -1,5 +1,5 @@
 import { AST_NODE_TYPES } from "@typescript-eslint/utils";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 const noDeprecatedAccessibilityFocus = createRule({
     name: "no-deprecated-accessibility-focus",
     meta: {

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-dropped-aria-on-text.js

@@ -1,7 +1,7 @@
 import { ARIA_DROPPED_ON_TEXT } from "../constants/accessibility-props.js";
 import { TEXTS } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import getProperty from "../utils/get-property.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-font-scaling-disabled.js

@@ -1,4 +1,4 @@
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getLiteralPropertyValue from "../utils/get-literal-property-value.js";
 import getProperty from "../utils/get-property.js";
 /** WCAG 1.4.4 asks for text to resize up to 200%. */

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-ineffective-accessibility-props.js

@@ -1,5 +1,5 @@
 import { IMAGES, VIEWS } from "../constants/react-native-components.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getElementName from "../utils/get-element-name.js";
 import getLiteralPropertyValue from "../utils/get-literal-property-value.js";
 import getProperty from "../utils/get-property.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-invalid-accessibility-state.js

@@ -1,6 +1,6 @@
 import { ASTUtils, AST_NODE_TYPES, } from "@typescript-eslint/utils";
 import { ACCESSIBILITY_STATE_KEYS } from "../constants/accessibility-state.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getProperty from "../utils/get-property.js";
 /** `{ … } as const` and `{ … } satisfies T` are still that object. */
 const unwrap = (node) => {

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-nested-focus-stops.js

@@ -1,6 +1,6 @@
 import { TOUCHABLES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import getJsxDescendants from "../utils/get-jsx-descendants.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-press-in-activation.js

@@ -1,6 +1,6 @@
 import { TOUCHABLES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import getProperty from "../utils/get-property.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/no-unnamed-interactive.js

@@ -1,7 +1,7 @@
 import { NAME_PROPS } from "../constants/interactive.js";
 import { IMAGES, INPUTS, TEXTS, TOUCHABLES, } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getAmountOfTextChildren from "../utils/get-amount-of-text-children.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/require-invert-colors-opt-out.js

@@ -1,6 +1,6 @@
 import { IMAGES } from "../constants/react-native-components.js";
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import hasProperty from "../utils/has-property.js";

package/dist/plugins/{react-native-a11y → react-native/a11y}/rules/require-modal-a11y-on-sheets.js

@@ -1,5 +1,5 @@
 import schemaProperties from "../constants/schema-properties.js";
-import createRule from "../utils/create-rule.js";
+import createRule from "../../../shared/create-rule.js";
 import getComponents from "../utils/get-components.js";
 import getElementName from "../utils/get-element-name.js";
 import hasProperty from "../utils/has-property.js";

package/dist/plugins/{props-destructuring.d.ts → react-native/index.d.ts}

@@ -1,3 +1,4 @@
 import type { ESLint } from 'eslint';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
 declare const plugin: ESLint.Plugin;
 export default plugin;

package/dist/plugins/react-native/index.js

@@ -0,0 +1,17 @@
+import testIdDefault from './rules/test-id-default.js';
+import testIdFormat from './rules/test-id-format.js';
+import testIdFromProps from './rules/test-id-from-props.js';
+import webviewAllowList from './rules/webview-allow-list.js';
+/** ESLint reads a scoped rule ID up to its last slash as the plugin name. */
+// One object per plugin name: flat config rejects two different objects under the same name.
+const plugin = {
+    meta: { name: '@hypersolid-dev/react-native' },
+    // typescript-eslint's `RuleModule` and ESLint's `Rule.RuleModule` type the same runtime object differently.
+    rules: {
+        'test-id-default': testIdDefault,
+        'test-id-format': testIdFormat,
+        'test-id-from-props': testIdFromProps,
+        'webview-allow-list': webviewAllowList,
+    },
+};
+export default plugin;

package/dist/plugins/{rules → react-native/rules}/test-id-default.js

@@ -1,6 +1,6 @@
 import path from 'node:path';
 import { AST_NODE_TYPES } from '@typescript-eslint/utils';
-import createRule from '../utils/create-rule.js';
+import createRule from '../../shared/create-rule.js';
 /**
  * A component's `testID` prop defaults to the component's own name, kebab-cased.
  *

package/dist/plugins/{rules → react-native/rules}/test-id-format.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from '@typescript-eslint/utils';
-import createRule from '../utils/create-rule.js';
-import { leavesOf } from '../utils/expressions.js';
+import createRule from '../../shared/create-rule.js';
+import { leavesOf } from '../../shared/expressions.js';
 /**
  * A `testID` written out in full is lowercase kebab-case: `crest`,
  * `vote-input`, `top-scorers-card-home-crest`.

package/dist/plugins/{rules → react-native/rules}/test-id-from-props.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES } from '@typescript-eslint/utils';
-import createRule from '../utils/create-rule.js';
-import { leavesOf } from '../utils/expressions.js';
+import createRule from '../../shared/create-rule.js';
+import { leavesOf } from '../../shared/expressions.js';
 /**
  * A component's `testID` comes from its props, never a string it writes itself.
  *

package/dist/plugins/{rules → react-native/rules}/webview-allow-list.js

@@ -1,6 +1,6 @@
 import { AST_NODE_TYPES, TSESLint } from '@typescript-eslint/utils';
-import createRule from '../utils/create-rule.js';
-import { unwrap } from '../utils/expressions.js';
+import createRule from '../../shared/create-rule.js';
+import { unwrap } from '../../shared/expressions.js';
 /**
  * A `react-native-webview` `WebView` sends every navigation through its
  * `onShouldStartLoadWithRequest`, so that handler is the allow-list.

package/dist/react-native.js

@@ -4,9 +4,10 @@ import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescrip
 import { createNodeResolver } from 'eslint-plugin-import-x';
 import globals from 'globals';
 import noSecrets from 'eslint-plugin-no-secrets';
-import reactNativeA11y from './plugins/react-native-a11y/index.js';
+import reactNativeA11y from './plugins/react-native/a11y/index.js';
+import reactNativePlugin from './plugins/react-native/index.js';
 import { CODE_FILES, NUMBER_GLOBAL_RESTRICTIONS, raiseWarnings, REACT_BOOLEAN_NAME_OPTIONS, REACT_RESTRICTED_SYNTAX, reactConfigs, TEST_FILES, } from './shared.js';
-const A11Y = '@hypersolid-dev/react-native-a11y';
+const A11Y = '@hypersolid-dev/react-native/a11y';
 /**
  * Derived instead of hardcoded: the frozen `confusing-browser-globals` list (last released 2021) misses `document`,
  * `localStorage` and `getComputedStyle`, and bans `self`, which React Native defines. `globals` is maintained,
@@ -45,7 +46,7 @@ export default function reactNative() {
             name: '@hypersolid-dev/react-native',
             files: CODE_FILES,
             // eslint-plugin-expo is typed with typescript-eslint's RuleModule, which ESLint's Plugin type does not accept.
-            plugins: { expo: expo, 'no-secrets': noSecrets },
+            plugins: { '@hypersolid-dev/react-native': reactNativePlugin, expo: expo, 'no-secrets': noSecrets },
             settings: {
                 'import-x/resolver-next': [
                     createTypeScriptImportResolver({ extensions: RESOLVE_EXTENSIONS }),
@@ -136,9 +137,9 @@ export default function reactNative() {
                     },
                 ],
                 // `testID` is lowercase kebab-case, so test selectors match exactly. Bad: `testID="Header.Title"`.
-                '@hypersolid-dev/test-id-format': 'error',
+                '@hypersolid-dev/react-native/test-id-format': 'error',
                 // A WebView allows every origin and filters each navigation in `onShouldStartLoadWithRequest`. Bad: `<WebView source={{ uri }} />`.
-                '@hypersolid-dev/webview-allow-list': 'error',
+                '@hypersolid-dev/react-native/webview-allow-list': 'error',
             },
         },
         {
@@ -148,9 +149,9 @@ export default function reactNative() {
             ignores: TEST_FILES,
             rules: {
                 // A component's `testID` comes from its props, so two instances stay apart. Bad: `<View testID="card" />` inside `Card`.
-                '@hypersolid-dev/test-id-from-props': 'error',
+                '@hypersolid-dev/react-native/test-id-from-props': 'error',
                 // The `testID` prop defaults to the component's kebab-case name. Bad: `({ testID }: Props)` in `Card` (use `testID = 'card'`).
-                '@hypersolid-dev/test-id-default': 'error',
+                '@hypersolid-dev/react-native/test-id-default': 'error',
             },
         },
         {
@@ -198,7 +199,7 @@ export default function reactNative() {
             },
         },
         {
-            // React Native accessibility, each rule citing its WCAG criterion. Docs: src/plugins/react-native-a11y/docs.
+            // React Native accessibility, each rule citing its WCAG criterion. Docs: src/plugins/react-native/a11y/docs.
             name: '@hypersolid-dev/react-native/a11y',
             files: CODE_FILES,
             plugins: { [A11Y]: reactNativeA11y },

package/dist/shared.js

@@ -2,7 +2,7 @@ import eslintReact from '@eslint-react/eslint-plugin';
 import reactDoctor from 'eslint-plugin-react-doctor';
 import reactHooks from 'eslint-plugin-react-hooks';
 import unicorn from 'eslint-plugin-unicorn';
-import hypersolid from './plugins/hypersolid.js';
+import reactPlugin from './plugins/react/index.js';
 export const CODE_FILES = ['**/*.{js,mjs,cjs,jsx,ts,mts,cts,tsx}'];
 // Tests, stories, mocks and test setup: each preset relaxes a few rules here that test doubles break by design.
 export const TEST_FILES = [
@@ -79,7 +79,7 @@ export const reactConfigs = () => [
     {
         name: '@hypersolid-dev/react',
         files: CODE_FILES,
-        plugins: { '@hypersolid-dev': hypersolid, unicorn },
+        plugins: { '@hypersolid-dev/react': reactPlugin, unicorn },
         languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } },
         rules: {
             // Off: react-hooks/exhaustive-deps reports it. Bad: `useEffect(() => log(id), [])` reported twice.
@@ -111,7 +111,7 @@ export const reactConfigs = () => [
             // A new context value each render re-renders every consumer. Bad: `<Context value={{ user }}>`.
             '@eslint-react/no-unstable-context-value': 'error',
             // Props are readable from the component's signature; a union props type may keep `props`. Bad: `const Card = (props: Props) => <h1>{props.title}</h1>`.
-            '@hypersolid-dev/props-destructuring': 'error',
+            '@hypersolid-dev/react/props-destructuring': 'error',
             // A boolean reads as a claim; hook and mock names are exempt. Bad: `const visible = true` (use `isVisible`).
             'unicorn/consistent-boolean-name': ['error', REACT_BOOLEAN_NAME_OPTIONS],
             // Base's empty catch and default specifiers, plus compiler opt-outs, hooks inside JSX and `React.useX`. Bad: `style={useAnimatedStyle(…)}`, `React.useState(0)`.
@@ -135,17 +135,17 @@ export const reactConfigs = () => [
             // The same check for effects; plugin 7.1.1 ships it inert, so `environment` turns it on. Bad: `useEffect(() => log(id), [])`.
             'react-hooks/exhaustive-effect-dependencies': ['error', { environment: { validateExhaustiveEffectDependencies: 'all' } }],
             // `{count && <Badge />}` renders `0`, which crashes React Native outside `<Text>`. Bad: `{items.length && <List />}`.
-            '@hypersolid-dev/boolean-guard': 'error',
+            '@hypersolid-dev/react/boolean-guard': 'error',
             // Styled JSX built in a component body is a component without a name. Bad: `const header = <View style={s.header}>…</View>`.
-            '@hypersolid-dev/no-markup-variable': 'error',
+            '@hypersolid-dev/react/no-markup-variable': 'error',
             // A `use*Effect` hook takes its callback first, like `useEffect`. Bad: `useFocusEffect(deps, () => …)`.
-            '@hypersolid-dev/effect-takes-callback': 'error',
+            '@hypersolid-dev/react/effect-takes-callback': 'error',
             // A `useCallback` with empty deps that captures nothing is a module-level function. Bad: `useCallback(() => track('open'), [])`.
-            '@hypersolid-dev/no-unnecessary-use-callback': 'error',
+            '@hypersolid-dev/react/no-unnecessary-use-callback': 'error',
             // A component forwards the event; the caller builds the payload. Bad: `onPress={() => onSelect(item.id)}` inside `Row`.
-            '@hypersolid-dev/no-callback-payload': 'error',
+            '@hypersolid-dev/react/no-callback-payload': 'error',
             // A comment on a type member is JSDoc, the form editors show. Bad: `// The title\ntitle: string` in a props type.
-            '@hypersolid-dev/jsdoc-for-props': 'error',
+            '@hypersolid-dev/react/jsdoc-for-props': 'error',
         },
     },
     {
@@ -214,11 +214,11 @@ export const reactConfigs = () => [
         files: TEST_FILES,
         rules: {
             // Off: tests build markup and callbacks inline by design. Bad: `const tree = <Row />` in a test reported.
-            '@hypersolid-dev/boolean-guard': 'off',
-            '@hypersolid-dev/no-markup-variable': 'off',
-            '@hypersolid-dev/effect-takes-callback': 'off',
-            '@hypersolid-dev/no-unnecessary-use-callback': 'off',
-            '@hypersolid-dev/no-callback-payload': 'off',
+            '@hypersolid-dev/react/boolean-guard': 'off',
+            '@hypersolid-dev/react/no-markup-variable': 'off',
+            '@hypersolid-dev/react/effect-takes-callback': 'off',
+            '@hypersolid-dev/react/no-unnecessary-use-callback': 'off',
+            '@hypersolid-dev/react/no-callback-payload': 'off',
             // Off: a mocked hook keeps the `use` name of the hook it replaces. Bad: `const useUser = () => fakeUser` in a mock.
             '@eslint-react/no-unnecessary-use-prefix': 'off',
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypersolid-dev/eslint-config",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "Shared ESLint flat config for Hypersolid TypeScript projects",
   "license": "MIT",
   "keywords": [

package/dist/plugins/hypersolid.js

@@ -1,38 +0,0 @@
-import propsDestructuring from './props-destructuring.js';
-import booleanGuard from './rules/boolean-guard.js';
-import commentStyle from './rules/comment-style.js';
-import effectTakesCallback from './rules/effect-takes-callback.js';
-import jsdocForProps from './rules/jsdoc-for-props.js';
-import noCallbackPayload from './rules/no-callback-payload.js';
-import noMarkupVariable from './rules/no-markup-variable.js';
-import noUnnecessaryUseCallback from './rules/no-unnecessary-use-callback.js';
-import regexPatternConst from './rules/regex-pattern-const.js';
-import testIdDefault from './rules/test-id-default.js';
-import testIdFormat from './rules/test-id-format.js';
-import testIdFromProps from './rules/test-id-from-props.js';
-import undefinedCheck from './rules/undefined-check.js';
-import webviewAllowList from './rules/webview-allow-list.js';
-// One plugin object for every preset: flat config rejects two different objects under the same plugin name.
-const plugin = {
-    meta: { name: '@hypersolid-dev/eslint-config' },
-    rules: {
-        ...propsDestructuring.rules,
-        // typescript-eslint's `RuleModule` and ESLint's `Rule.RuleModule` type the same runtime object differently.
-        ...Object.fromEntries(Object.entries({
-            'boolean-guard': booleanGuard,
-            'comment-style': commentStyle,
-            'effect-takes-callback': effectTakesCallback,
-            'jsdoc-for-props': jsdocForProps,
-            'no-callback-payload': noCallbackPayload,
-            'no-markup-variable': noMarkupVariable,
-            'no-unnecessary-use-callback': noUnnecessaryUseCallback,
-            'regex-pattern-const': regexPatternConst,
-            'test-id-default': testIdDefault,
-            'test-id-format': testIdFormat,
-            'test-id-from-props': testIdFromProps,
-            'undefined-check': undefinedCheck,
-            'webview-allow-list': webviewAllowList,
-        })),
-    },
-};
-export default plugin;

package/dist/plugins/react-native-a11y/utils/create-rule.js

@@ -1,3 +0,0 @@
-import { ESLintUtils } from "@typescript-eslint/utils";
-const createRule = ESLintUtils.RuleCreator((name) => name);
-export default createRule;

package/dist/plugins/utils/create-rule.d.ts

@@ -1,5 +0,0 @@
-import { ESLintUtils } from "@typescript-eslint/utils";
-declare const createRule: <Options extends readonly unknown[], MessageIds extends string>({ meta, name, ...rule }: Readonly<ESLintUtils.RuleWithMetaAndName<Options, MessageIds, unknown>>) => ESLintUtils.RuleModule<MessageIds, Options, unknown, ESLintUtils.RuleListener> & {
-    name: string;
-};
-export default createRule;