chore: migrate Prettier/ESLint to Biome (#520)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Refactor**
- Transitioned various packages from using ESLint to `biome` for
linting.
- **Chore**
	- Updated development dependencies and workspaces configuration.
- **Code Style**
- Standardized and improved formatting across multiple configuration
files and components for better consistency.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

.release-please-manifest.json

@@ -1,5 +1,4 @@
 {
-	"packages/eslint-plugin-client": "1.0.2",
 	"packages/ui-components": "5.18.1",
 	"packages/ui-hooks": "2.2.0",
 	"packages/ui-system": "1.3.0",

biome.json

@@ -0,0 +1,4 @@
+{
+	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+	"extends": ["node_modules/@versini/dev-dependencies-common/biome.json"]
+}

configuration/lint-staged.config.cjs

@@ -1,8 +1,5 @@
 /* eslint-disable no-undef */
 
 module.exports = {
-	"*.{ts,js,tsx,jsx}": [
-		"eslint --ext ts,tsx --report-unused-disable-directives --fix",
-		"prettier --write",
-	],
+	"*.{ts,js,tsx,jsx}": ["biome check --apply --no-errors-on-unmatched"],
 };

examples/with-vite/package.json

@@ -7,7 +7,7 @@
 		"clean": "rimraf dist",
 		"dev": "nodemon",
 		"build": "tsc && vite build",
-		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+		"lint": "biome lint src",
 		"start": "vite"
 	},
 	"dependencies": {

examples/with-vite/tsconfig.json

@@ -1,25 +1,25 @@
 {
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
+	"compilerOptions": {
+		"target": "ES2020",
+		"useDefineForClassFields": true,
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"module": "ESNext",
+		"skipLibCheck": true,
 
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
+		/* Bundler mode */
+		"moduleResolution": "bundler",
+		"allowImportingTsExtensions": true,
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"noEmit": true,
+		"jsx": "react-jsx",
 
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+		/* Linting */
+		"strict": true,
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"noFallthroughCasesInSwitch": true
+	},
+	"include": ["src"],
+	"references": [{ "path": "./tsconfig.node.json" }]
 }

examples/with-vite/tsconfig.node.json

@@ -1,11 +1,11 @@
 {
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
+	"compilerOptions": {
+		"composite": true,
+		"skipLibCheck": true,
+		"module": "ESNext",
+		"moduleResolution": "bundler",
+		"allowSyntheticDefaultImports": true,
+		"strict": true
+	},
+	"include": ["vite.config.ts"]
 }

examples/with-webpack/package.json

@@ -7,7 +7,7 @@
 		"build:js": "webpack --mode=production",
 		"build": "npm run clean && npm run build:js",
 		"dev": "nodemon",
-		"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+		"lint": "biome lint src",
 		"start": "webpack serve --mode=development"
 	},
 	"dependencies": {

package.json

@@ -1,9 +1,7 @@
 {
 	"name": "root",
 	"private": true,
-	"workspaces": [
-		"packages/*"
-	],
+	"workspaces": ["packages/*"],
 	"scripts": {
 		"clean": "lerna run clean",
 		"build": "lerna run build",
@@ -15,9 +13,8 @@
 	},
 	"devDependencies": {
 		"@node-cli/bundlesize": "4.0.2",
-		"@versini/dev-dependencies-client": "4.1.20",
-		"@versini/dev-dependencies-types": "1.1.10",
-		"@versini/eslint-plugin-client": "workspace:./packages/eslint-plugin-client"
+		"@versini/dev-dependencies-client": "4.1.21",
+		"@versini/dev-dependencies-types": "1.1.11"
 	},
 	"packageManager": "[email protected]+sha256.01c01eeb990e379b31ef19c03e9d06a14afa5250b82e81303f88721c99ff2e6f"
 }

packages/documentation/.ladle/components.tsx

@@ -19,8 +19,8 @@ const renderImportLine = ({
 	header?: string;
 }) => {
 	let variant: "information" | "warning" | "success", releaseTag;
-	let packageName = importPackage || "ui-components";
-	let titleHeader = header || importName;
+	const packageName = importPackage || "ui-components";
+	const titleHeader = header || importName;
 
 	switch (stage) {
 		case "beta":

packages/documentation/package.json

@@ -11,7 +11,7 @@
 		"build": "npm-run-all --serial clean build:docs",
 		"clean": "rimraf dist",
 		"dev": "nodemon",
-		"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix --color",
+		"lint": "biome lint src",
 		"start": "ladle serve --noWatch",
 		"test:coverage": "echo \"WARNING: no test specified\" && exit 0",
 		"test": "echo \"WARNING: no test specified\" && exit 0"

packages/documentation/src/GettingStarted/1-overview.stories.tsx

@@ -1,4 +1,4 @@
-import { linkTo, Story } from "@ladle/react";
+import { Story, linkTo } from "@ladle/react";
 import { ButtonIcon } from "@versini/ui-components";
 import { IconNext } from "@versini/ui-icons";
 import { Flexgrid, FlexgridItem } from "@versini/ui-system";

packages/documentation/src/GettingStarted/2-Installation.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
-import { linkTo, Story } from "@ladle/react";
+import { Story, linkTo } from "@ladle/react";
 import {
 	ButtonIcon,
 	Table,
@@ -16,7 +16,6 @@ import { Highlight, Prism, themes } from "prism-react-renderer";
 export default {
 	title: "Getting Started",
 };
-
 (typeof global !== "undefined" ? global : window).Prism = Prism;
 // @ts-ignore
 await import("prismjs/components/prism-bash");

packages/documentation/src/GettingStarted/3-configuration.stories.tsx

@@ -1,4 +1,4 @@
-import { linkTo, Story } from "@ladle/react";
+import { Story, linkTo } from "@ladle/react";
 import { ButtonIcon } from "@versini/ui-components";
 import { IconNext, IconPrevious } from "@versini/ui-icons";
 import { Flexgrid, FlexgridItem } from "@versini/ui-system";

packages/documentation/src/GettingStarted/4-usage.stories.tsx

@@ -1,4 +1,4 @@
-import { linkTo, Story } from "@ladle/react";
+import { Story, linkTo } from "@ladle/react";
 import { Button, ButtonIcon, Card } from "@versini/ui-components";
 import { IconNext, IconPrevious } from "@versini/ui-icons";
 import { Flexgrid, FlexgridItem } from "@versini/ui-system";

packages/documentation/src/GettingStarted/5-alpha-beta.stories.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unescaped-entities */
 
-import { linkTo, Story } from "@ladle/react";
+import { Story, linkTo } from "@ladle/react";
 import { ButtonIcon, Pill } from "@versini/ui-components";
 import { IconNext, IconPrevious } from "@versini/ui-icons";
 import { Flexgrid, FlexgridItem } from "@versini/ui-system";

packages/documentation/src/Icons/Icons.stories.tsx

@@ -1,4 +1,5 @@
-import type { Story } from "@ladle/react";
+import * as AllIcons from "@versini/ui-icons";
+
 import {
 	Card,
 	Table,
@@ -7,7 +8,8 @@ import {
 	TableHead,
 	TableRow,
 } from "@versini/ui-components";
-import * as AllIcons from "@versini/ui-icons";
+
+import type { Story } from "@ladle/react";
 
 export default {
 	title: "Icons",
@@ -34,6 +36,7 @@ export const Basic: Story<any> = (args) => (
 
 			<TableBody>
 				{Object.entries(AllIcons).map(([name, Icon]) => {
+					// biome-ignore lint/correctness/useJsxKeyInIterable:
 					return name !== "IconDog" ? (
 						<TableRow key={name}>
 							<TableCell>{name}</TableCell>

packages/documentation/src/Styles/QuickStart.stories.tsx

@@ -4,7 +4,6 @@ import { Story } from "@ladle/react";
 import { Highlight, Prism, themes } from "prism-react-renderer";
 
 export default { title: "Styles" };
-
 (typeof global !== "undefined" ? global : window).Prism = Prism;
 // @ts-ignore
 await import("prismjs/components/prism-bash");