Upgrade Node.js and migrate prettier/stylelint/eslint to Biome

.github/workflows/build.yml

@@ -12,7 +12,7 @@ jobs:
   build:
     uses: yoriiis/actions/.github/workflows/test-and-build.yml@main
     with:
-      node-version: 18
+      node-version: 22
       command-build: |
         npm run release:v3
         npm run release:v2

.github/workflows/lint.yml

@@ -13,4 +13,8 @@ jobs:
   lint:
     uses: yoriiis/actions/.github/workflows/lint.yml@main
     with:
+      node-version: 22
       publint-status: false
+      eslint-status: false
+      stylelint-status: false
+      biome-status: true

.nvmrc

@@ -1 +1 @@
-18.12.0
+lts/jod

abtasty-debugger.code-workspace

@@ -5,7 +5,7 @@
 		}
 	],
 	"settings": {
-		"editor.defaultFormatter": "esbenp.prettier-vscode",
+		"editor.defaultFormatter": "biomejs.biome",
 		"[javascript][typescript][typescriptreact][postcss][html][markdown][json]": {
 			"editor.formatOnSave": true,
 			"editor.tabSize": 4,
@@ -32,15 +32,10 @@
 		"search.exclude": {
 			"**/node_modules": true
 		},
-		"files.eol": "\n",
+		"files.eol": "\n"
 	},
 	"extensions": {
-		"recommendations": [
-			"esbenp.prettier-vscode",
-			"dbaeumer.vscode-eslint",
-			"stylelint.vscode-stylelint",
-			"csstools.postcss"
-		]
+		"recommendations": ["esbenp.prettier-vscode", "biomejs.biome", "csstools.postcss"]
 	},
 	"launch": {
 		"configurations": [

biome.json

@@ -0,0 +1,42 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": ["**/node_modules", "**/coverage", "**/web", "**/lib"]
+	},
+	"formatter": {
+		"enabled": true,
+		"useEditorconfig": true,
+		"formatWithErrors": false,
+		"indentStyle": "tab",
+		"indentWidth": 2,
+		"lineEnding": "lf",
+		"lineWidth": 100,
+		"attributePosition": "auto",
+		"bracketSpacing": true
+	},
+	"organizeImports": { "enabled": true },
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"complexity": { "noForEach": "off" },
+			"suspicious": { "noExplicitAny": "off" },
+			"correctness": { "useJsxKeyInIterable": "off" }
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"jsxQuoteStyle": "double",
+			"quoteProperties": "asNeeded",
+			"trailingCommas": "none",
+			"semicolons": "asNeeded",
+			"arrowParentheses": "always",
+			"bracketSameLine": true,
+			"quoteStyle": "single",
+			"attributePosition": "auto",
+			"bracketSpacing": true
+		}
+	}
+}

config/babel.config.js

@@ -1,4 +1,4 @@
-module.exports = function (api) {
+module.exports = (api) => {
 	api.cache(true)
 
 	const presets = [

config/postcss.config.js

@@ -1,4 +1,4 @@
-const crypto = require('crypto')
+const crypto = require('node:crypto')
 const md5 = (string) => crypto.createHash('md5').update(string).digest('hex')
 
 module.exports = (api) => {
@@ -12,8 +12,7 @@ module.exports = (api) => {
 			[
 				'postcss-custom-properties-transformer',
 				{
-					transformer: ({ property }) =>
-						isProduction ? md5(property).slice(0, 4) : property
+					transformer: ({ property }) => (isProduction ? md5(property).slice(0, 4) : property)
 				}
 			],
 			[

config/webpack.config.js

@@ -1,5 +1,5 @@
-const fs = require('fs')
-const path = require('path')
+const fs = require('node:fs')
+const path = require('node:path')
 const webpack = require('webpack')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const TerserPlugin = require('terser-webpack-plugin')