@switz/eslint-config 12.5.1 → 13.0.0

package/.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "WebFetch(domain:oxc.rs)",
+      "WebSearch"
+    ]
+  }
+}

package/.oxfmtrc.json

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "quoteProps": "consistent"
+}

package/README.md

@@ -46,6 +46,82 @@ export default [...main, ...react, ...tailwind];
 
 You should be able to combine configs just by spreading more into the array.
 
+## Oxlint + Oxfmt (Alternative)
+
+This package also ships oxlint and oxfmt configs as a faster alternative to ESLint + Prettier.
+
+### Setup
+
+Install oxlint and oxfmt, then reference the configs:
+
+```bash
+pnpm install -D oxlint oxfmt
+```
+
+Create an `oxlint.json` in your project root that extends the base config:
+
+```json
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "extends": ["@switz/eslint-config/oxlint"]
+}
+```
+
+For React, add the react config:
+
+```json
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "extends": [
+    "@switz/eslint-config/oxlint",
+    "@switz/eslint-config/oxlint/react"
+  ]
+}
+```
+
+For Tailwind, add the tailwind config:
+
+```json
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "extends": [
+    "@switz/eslint-config/oxlint",
+    "@switz/eslint-config/oxlint/react",
+    "@switz/eslint-config/oxlint/tailwind"
+  ]
+}
+```
+
+Then run:
+
+```bash
+oxlint -c oxlint.json
+```
+
+**Formatting** — copy `.oxfmtrc.json` to your project root:
+
+```bash
+cp node_modules/@switz/eslint-config/.oxfmtrc.json .oxfmtrc.json
+oxfmt .
+```
+
+Add scripts to your `package.json`:
+
+```json
+{
+  "scripts": {
+    "lint:ox": "oxlint -c oxlint.json",
+    "fmt:ox": "oxfmt ."
+  }
+}
+```
+
+### Gaps vs ESLint configs
+
+- **React**: oxlint covers ~20 of 80+ `eslint-plugin-react` rules. Core rules like `jsx-key`, `no-direct-mutation-state`, hooks rules, and `jsx-no-duplicate-props` are covered. Rules like `no-unstable-nested-components`, `no-array-index-key`, `jsx-handler-names` are not.
+- **MDX**: oxfmt formats `.mdx` files, but does not lint embedded code blocks like `eslint-plugin-mdx` does.
+- **TypeScript type-aware rules**: oxlint's type-aware checking is in alpha (~73% coverage of `typescript-eslint` recommended rules).
+
 ## Reference
 
 https://eslint.org/docs/developer-guide/shareable-configs

package/oxlint.json

@@ -0,0 +1,85 @@
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "rules": {
+    "no-console": "warn",
+    "no-var": "error",
+    "no-unused-vars": [
+      "error",
+      {
+        "ignoreRestSiblings": true
+      }
+    ],
+    "prefer-arrow-callback": "error",
+    "no-template-curly-in-string": "error",
+    "prefer-const": [
+      "error",
+      {
+        "destructuring": "all"
+      }
+    ],
+    "no-undef": "error",
+    "no-redeclare": "error",
+    "no-debugger": "error",
+    "no-empty": "error",
+    "no-extra-boolean-cast": "error",
+    "no-irregular-whitespace": "error",
+    "no-loss-of-precision": "error",
+    "no-unsafe-finally": "error",
+    "no-unsafe-negation": "error",
+    "no-constant-condition": "error",
+    "no-dupe-args": "error",
+    "no-dupe-keys": "error",
+    "no-duplicate-case": "error",
+    "no-empty-character-class": "error",
+    "no-ex-assign": "error",
+    "no-func-assign": "error",
+    "no-inner-declarations": "error",
+    "no-invalid-regexp": "error",
+    "no-obj-calls": "error",
+    "no-prototype-builtins": "error",
+    "no-sparse-arrays": "error",
+    "no-unreachable": "error",
+    "use-isnan": "error",
+    "valid-typeof": "error",
+    "no-case-declarations": "error",
+    "no-empty-pattern": "error",
+    "no-fallthrough": "error",
+    "no-global-assign": "error",
+    "no-octal": "error",
+    "no-self-assign": "error",
+    "no-unused-labels": "error",
+    "no-useless-catch": "error",
+    "no-useless-escape": "error",
+    "no-with": "error",
+    "no-delete-var": "error",
+    "no-shadow-restricted-names": "error",
+    "require-yield": "error",
+    "typescript/no-unused-vars": [
+      "error",
+      {
+        "ignoreRestSiblings": true
+      }
+    ],
+    "typescript/no-explicit-any": "warn",
+    "typescript/no-non-null-assertion": "warn",
+    "typescript/ban-ts-comment": "warn",
+    "typescript/no-empty-interface": "error",
+    "typescript/no-extra-non-null-assertion": "error",
+    "typescript/no-misused-new": "error",
+    "typescript/no-namespace": "error",
+    "typescript/no-this-alias": "error",
+    "typescript/no-var-requires": "error",
+    "typescript/prefer-as-const": "error"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.mts", "*.cts"],
+      "rules": {
+        "no-undef": "off",
+        "no-unused-vars": "off",
+        "no-redeclare": "off"
+      }
+    }
+  ],
+  "ignorePatterns": ["node_modules", "dist", "build", ".next"]
+}

