startx 0.0.1 → 0.1.1

package/configs/eslint-config/src/configs/base.ts

@@ -1,5 +1,8 @@
-import js from "@eslint/js";
 import { fixupPluginRules } from "@eslint/compat";
+import js from "@eslint/js";
+import stylisticPlugin from "@stylistic/eslint-plugin";
+import { defineConfig } from "eslint/config";
+import eslintConfigPrettier from "eslint-config-prettier";
 import { createTypeScriptImportResolver } from "eslint-import-resolver-typescript";
 import importPlugin from "eslint-plugin-import-x";
 import lodashPlugin from "eslint-plugin-lodash";
@@ -9,229 +12,186 @@ import unicornPlugin from "eslint-plugin-unicorn";
 import unusedImportsPlugin from "eslint-plugin-unused-imports";
 import globals from "globals";
 import tseslint from "typescript-eslint";
-import stylisticPlugin from "@stylistic/eslint-plugin";
-import eslintConfigPrettier from "eslint-config-prettier";
-import { localRulesPlugin } from "../plugin.js"; // Assuming this exists
-
-export const baseConfig = tseslint.config(
-  {
-    ignores: [
-      "**/node_modules/**",
-      "**/dist/**",
-      "**/build/**",
-      "**/.next/**",
-      "eslint.config.mjs",
-      "tsup.config.ts",
-      "jest.config.js",
-      "cypress.config.js",
-      "vite.config.ts",
-      "vitest.config.ts",
+import { localRulesPlugin } from "../plugin.js";
+
+export const baseConfig = defineConfig(
+	// 1. Global Ignores
+	{
+		ignores: [
+			"**/node_modules/**",
+			"**/dist/**",
+			"**/build/**",
+			"**/.next/**",
+			"eslint.config.ts",
+			"tsup.config.ts",
+			"jest.config.js",
+			"cypress.config.js",
+			"vite.config.ts",
+			"vitest.config.ts",
 			"tsdown.config.ts",
-    ],
-  },
-
-  // 2. Base Configurations (Order matters)
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  ...tseslint.configs.recommendedTypeChecked,
-  importPlugin.flatConfigs.recommended,
-  importPlugin.flatConfigs.typescript,
-
-  // 3. Main Configuration (Node, Express, Shared Logic)
-  {
-    plugins: {
-      // Compatibility fixups for plugins not yet strictly flat-config ready
-      "unused-imports": fixupPluginRules(unusedImportsPlugin),
-      "react-hooks": fixupPluginRules(reactHooksPlugin as any),
-      lodash: fixupPluginRules(lodashPlugin),
-
-      "@stylistic": stylisticPlugin as any,
-      unicorn: unicornPlugin,
-      react: reactPlugin,
-    },
-    languageOptions: {
-      ecmaVersion: 2022,
-      sourceType: "module",
-      // Combine globals for Monorepo (Node + Browser)
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-        ...globals.es2021,
-      },
-      parserOptions: {
-        projectService: true, // Faster than 'project: true' for monorepos
-        tsconfigRootDir: import.meta.dirname,
-      },
-    },
-    settings: {
-      "import-x/resolver-next": [createTypeScriptImportResolver()],
-      react: {
-        version: "detect",
-      },
-    },
-    rules: {
-      // ******************************************************************
-      //                     Core Rules
-      // ******************************************************************
-      "no-void": ["error", { allowAsStatement: true }],
-      "no-constant-binary-expression": "error",
-      "no-console": ["warn", { allow: ["warn", "error"] }],
-      eqeqeq: "error",
-      "object-shorthand": "error",
-      "prefer-const": "error",
-
-      // ID Denylist
-      "id-denylist": [
-        "error",
-        "err",
-        "cb",
-        "callback",
-        "any",
-        "Number",
-        "number",
-        "String",
-        "string",
-        "Boolean",
-        "boolean",
-        "Undefined",
-        "undefined",
-      ],
-
-      // ******************************************************************
-      //                     TypeScript
-      // ******************************************************************
-      "@typescript-eslint/array-type": ["error", { default: "array-simple" }],
-      "@typescript-eslint/await-thenable": "error",
-      "@typescript-eslint/consistent-type-assertions": "error",
-      "@typescript-eslint/consistent-type-imports": "error",
-      "@typescript-eslint/consistent-type-exports": "error",
-      "@typescript-eslint/no-floating-promises": [
-        "error",
-        { ignoreVoid: true },
-      ],
-      "@typescript-eslint/no-misused-promises": [
-        "error",
-        { checksVoidReturn: false },
-      ],
-      "@typescript-eslint/only-throw-error": "error",
-      "@typescript-eslint/return-await": ["error", "always"],
-      "@typescript-eslint/explicit-member-accessibility": [
-        "error",
-        { accessibility: "no-public" },
-      ],
-      "@typescript-eslint/naming-convention": [
-        "error",
-        {
-          selector: "default",
-          format: ["camelCase"],
-        },
-        {
-          selector: "import",
-          format: ["camelCase", "PascalCase"],
-        },
-        {
-          selector: "variable",
-          format: ["camelCase", "snake_case", "UPPER_CASE", "PascalCase"],
-          leadingUnderscore: "allowSingleOrDouble",
-          trailingUnderscore: "allowSingleOrDouble",
-        },
-        {
-          selector: "typeLike",
-          format: ["PascalCase"],
-        },
-        {
-          selector: "enumMember",
-          format: ["UPPER_CASE", "PascalCase"],
-        },
-      ],
-      "@typescript-eslint/no-restricted-types": [
-        "error",
-        {
-          types: {
-            Object: { message: "Use object instead", fixWith: "object" },
-            String: { message: "Use string instead", fixWith: "string" },
-            Boolean: { message: "Use boolean instead", fixWith: "boolean" },
-            Number: { message: "Use number instead", fixWith: "number" },
-            Symbol: { message: "Use symbol instead", fixWith: "symbol" },
-            Function: {
-              message:
-                "The `Function` type accepts any function-like value. Define the explicit function shape.",
-            },
-          },
-        },
-      ],
-
-      // ******************************************************************
-      //                     Stylistic
-      // ******************************************************************
-      "@stylistic/member-delimiter-style": [
-        "error",
-        {
-          multiline: { delimiter: "semi", requireLast: true },
-          singleline: { delimiter: "semi", requireLast: false },
-        },
-      ],
-
-      // ******************************************************************
-      //                     Import X
-      // ******************************************************************
-      "import-x/no-cycle": ["error", { ignoreExternal: false, maxDepth: 3 }],
-      "import-x/no-default-export": "warn",
-      "import-x/no-duplicates": "error",
-      "import-x/order": [
-        "error",
-        {
-          alphabetize: { order: "asc", caseInsensitive: true },
-          groups: [
-            ["builtin", "external"],
-            "internal",
-            ["parent", "index", "sibling"],
-            "object",
-          ],
-          "newlines-between": "always",
-        },
-      ],
-
-      // ******************************************************************
-      //                     Plugins
-      // ******************************************************************
-      "unused-imports/no-unused-imports":
-        process.env.NODE_ENV === "development" ? "warn" : "error",
-
-      "unicorn/no-unnecessary-await": "error",
-      "unicorn/no-useless-promise-resolve-reject": "error",
-
-      "lodash/path-style": ["error", "as-needed"],
-      "lodash/import-scope": ["error", "method"],
-    },
-  },
-
-  // 4. React Specific Overrides (Only for .tsx / .jsx files)
-  {
-    files: ["**/*.tsx", "**/*.jsx"],
-    ...reactPlugin.configs.flat.recommended,
-    ...reactPlugin.configs.flat["jsx-runtime"],
-    rules: {
-      ...reactHooksPlugin.configs.recommended.rules,
-      "react/prop-types": "off", // Not needed with TypeScript
-      "react/react-in-jsx-scope": "off", // Not needed in modern React
-      "react/jsx-no-leaked-render": "error", // Security/Perf rule
-    },
-  },
-
-  // 5. Test Overrides
-  {
-    files: ["test/**/*.ts", "**/__tests__/*.ts", "**/*.test.ts", "**/*.cy.ts"],
-    rules: {
-      "local-rules/no-plain-errors": "off",
-      "@typescript-eslint/unbound-method": "off",
-      "import-x/no-default-export": "off", // Tests often need default export for config or simply don't care
-    },
-  },
-
-  // 6. Local Rules
-  localRulesPlugin.configs.recommended,
-
-  // 7. Prettier (Must be last to override stylistic rules)
-  eslintConfigPrettier
+		],
+	},
+
+	// 2. Base Configurations
+	js.configs.recommended,
+	...tseslint.configs.recommended,
+	...tseslint.configs.recommendedTypeChecked,
+	importPlugin.flatConfigs.recommended as any,
+	importPlugin.flatConfigs.typescript as any,
+
+	// 3. Main Configuration
+	{
+		plugins: {
+			"unused-imports": fixupPluginRules(unusedImportsPlugin),
+			"react-hooks": fixupPluginRules(reactHooksPlugin as any),
+			lodash: fixupPluginRules(lodashPlugin),
+			"@stylistic": stylisticPlugin as any,
+			unicorn: unicornPlugin,
+			react: reactPlugin,
+		},
+		languageOptions: {
+			ecmaVersion: 2022,
+			sourceType: "module",
+			globals: {
+				...globals.browser,
+				...globals.node,
+				...globals.es2021,
+			},
+			parserOptions: {
+				projectService: true,
+				tsconfigRootDir: import.meta.dirname,
+			},
+		},
+		settings: {
+			"import-x/resolver-next": [createTypeScriptImportResolver()],
+			react: {
+				version: "detect",
+			},
+		},
+		rules: {
+			// Core Rules
+			"no-void": ["error", { allowAsStatement: true }],
+			"no-constant-binary-expression": "error",
+			"no-console": ["warn", { allow: ["warn", "error"] }],
+			eqeqeq: "warn",
+			"object-shorthand": "warn",
+			"prefer-const": "warn",
+
+			"id-denylist": "off",
+			"import-x/no-named-as-default": "off",
+
+			// TypeScript
+			"@typescript-eslint/await-thenable": "error",
+			"@typescript-eslint/no-floating-promises": ["error", { ignoreVoid: true }],
+			"@typescript-eslint/no-misused-promises": ["error", { checksVoidReturn: false }],
+			"@typescript-eslint/only-throw-error": "error",
+			"@typescript-eslint/no-explicit-any": "warn",
+			"@typescript-eslint/no-unsafe-assignment": "warn",
+			"@typescript-eslint/no-unsafe-argument": "warn",
+			"@typescript-eslint/no-unsafe-call": "warn",
+			"@typescript-eslint/no-unsafe-return": "off",
+			"@typescript-eslint/no-unsafe-member-access": ["error", { "allowOptionalChaining": true }],
+			"@typescript-eslint/array-type": ["warn", { default: "array-simple" }],
+			"@typescript-eslint/consistent-type-assertions": "warn",
+			"@typescript-eslint/consistent-type-imports": "warn",
+			"@typescript-eslint/consistent-type-exports": "warn",
+			"@typescript-eslint/return-await": ["warn", "always"],
+
+			"@typescript-eslint/explicit-member-accessibility": "off",
+
+			"@typescript-eslint/naming-convention": [
+				"warn",
+				{ selector: "default", format: ["camelCase"] },
+
+				{ selector: "import", format: ["camelCase", "PascalCase"] },
+
+				{
+					selector: "variable",
+					format: ["camelCase", "snake_case", "UPPER_CASE", "PascalCase"],
+					leadingUnderscore: "allowSingleOrDouble",
+					trailingUnderscore: "allowSingleOrDouble",
+				},
+
+				{
+					selector: "parameter",
+					format: ["camelCase"],
+					leadingUnderscore: "allowSingleOrDouble",
+				},
+
+				{ selector: "typeLike", format: ["PascalCase"] },
+				{ selector: "enumMember", format: ["UPPER_CASE", "PascalCase"] },
+			],
+			"@typescript-eslint/no-restricted-types": [
+				"warn",
+				{
+					types: {
+						Object: { message: "Use object instead", fixWith: "object" },
+						String: { message: "Use string instead", fixWith: "string" },
+						Boolean: { message: "Use boolean instead", fixWith: "boolean" },
+						Number: { message: "Use number instead", fixWith: "number" },
+						Symbol: { message: "Use symbol instead", fixWith: "symbol" },
+					},
+				},
+			],
+			"@typescript-eslint/no-unused-vars": "warn",
+			"@typescript-eslint/no-empty-object-type": "warn",
+			// Stylistic
+			"@stylistic/member-delimiter-style": [
+				"warn",
+				{
+					multiline: { delimiter: "semi", requireLast: true },
+					singleline: { delimiter: "semi", requireLast: false },
+				},
+			],
+
+			"import-x/no-cycle": "off",
+			"import-x/no-default-export": "off",
+
+			"import-x/no-duplicates": "warn",
+			"import-x/order": [
+				"warn",
+				{
+					alphabetize: { order: "asc", caseInsensitive: true },
+					groups: [["builtin", "external"], "internal", ["parent", "index", "sibling"], "object"],
+					"newlines-between": "always",
+				},
+			],
+
+			// Plugins
+			"unused-imports/no-unused-imports": "warn",
+			"unicorn/no-unnecessary-await": "warn",
+			"unicorn/no-useless-promise-resolve-reject": "warn",
+			"lodash/path-style": ["warn", "as-needed"],
+			"lodash/import-scope": ["warn", "method"],
+		},
+	},
+
+	// 4. React Specific Overrides
+	{
+		files: ["**/*.tsx", "**/*.jsx"],
+		...reactPlugin.configs.flat.recommended,
+		...reactPlugin.configs.flat["jsx-runtime"],
+		rules: {
+			...reactHooksPlugin.configs.recommended.rules,
+			"react/prop-types": "off",
+			"react/react-in-jsx-scope": "off",
+			"react/jsx-no-leaked-render": "error", // Security/Perf rule (Keep as error)
+		},
+	},
+
+	// 5. Test Overrides
+	{
+		files: ["test/**/*.ts", "**/__tests__/*.ts", "**/*.test.ts", "**/*.cy.ts"],
+		rules: {
+			"local-rules/no-plain-errors": "off",
+			"@typescript-eslint/unbound-method": "off",
+			"import-x/no-default-export": "off",
+		},
+	},
+
+	// 6. Local Rules
+	localRulesPlugin.configs.recommended,
+
+	// 7. Prettier (Must be last to cleanly override stylistic rules)
+	eslintConfigPrettier
 );

