@ethang/eslint-config 24.0.1 → 24.0.2

package/src/config.html.js

@@ -0,0 +1,73 @@
+import html from "@html-eslint/eslint-plugin";
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+
+import { ignores, languageOptions } from "./constants.js";
+
+export default defineConfig({
+  files: ["**/*.html"],
+  ignores,
+  language: "html/html",
+  languageOptions,
+  plugins: {
+    html,
+  },
+  rules: {
+    "html/attrs-newline": "off",
+    "html/element-newline": "off",
+    "html/id-naming-convention": "error",
+    "html/indent": "off",
+    "html/lowercase": "error",
+    "html/max-element-depth": "error",
+    "html/no-abstract-roles": "error",
+    "html/no-accesskey-attrs": "error",
+    "html/no-aria-hidden-body": "error",
+    "html/no-aria-hidden-on-focusable": "error",
+    "html/no-duplicate-attrs": "error",
+    "html/no-duplicate-class": "error",
+    "html/no-duplicate-id": "error",
+    "html/no-duplicate-in-head": "error",
+    "html/no-empty-headings": "error",
+    "html/no-extra-spacing-attrs": "off",
+    "html/no-extra-spacing-text": "error",
+    "html/no-heading-inside-button": "error",
+    "html/no-ineffective-attrs": "error",
+    "html/no-inline-styles": "error",
+    "html/no-invalid-entity": "error",
+    "html/no-invalid-role": "error",
+    "html/no-multiple-empty-lines": "error",
+    "html/no-multiple-h1": "error",
+    "html/no-nested-interactive": "error",
+    "html/no-non-scalable-viewport": "error",
+    "html/no-obsolete-tags": "error",
+    "html/no-positive-tabindex": "error",
+    "html/no-restricted-attr-values": "error",
+    "html/no-restricted-attrs": "error",
+    "html/no-restricted-tags": "error",
+    "html/no-script-style-type": "error",
+    "html/no-skip-heading-levels": "error",
+    "html/no-target-blank": "error",
+    "html/no-trailing-spaces": "error",
+    "html/no-whitespace-only-children": "error",
+    "html/prefer-https": "error",
+    "html/quotes": "error",
+    "html/require-attrs": "error",
+    "html/require-button-type": "error",
+    "html/require-closing-tags": "off",
+    "html/require-doctype": "error",
+    "html/require-explicit-size": "error",
+    "html/require-form-method": "error",
+    "html/require-frame-title": "error",
+    "html/require-img-alt": "error",
+    "html/require-input-label": "error",
+    "html/require-lang": "error",
+    "html/require-li-container": "error",
+    "html/require-meta-charset": "error",
+    "html/require-meta-description": "error",
+    "html/require-meta-viewport": "error",
+    "html/require-open-graph-protocol": "error",
+    "html/require-title": "error",
+    "html/sort-attrs": "error",
+    "html/use-baseline": "error",
+  },
+});

package/src/config.react.js

@@ -0,0 +1,111 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import react from "@eslint-react/eslint-plugin";
+import reactHooks from "eslint-plugin-react-hooks";
+
+export default defineConfig({
+  files: ["**/*.{jsx,tsx}"],
+  ignores,
+  languageOptions,
+  settings: {
+    react: { version: "19.2.3" },
+  },
+  plugins: {
+    react: react,
+    "react-hooks": reactHooks,
+  },
+  rules: {
+    "react/jsx-dollar": "error",
+    "react/jsx-key-before-spread": "error",
+    "react/jsx-no-comment-textnodes": "error",
+    "react/jsx-no-duplicate-props": "error",
+    "react/jsx-no-iife": "error",
+    "react/jsx-no-undef": "error",
+    "react/jsx-shorthand-boolean": "error",
+    "react/jsx-shorthand-fragment": "error",
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/no-access-state-in-setstate": "error",
+    "react/no-array-index-key": "error",
+    "react/no-children-count": "error",
+    "react/no-children-for-each": "error",
+    "react/no-children-map": "error",
+    "react/no-children-only": "error",
+    "react/no-children-prop": "error",
+    "react/no-children-to-array": "error",
+    "react/no-class-component": "error",
+    "react/no-clone-element": "error",
+    "react/no-component-will-mount": "error",
+    "react/no-component-will-receive-props": "error",
+    "react/no-component-will-update": "error",
+    "react/no-context-provider": "error",
+    "react/no-create-ref": "error",
+    "react/no-default-props": "error",
+    "react/no-direct-mutation-state": "error",
+    "react/no-duplicate-key": "error",
+    "react/no-forward-ref": "error",
+    "react/no-implicit-key": "error",
+    "react/no-leaked-conditional-rendering": "error",
+    "react/no-missing-component-display-name": "error",
+    "react/no-missing-context-display-name": "error",
+    "react/no-missing-key": "error",
+    "react/no-misused-capture-owner-stack": "error",
+    "react/no-nested-component-definitions": "error",
+    "react/no-nested-lazy-component-declarations": "error",
+    "react/no-prop-types": "error",
+    "react/no-redundant-should-component-update": "error",
+    "react/no-set-state-in-component-did-mount": "error",
+    "react/no-set-state-in-component-did-update": "error",
+    "react/no-set-state-in-component-will-update": "error",
+    "react/no-string-refs": "error",
+    "react/no-unnecessary-key": "error",
+    "react/no-unnecessary-use-callback": "error",
+    "react/no-unnecessary-use-memo": "error",
+    "react/no-unnecessary-use-prefix": "error",
+    "react/no-unsafe-component-will-mount": "error",
+    "react/no-unsafe-component-will-receive-props": "error",
+    "react/no-unsafe-component-will-update": "error",
+    "react/no-unstable-context-value": "error",
+    "react/no-unstable-default-props": "error",
+    "react/no-unused-class-component-members": "error",
+    "react/no-unused-props": "error",
+    "react/no-unused-state": "error",
+    "react/no-use-context": "error",
+    "react/no-useless-forward-ref": "error",
+    "react/no-useless-fragment": "error",
+    "react/prefer-destructuring-assignment": "error",
+    "react/prefer-namespace-import": "error",
+    "react/prefer-read-only-props": "error",
+    "react/prefer-use-state-lazy-initialization": "error",
+    "react-hooks/automatic-effect-dependencies": "error",
+    "react-hooks/capitalized-calls": "error",
+    "react-hooks/component-hook-factories": "error",
+    "react-hooks/config": "error",
+    "react-hooks/error-boundaries": "error",
+    "react-hooks/exhaustive-deps": "error",
+    "react-hooks/fbt": "error",
+    "react-hooks/fire": "error",
+    "react-hooks/gating": "error",
+    "react-hooks/globals": "error",
+    "react-hooks/hooks": "error",
+    "react-hooks/immutability": "error",
+    "react-hooks/incompatible-library": "error",
+    "react-hooks/invariant": "error",
+    "react-hooks/memoized-effect-dependencies": "error",
+    "react-hooks/no-deriving-state-in-effects": "error",
+    "react-hooks/preserve-manual-memoization": "error",
+    "react-hooks/purity": "error",
+    "react-hooks/refs": "error",
+    "react-hooks/rule-suppression": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/set-state-in-effect": "error",
+    "react-hooks/set-state-in-render": "error",
+    "react-hooks/static-components": "error",
+    "react-hooks/syntax": "error",
+    "react-hooks/todo": "error",
+    "react-hooks/unsupported-syntax": "error",
+    "react-hooks/use-memo": "error",
+    "react-hooks/void-use-memo": "error",
+  },
+});