package/oxlint.react.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "plugins": ["react", "react-hooks"],
+  "rules": {
+    "react/jsx-key": "error",
+    "react/jsx-no-comment-textnodes": "error",
+    "react/jsx-no-duplicate-props": "error",
+    "react/jsx-no-target-blank": "error",
+    "react/jsx-no-undef": "error",
+    "react/jsx-no-useless-fragment": "warn",
+    "react/no-children-prop": "error",
+    "react/no-danger-with-children": "error",
+    "react/no-direct-mutation-state": "error",
+    "react/no-find-dom-node": "error",
+    "react/no-is-mounted": "error",
+    "react/no-render-return-value": "error",
+    "react/no-string-refs": "error",
+    "react/no-unescaped-entities": "error",
+    "react/no-unknown-property": "error",
+    "react/require-render-return": "error",
+    "react/void-dom-elements-no-children": "error",
+    "react/self-closing-comp": "warn",
+    "react/no-set-state": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "react/display-name": "off"
+  },
+  "settings": {
+    "react": {
+      "runtime": "automatic"
+    }
+  }
+}

package/oxlint.tailwind.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://raw.githubusercontent.com/oxc-project/oxc/main/npm/oxlint/configuration_schema.json",
+  "plugins": ["better-tailwindcss"],
+  "rules": {
+    "better-tailwindcss/no-conflicting-classes": "error",
+    "better-tailwindcss/no-duplicate-classes": "error",
+    "better-tailwindcss/sort-classes": "warn",
+    "better-tailwindcss/no-unnecessary-whitespace": "warn",
+    "better-tailwindcss/enforce-consistent-line-wrapping": [
+      "warn",
+      {
+        "printWidth": 100
+      }
+    ]
+  },
+  "settings": {
+    "better-tailwindcss": {
+      "entryPoint": "src/styles/globals.css"
+    }
+  }
+}

package/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@switz/eslint-config",
-  "version": "12.5.1",
+  "version": "13.0.0",
   "description": "",
   "main": "eslint.config.mjs",
   "type": "module",
+  "exports": {
+    ".": "./eslint.config.mjs",
+    "./react": "./react.mjs",
+    "./tailwind": "./tailwind.mjs",
+    "./mdx": "./mdx.mjs",
+    "./oxlint": "./oxlint.json",
+    "./oxfmt": "./.oxfmtrc.json",
+    "./oxlint/tailwind": "./oxlint.tailwind.json",
+    "./oxlint/react": "./oxlint.react.json"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "eslint-check": "eslint-config-prettier eslint.config.mjs"
@@ -13,6 +23,10 @@
   "peerDependencies": {
     "eslint": ">= 9"
   },
+  "optionalPeerDependencies": {
+    "oxlint": ">= 0.16",
+    "oxfmt": ">= 0.1"
+  },
   "dependencies": {
     "@eslint/js": "^10.0.1",
     "@typescript-eslint/parser": "^8.56.0",

package/tailwind.mjs

@@ -15,7 +15,7 @@ export default defineConfig([
     settings: {
       'better-tailwindcss': {
         // tailwindcss 4: the path to the entry file of the css based tailwind config (eg: `src/global.css`)
-        entryPoint: 'src/styles/global.css',
+        entryPoint: 'src/styles/globals.css',
       },
     },
   },