build: use biome, pnpm

.eslintrc

@@ -3,5 +3,5 @@
   "env": {
     "node": true
   },
-  "extends": ["@ctrl/eslint-config"]
+  "extends": ["@ctrl/eslint-config-react-biome"]
 }

.github/workflows/ci.yml

@@ -11,17 +11,27 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
-      - run: npm ci
+          cache: "pnpm"
+
+      - name: install
+        run: pnpm install
+
       - name: lint
-        run: npm run lint
+        run: pnpm run lint
+
       - name: test
-        run: npm run test:ci
+        run: pnpm run test:ci
+
       - name: coverage
-        uses: codecov/codecov-action@v3
+        uses: codecov/codecov-action@v4
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
 
@@ -38,11 +48,19 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v3
+
+      - uses: pnpm/action-setup@v3
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: 'npm'
-      - run: npm ci
+          cache: "pnpm"
+
+      - name: install
+        run: pnpm install
+
       - name: release
         run: npx semantic-release
         env:

.gitignore

@@ -30,6 +30,7 @@ jspm_packages
 .node_repl_history
 .vscode/*
 !.vscode/launch.json
+!.vscode/settings.json
 
 # build
 build

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "editor.defaultFormatter": "biomejs.biome",
+  "[javascript][typescript][javascriptreact][typescriptreact]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "biomejs.biome",
+    "editor.codeActionsOnSave": {
+      "quickfix.biome": "explicit",
+      "source.fixAll.eslint": "explicit"
+    }
+  }
+}

biome.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "files": {
+    "ignoreUnknown": true,
+    "ignore": ["dist/*", "public/*"]
+  },
+  "extends": ["./node_modules/@ctrl/eslint-config-biome/biome.json"]
+}

demo/package.json

@@ -8,16 +8,16 @@
     "serve": "vite preview"
   },
   "devDependencies": {
-    "@types/react": "18.2.55",
+    "@types/react": "18.2.61",
     "@types/react-dom": "18.2.19",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "@tailwindcss/forms": "0.5.7",
-    "autoprefixer": "10.4.17",
+    "autoprefixer": "10.4.18",
     "postcss": "8.4.35",
     "tailwindcss": "3.4.1",
     "typescript": "5.3.3",
-    "vite": "5.1.3"
+    "vite": "5.1.4"
   },
   "engines": {
     "node": ">=18"

demo/src/main.tsx

@@ -1,27 +1,28 @@
 import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
 // @ts-ignore
 import { filenameParse } from '../../src/index.js';
 
-ReactDOM.render(<Demo />, document.getElementById('root'));
+const root = createRoot(document.getElementById('root')!);
+root.render(<Demo />);
 
 function Demo() {
   const demoDefault = 'Iron.Man.2008.INTERNAL.REMASTERED.2160p.UHD.BluRay.X265-IAMABLE';
   const [result, setResult] = useState(filenameParse(demoDefault));
   const [input, setInput] = useState(demoDefault);
-  const [isTvShow, setTvShow] = useState(false);
+  const [isTvShow, setIsTvShow] = useState(false);
 
-  function handleChange(event: any) {
+  const handleChange = (event: any) => {
     setInput(event.target.value);
     setResult(filenameParse(event.target.value, isTvShow));
-  }
+  };
 
-  function handleToggleTvShow(event: any) {
-    setTvShow(event.target.checked);
+  const handleToggleTvShow = (event: any) => {
+    setIsTvShow(event.target.checked);
     setResult(filenameParse(input, event.target.checked));
-  }
+  };
 
   return (
     <div className="py-6">