chore(tooling): prettier and eslint replaced with biome

Author: vitalybaev

.eslintrc.json

@@ -1,4 +1,4 @@
-name: ESLint
+name: Biome
 
 on:
   pull_request:
@@ -22,7 +22,7 @@ jobs:
       - name: Install Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: 18
+          node-version: 20
           cache: pnpm
       - name: Install dependencies
         run: pnpm install --frozen-lockfile --ignore-scripts

.github/workflows/eslint.yml .github/workflows/linter.yml

@@ -0,0 +1,23 @@
+{
+	"search.exclude": {
+		"**/node_modules": true,
+		"**/bower_components": true,
+		"**/*.code-search": true,
+		"**/.git": true,
+		"**/.idea": true,
+		"**/.svn": true,
+		"**/.hg": true,
+		"**/CVS": true,
+		"**/.DS_Store": true,
+		"**/Thumbs.db": true,
+		"coverage/": true,
+		"dist/": true
+	},
+  "editor.codeActionsOnSave":{
+    "source.organizeImports.biome": "explicit",
+    "quickfix.biome": "explicit"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  }
+}

.vscode/settings.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+  "formatter": {
+    "enabled": true,
+    "include": ["src/**"],
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto"
+  },
+  "organizeImports": { "enabled": true },
+  "linter": { "enabled": true, "include": ["src/**"], "rules": { "recommended": true } },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto"
+    }
+  }
+}

biome.json

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import './App.css';
 import 'react-dadata/src/react-dadata.css';
 import { AddressSuggestions } from '../../src/AddressSuggestions';
@@ -11,7 +11,7 @@ function App() {
   }
   return (
     <div className="App">
-      <AddressSuggestions token={DADATA_TOKEN!} selectOnBlur />
+      <AddressSuggestions token={DADATA_TOKEN} selectOnBlur />
     </div>
   );
 }

example/src/App.tsx

@@ -1,11 +1,11 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import './index.css'
-import App from './App'
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
 
 ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
-)
+  document.getElementById('root'),
+);

example/src/main.tsx

@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite';
 import reactRefresh from '@vitejs/plugin-react-refresh';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
   plugins: [reactRefresh()],

example/vite.config.ts

@@ -14,7 +14,7 @@
 		"build:types": "tsc --declaration --emitDeclarationOnly --outDir dist",
 		"build": "NODE_ENV=production run-s clean build:css build:cjs build:esm build:types",
 		"size-build": "npm run build:esm",
-		"test:lint": "eslint src",
+		"test:lint": "biome check src/ example/",
 		"test:size-limit": "npm run build:esm && size-limit",
 		"test": "vitest --coverage"
 	},
@@ -50,6 +50,7 @@
 		"@babel/preset-env": "^7.21.4",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.21.4",
+		"@biomejs/biome": "1.8.3",
 		"@size-limit/preset-small-lib": "^8.0.0",
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^14.0.0",
@@ -59,27 +60,15 @@
 		"@types/react": "^18.2.0",
 		"@types/shallowequal": "^1.1.1",
 		"@types/testing-library__jest-dom": "^5.14.5",
-		"@typescript-eslint/eslint-plugin": "^5.59.0",
-		"@typescript-eslint/parser": "^5.59.0",
 		"@vitest/coverage-v8": "^2.0.5",
 		"core-js": "^3.30.1",
 		"cssnano": "^6.0.0",
-		"eslint": "^8.38.0",
-		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.8.0",
-		"eslint-config-react-app": "^7.0.1",
-		"eslint-import-resolver-typescript": "^3.0.0",
-		"eslint-plugin-import": "^2.27.5",
-		"eslint-plugin-jsx-a11y": "^6.7.1",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-react": "^7.32.2",
 		"jsdom": "^22.0.0",
 		"msw": "^1.0.0",
 		"npm-run-all2": "^5.0.0",
 		"postcss": "^8.4.23",
 		"postcss-cli": "^10.0.0",
 		"postcss-preset-env": "^9.0.0",
-		"prettier": "^2.8.7",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"regenerator-runtime": "^0.13.11",
@@ -118,18 +107,13 @@
 			"limit": "6 KB"
 		}
 	],
-	"eslintIgnore": ["dist/*", "setupTests.ts", "vite.config.ts"],
-	"prettier": {
-		"printWidth": 120,
-		"singleQuote": true,
-		"trailingComma": "all",
-		"tabWidth": 2,
-		"useTabs": false,
-		"semi": true,
-		"bracketSpacing": true
-	},
 	"browserslist": {
-		"production": [">0.2%", "ie 11", "not dead", "not op_mini all"],
+		"production": [
+			">0.2%",
+			"ie 11",
+			"not dead",
+			"not op_mini all"
+		],
 		"development": [
 			"last 1 chrome version",
 			"last 1 firefox version",