package/src/config.solid.js

@@ -0,0 +1,34 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import solid from "eslint-plugin-solid";
+
+export default defineConfig({
+  files: ["**/*.{jsx,tsx}"],
+  ignores,
+  languageOptions,
+  plugins: {
+    solid: solid,
+  },
+  rules: {
+    "solid/components-return-once": "error",
+    "solid/event-handlers": "error",
+    "solid/imports": "error",
+    "solid/jsx-no-duplicate-props": "error",
+    "solid/jsx-no-script-url": "error",
+    "solid/jsx-no-undef": "error",
+    "solid/jsx-uses-vars": "error",
+    "solid/no-array-handlers": "error",
+    "solid/no-destructure": "error",
+    "solid/no-innerhtml": "error",
+    "solid/no-proxy-apis": "off",
+    "solid/no-react-deps": "error",
+    "solid/no-react-specific-props": "error",
+    "solid/no-unknown-namespaces": "error",
+    "solid/prefer-for": "error",
+    "solid/prefer-show": "error",
+    "solid/reactivity": "error",
+    "solid/self-closing-comp": "error",
+    "solid/style-prop": "error",
+  },
+});

package/src/config.storybook.js

@@ -0,0 +1,31 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import storybook from "eslint-plugin-storybook";
+
+export default defineConfig({
+  files: ["**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
+  ignores,
+  languageOptions,
+  plugins: {
+    storybook: storybook,
+  },
+  rules: {
+    "storybook/await-interactions": "error",
+    "storybook/context-in-play-function": "error",
+    "storybook/csf-component": "error",
+    "storybook/default-exports": "error",
+    "storybook/hierarchy-separator": "error",
+    "storybook/meta-inline-properties": "error",
+    "storybook/meta-satisfies-type": "error",
+    "storybook/no-redundant-story-name": "error",
+    "storybook/no-renderer-packages": "error",
+    "storybook/no-stories-of": "error",
+    "storybook/no-title-property-in-meta": "error",
+    "storybook/no-uninstalled-addons": "error",
+    "storybook/prefer-pascal-case": "error",
+    "storybook/story-exports": "error",
+    "storybook/use-storybook-expect": "error",
+    "storybook/use-storybook-testing-library": "error",
+  },
+});

package/src/config.tailwind.js

@@ -0,0 +1,28 @@
+// @ts-nocheck
+import { defineConfig } from "eslint/config";
+import { ignores, languageOptions } from "./constants.js";
+import tailwind from "eslint-plugin-tailwindcss";
+
+const config = (/** @type {string} */ pathToConfig) => {
+  return defineConfig({
+    files: ["**/*.{js,ts,jsx,tsx,cjs,cts,mjs,mts}"],
+    ignores,
+    languageOptions,
+    plugins: {
+      tailwind: tailwind,
+    },
+    rules: {
+      "tailwind/classnames-order": "error",
+      "tailwind/enforces-negative-arbitrary-values": "error",
+      "tailwind/enforces-shorthand": "error",
+      "tailwind/migration-from-tailwind-2": "error",
+      "tailwind/no-arbitrary-value": "off",
+      "tailwind/no-contradicting-classname": "error",
+      "tailwind/no-custom-classname": "off",
+      "tailwind/no-unnecessary-arbitrary-value": "error",
+    },
+    settings: { tailwindcss: { config: pathToConfig } },
+  });
+};
+
+export default config;

package/src/constants.js

@@ -0,0 +1,16 @@
+import angularTemplateParser from "@angular-eslint/template-parser";
+import { parser } from "typescript-eslint";
+
+export const ignores = ["eslint.config.js", "node_modules", "dist"];
+
+export const languageOptions = {
+  parser,
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: import.meta.dirname,
+  },
+};
+
+export const angularLanguageOptions = {
+  parser: angularTemplateParser,
+};