JavaScript: replace prettier and eslint with biome.

Author: agarny

.github/workflows/ci.yml

@@ -25,9 +25,7 @@ jobs:
             os: macos-15-intel
           - name: macOS (ARM)
             os: macos-15
-          - name: Code formatting
-            os: ubuntu-22.04
-          - name: Linting
+          - name: Code formatting and linting
             os: ubuntu-22.04
     steps:
       - name: Set the timezone to New Zealand
@@ -54,32 +52,32 @@ jobs:
           unzip -j bun.zip -d $env:USERPROFILE\.bun
           del bun.zip
           echo "$env:USERPROFILE\.bun" >> $env:GITHUB_PATH
+      - name: Install Biome
+        if: ${{ matrix.name == 'Code formatting and linting' }}
+        uses: biomejs/setup-biome@v2
       - name: OpenCOR dependencies
         if: ${{ matrix.name != 'Windows (ARM)' }}
         run: bun install
       - name: OpenCOR dependencies (Windows ARM only)
         if: ${{ matrix.name == 'Windows (ARM)' }}
         run: bun install --cpu=arm64
       - name: Build libOpenCOR
-        if: ${{ (matrix.name != 'Code formatting') && (matrix.name != 'Linting') }}
+        if: ${{ matrix.name != 'Code formatting and linting' }}
         run: bun libopencor
       - name: Build OpenCOR
-        if: ${{ (matrix.name != 'Code formatting') && (matrix.name != 'Linting') }}
+        if: ${{ matrix.name != 'Code formatting and linting' }}
         run: bun run build
       - name: Build OpenCOR's Web app
-        if: ${{ (matrix.name != 'Code formatting') && (matrix.name != 'Linting') }}
+        if: ${{ matrix.name != 'Code formatting and linting' }}
         run: bun build:web
       - name: Build OpenCOR's npm library
-        if: ${{ (matrix.name != 'Code formatting') && (matrix.name != 'Linting') }}
+        if: ${{ matrix.name != 'Code formatting and linting' }}
         run: |
           cd src/renderer
           bun install
           bun build:lib
-      - name: Code formatting
-        if: ${{ matrix.name == 'Code formatting' }}
-        run: bun format:check
-      - name: Linting
-        if: ${{ matrix.name == 'Linting' }}
-        run: bun lint
+      - name: Code formatting and linting
+        if: ${{ matrix.name == 'Code formatting and linting' }}
+        run: biome ci --error-on-warnings
       - name: Clean OpenCOR
         run: bun clean

.prettierrc.yml

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["Vue.volar", "dbaeumer.vscode-eslint", "esbenp.prettier-vscode"]
+  "recommendations": ["biomejs.biome", "Vue.volar"]
 }

.vscode/extensions.json

@@ -63,22 +63,22 @@ npm install -g bun
 
 # Available Scripts
 
-| Script         | Description                                                           |
-| -------------- | --------------------------------------------------------------------- |
-| `archive:web`  | Archive OpenCOR's Web app                                             |
-| `build`        | Build OpenCOR                                                         |
-| `build:web`    | Build OpenCOR's Web app                                               |
-| `clean`        | Clean OpenCOR's environment                                           |
-| `dev`          | (Build and) start OpenCOR and OpenCOR's Web app with hot reload       |
-| `dev:web`      | (Build and) start OpenCOR's Web app with hot reload                   |
-| `format`       | Format the code using [Prettier](https://prettier.io/)                |
-| `format:check` | Check code formatting without making changes                          |
-| `libopencor`   | Build libOpenCOR's native Node.js module                              |
-| `lint`         | Lint and automatically fix issues using [ESLint](https://eslint.org/) |
-| `release`      | (Build and) release OpenCOR for the current platform                  |
-| `start`        | (Build and) start (the production version of) OpenCOR                 |
-| `start:web`    | (Build and) start (the production version of) OpenCOR's Web app       |
-| `version:new`  | Update the version of OpenCOR                                         |
+| Script         | Description                                                     |
+| -------------- | --------------------------------------------------------------- |
+| `archive:web`  | Archive OpenCOR's Web app                                       |
+| `build`        | Build OpenCOR                                                   |
+| `build:web`    | Build OpenCOR's Web app                                         |
+| `clean`        | Clean OpenCOR's environment                                     |
+| `dev`          | (Build and) start OpenCOR and OpenCOR's Web app with hot reload |
+| `dev:web`      | (Build and) start OpenCOR's Web app with hot reload             |
+| `format`       | Format the code                                                 |
+| `format:check` | Check code formatting without making changes                    |
+| `libopencor`   | Build libOpenCOR's native Node.js module                        |
+| `lint`         | Lint and automatically fix issues                               |
+| `release`      | (Build and) release OpenCOR for the current platform            |
+| `start`        | (Build and) start (the production version of) OpenCOR           |
+| `start:web`    | (Build and) start (the production version of) OpenCOR's Web app |
+| `version:new`  | Update the version of OpenCOR                                   |
 
 # Notes
 

BUILD.md

@@ -0,0 +1,65 @@
+{
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "off"
+      }
+    }
+  },
+  "formatter": {
+    "includes": ["**/*.css", "**/*.html", "**/*.js", "**/*.json", "**/*.ts", "**/*.vue"],
+    "indentStyle": "space",
+    "lineWidth": 120
+  },
+  "css": {
+    "formatter": {
+      "enabled": true,
+      "quoteStyle": "single"
+    }
+  },
+  "html": {
+    "formatter": {
+      "bracketSameLine": true,
+      "enabled": true,
+      "selfCloseVoidElements": "always",
+      "whitespaceSensitivity": "ignore"
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded",
+      "trailingCommas": "none"
+    }
+  },
+  "linter": {
+    "includes": ["**/*.css", "**/*.js", "**/*.ts", "**/*.vue", "!**/components.d.ts"]
+  },
+  "overrides": [
+    {
+      "includes": ["**/*.css"],
+      "linter": {
+        "rules": {
+          "complexity": {
+            "noImportantStyles": "off"
+          }
+        }
+      }
+    },
+    {
+      "includes": ["**/*.vue"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          },
+          "correctness": {
+            "noUnusedImports": "off",
+            "noUnusedVariables": "off"
+          }
+        }
+      }
+    }
+  ]
+}