package/configs/eslint-config/src/configs/extend.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from "eslint/config";
+
+export const extend = defineConfig;

package/configs/eslint-config/src/configs/frontend.ts

@@ -1,62 +1,87 @@
 import { fixupPluginRules } from "@eslint/compat";
-import { baseConfig } from "./base.js";
+import { defineConfig } from "eslint/config";
 import jsxA11yPlugin from "eslint-plugin-jsx-a11y";
 import reactPlugin from "eslint-plugin-react";
 import reactHooksPlugin from "eslint-plugin-react-hooks";
 import globals from "globals";
-import tseslint from "typescript-eslint";
-
-export const frontendConfig = tseslint.config(
-  ...baseConfig,
-
-  {
-    ignores: [
-      "**/dist/**",
-      "**/coverage/**",
-      "**/storybook-static/**",
-      "**/*.snap",
-      "**/*.d.ts",
-      "vite.config.ts",
-    ],
-  },
-
-  {
-    files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.serviceworker,
-      },
-    },
-    settings: {
-      react: {
-        version: "detect",
-      },
-    },
-  },
-  reactPlugin.configs.flat.recommended,
-  reactPlugin.configs.flat["jsx-runtime"],
-
-  {
-    files: ["**/*.tsx", "**/*.jsx"],
-    plugins: {
-      "react-hooks": fixupPluginRules(reactHooksPlugin as any),
-      "jsx-a11y": fixupPluginRules(jsxA11yPlugin),
-    },
-    rules: {
-      ...reactHooksPlugin.configs.recommended.rules,
-      ...jsxA11yPlugin.configs.recommended.rules,
-
-      // --- React Hooks Specifics ---
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "warn",
-
-      // --- Accessibility Specifics ---
-      "jsx-a11y/no-autofocus": "warn",
-      "jsx-a11y/click-events-have-key-events": "warn",
-      "jsx-a11y/no-static-element-interactions": "warn",
-      // Disable legacy rule that conflicts with modern HTML5
-      "jsx-a11y/no-onchange": "off",
-    },
-  }
+import { baseConfig } from "./base.js";
+export const frontendConfig = defineConfig(
+	...baseConfig,
+
+	// 1. Frontend Ignores
+	{
+		ignores: [
+			"**/dist/**",
+			"**/coverage/**",
+			"**/storybook-static/**",
+			"**/*.snap",
+			"**/*.d.ts",
+			"vite.config.ts",
+		],
+	},
+
+	// 2. Browser/React Globals & Settings
+	{
+		files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.serviceworker,
+			},
+		},
+		settings: {
+			react: {
+				version: "detect",
+			},
+		},
+	},
+
+	// 3. React Recommended Configs
+	reactPlugin.configs.flat.recommended,
+	reactPlugin.configs.flat["jsx-runtime"],
+
+	// 4. React, Hooks, and Accessibility Rules
+	{
+		files: ["**/*.tsx", "**/*.jsx"],
+		plugins: {
+			"react-hooks": fixupPluginRules(reactHooksPlugin as any),
+			"jsx-a11y": fixupPluginRules(jsxA11yPlugin),
+		},
+		rules: {
+			...reactHooksPlugin.configs.recommended.rules,
+			...jsxA11yPlugin.configs.recommended.rules,
+
+			// --- Naming Convention Override for React ---
+			"@typescript-eslint/naming-convention": [
+				"warn",
+				{ selector: "default", format: ["camelCase"] },
+				{ selector: "function", format: ["camelCase", "PascalCase"] },
+				{ selector: "import", format: ["camelCase", "PascalCase"] },
+				{
+					selector: "variable",
+					format: ["camelCase", "snake_case", "UPPER_CASE", "PascalCase"],
+					leadingUnderscore: "allowSingleOrDouble",
+					trailingUnderscore: "allowSingleOrDouble",
+				},
+				{ selector: "typeLike", format: ["PascalCase"] },
+				{ selector: "enumMember", format: ["UPPER_CASE", "PascalCase"] },
+			],
+
+			// --- React Specifics ---
+			"react/prop-types": "off",
+			"react/display-name": "warn",
+			"react/no-unescaped-entities": "warn",
+
+			// --- React Hooks Specifics ---
+			"react-hooks/rules-of-hooks": "error",
+			"react-hooks/exhaustive-deps": "warn",
+
+			// --- Accessibility (a11y) Specifics ---
+			"jsx-a11y/no-autofocus": "warn",
+			"jsx-a11y/click-events-have-key-events": "warn",
+			"jsx-a11y/no-static-element-interactions": "warn",
+			"jsx-a11y/anchor-is-valid": "warn",
+			"jsx-a11y/no-onchange": "off",
+		},
+	}
 );

