feat: migrate to biome

.lintstagedrc

@@ -1,3 +1,5 @@
 {
-    "*.{js,jsx,ts,tsx}": ["npx eslint"]
+    "*.{js,jsx,ts,tsx}": [
+        "npx @biomejs/biome check --no-errors-on-unmatched"
+    ]
 }

.vscode/extensions.json

@@ -1,20 +1,19 @@
 {
     "recommendations": [
+        "biomejs.biome",
         "formulahendry.auto-rename-tag",
         "chouzz.vscode-better-align",
         "aaron-bond.better-comments",
         "streetsidesoftware.code-spell-checker",
         "pranaygp.vscode-css-peek",
         "usernamehw.errorlens",
-        "dbaeumer.vscode-eslint",
         "dsznajder.es7-react-js-snippets",
         "naumovs.color-highlight",
         "github.vscode-pull-request-github",
         "eamodio.gitlens",
         "vincaslt.highlight-matching-tag",
         "oderwat.indent-rainbow",
         "davidanson.vscode-markdownlint",
-        "esbenp.prettier-vscode",
         "gencer.html-slim-scss-css-class-completion",
         "simonsiefke.svg-preview",
         "shardulm94.trailing-spaces",

.vscode/settings.json

@@ -1,24 +1,21 @@
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "biomejs.biome",
     "[typescript]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
+        "editor.defaultFormatter": "biomejs.biome"
     },
     "[typescriptreact]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
+        "editor.defaultFormatter": "biomejs.biome"
     },
     "[json]": {
-        "editor.defaultFormatter": "esbenp.prettier-vscode"
+        "editor.defaultFormatter": "biomejs.biome"
     },
-    "editor.formatOnSave": false,
-    "editor.codeActionsOnSave": [
-        "source.fixAll.eslint"
-    ],
-    "eslint.validate": [
-        "typescript",
-        "typescriptreact"
-    ],
-    "prettier.requireConfig": true,
+    "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.biome": "explicit"
+    },
+    "prettier.enable": false,
+    "eslint.enable": false,
     "[scss]": {
         "editor.defaultFormatter": "vscode.css-language-features"
-    },
+    }
 }

biome.json

@@ -0,0 +1,97 @@
+{
+    "$schema": "https://biomejs.dev/schemas/2.4.11/schema.json",
+    "vcs": {
+        "enabled": true,
+        "clientKind": "git",
+        "useIgnoreFile": true
+    },
+    "files": {
+        "includes": ["src/**/*.{ts,tsx,js,jsx}"]
+    },
+    "formatter": {
+        "enabled": true,
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineWidth": 120
+    },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": true,
+            "correctness": {
+                "noUnusedVariables": "error",
+                "noUndeclaredVariables": "error",
+                "useExhaustiveDependencies": "off",
+                "noConstantMathMinMaxClamp": "error",
+                "noUnusedImports": "error",
+                "noUnusedFunctionParameters": "error"
+            },
+            "style": {
+                "useConst": "error",
+                "useSelfClosingElements": "error",
+                "noNonNullAssertion": "off",
+                "noYodaExpression": "error",
+                "useFragmentSyntax": "error",
+                "useImportType": "off"
+            },
+            "suspicious": {
+                "useAwait": "error",
+                "noConsole": "error",
+                "noShadowRestrictedNames": "error",
+                "noExplicitAny": "off",
+                "noVar": "error",
+                "noArrayIndexKey": "error",
+                "noEvolvingTypes": "error"
+            },
+            "a11y": {
+                "noStaticElementInteractions": "error",
+                "noNoninteractiveElementInteractions": "error",
+                "useKeyWithClickEvents": "error",
+                "useButtonType": "error",
+                "noLabelWithoutControl": "error",
+                "noAutofocus": "off"
+            },
+            "complexity": {
+                "useLiteralKeys": "off"
+            }
+        }
+    },
+    "javascript": {
+        "formatter": {
+            "quoteStyle": "single",
+            "semicolons": "asNeeded",
+            "trailingCommas": "all"
+        }
+    },
+    "assist": {
+        "enabled": true,
+        "actions": {
+            "source": {
+                "organizeImports": {
+                    "level": "on",
+                    "options": {
+                        "groups": [
+                            [
+                                ":URL:",
+                                ":NODE:",
+                                ":BUN:",
+                                ":PACKAGE_WITH_PROTOCOL:",
+                                ":PACKAGE:",
+                                "!@devtron-labs",
+                                "!@devtron-labs/**"
+                            ],
+                            ":BLANK_LINE:",
+                            ["@devtron-labs", "@devtron-labs/**"],
+                            ":BLANK_LINE:",
+                            ["@Images", "@Images/**", "@Shared", "@Shared/**", "@Pages", "@Pages/**"],
+                            ":BLANK_LINE:",
+                            [":PATH:", "!**/*.css", "!**/*.scss"],
+                            ":BLANK_LINE:",
+                            ["**/*.css", "**/*.scss"]
+                        ]
+                    }
+                }
+            }
+        }
+    }
+}