package/configs/eslint-config/src/configs/node.ts

@@ -1,10 +1,10 @@
+import { defineConfig } from "eslint/config";
 import globals from "globals";
-import tseslint from "typescript-eslint";
 import { baseConfig } from "./base.js";
 
-export const nodeConfig = tseslint.config(baseConfig, {
-  languageOptions: {
-    ecmaVersion: 2024,
-    globals: globals.node,
-  },
+export const nodeConfig = defineConfig(baseConfig, {
+	languageOptions: {
+		ecmaVersion: 2024,
+		globals: globals.node,
+	},
 });

package/configs/eslint-config/src/plugin.ts

@@ -1,5 +1,6 @@
 import type { ESLint } from "eslint";
 import { rules } from "./rules/index.js";
+
 const plugin = {
 	configs: {},
 	// @ts-expect-error Rules type does not match for typescript-eslint and eslint

package/configs/eslint-config/src/rules/index.ts

@@ -1,17 +1,15 @@
+import type { AnyRuleModule } from "@typescript-eslint/utils/ts-eslint";
+import { NoArgumentSpreadRule } from "./no-argument-spread.js";
+import { NoInternalPackageImportRule } from "./no-internal-package-import.js";
+import { NoInterpolationInRegularStringRule } from "./no-interpolation-in-regular-string.js";
 import { NoJsonParseJsonStringifyRule } from "./no-json-parse-json-stringify.js";
-import { NoUncaughtJsonParseRule } from "./no-uncaught-json-parse.js";
-import { NoUnusedParamInCatchClauseRule } from "./no-unused-param-catch-clause.js";
-import { NoUselessCatchThrowRule } from "./no-useless-catch-throw.js";
 import { NoSkippedTestsRule } from "./no-skipped-tests.js";
-import { NoInterpolationInRegularStringRule } from "./no-interpolation-in-regular-string.js";
-import { NoPlainErrorsRule } from "./no-plain-errors.js";
-import { NoDynamicImportTemplateRule } from "./no-dynamic-import-template.js";
+import { NoTopLevelRelativeImportsInBackendModuleRule } from "./no-top-level-relative-imports-in-backend-module.js";
 import { NoTypeUnsafeEventEmitterRule } from "./no-type-unsafe-event-emitter.js";
+import { NoUncaughtJsonParseRule } from "./no-uncaught-json-parse.js";
 import { NoUntypedConfigClassFieldRule } from "./no-untyped-config-class-field.js";
-import { NoTopLevelRelativeImportsInBackendModuleRule } from "./no-top-level-relative-imports-in-backend-module.js";
-import type { AnyRuleModule } from "@typescript-eslint/utils/ts-eslint";
-import { NoArgumentSpreadRule } from "./no-argument-spread.js";
-import { NoInternalPackageImportRule } from "./no-internal-package-import.js";
+import { NoUnusedParamInCatchClauseRule } from "./no-unused-param-catch-clause.js";
+import { NoUselessCatchThrowRule } from "./no-useless-catch-throw.js";
 
 export const rules = {
 	"no-uncaught-json-parse": NoUncaughtJsonParseRule,
@@ -20,8 +18,6 @@ export const rules = {
 	"no-useless-catch-throw": NoUselessCatchThrowRule,
 	"no-skipped-tests": NoSkippedTestsRule,
 	"no-interpolation-in-regular-string": NoInterpolationInRegularStringRule,
-	"no-plain-errors": NoPlainErrorsRule,
-	"no-dynamic-import-template": NoDynamicImportTemplateRule,
 	"no-type-unsafe-event-emitter": NoTypeUnsafeEventEmitterRule,
 	"no-untyped-config-class-field": NoUntypedConfigClassFieldRule,
 	"no-top-level-relative-imports-in-backend-module": NoTopLevelRelativeImportsInBackendModuleRule,