refactor: migrate from npm+prettier to bun+biome

- Install @biomejs/[email protected] via bun
- Replace Prettier with Biome in .pre-commit-config.yaml
- Update Makefile install-frontend target to use bun install
- Add biome.json configuration matching previous Prettier settings
- Update package.json scripts to use bunx biome
- Remove .prettierrc and package-lock.json
- Add bun.lockb for dependency locking
- Update CLAUDE.md and README.md to reference bun and Biome
- Configure Biome to ignore TailwindCSS directives and generated files
- Fix tailwind.config.js unused variable warning

All CI checks pass (lint, type-check, fmt, test).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: JacobCoffee

.pre-commit-config.yaml

@@ -37,11 +37,11 @@ repos:
     rev: 1.20.0
     hooks:
       - id: blacken-docs
-  - repo: https://github.com/pre-commit/mirrors-prettier
-    rev: v4.0.0-alpha.8
+  - repo: https://github.com/biomejs/pre-commit
+    rev: "v0.4.0"
     hooks:
-      - id: prettier
-        exclude: "_templates|.git"
+      - id: biome-check
+        additional_dependencies: ["@biomejs/[email protected]"]
   #   - repo: https://github.com/thibaudcolas/curlylint
   #     rev: v0.13.1
   #     hooks:

.prettierrc

@@ -146,18 +146,20 @@ byte/
 
 ## 🔧 Technology Stack
 
-| Component           | Tool                              | Notes                                 |
-| ------------------- | --------------------------------- | ------------------------------------- |
-| **Package Manager** | uv                                | Fast, PEP 517 build backend           |
-| **Linting**         | ruff                              | Replaces black, flake8, isort         |
-| **Type Checking**   | ty                                | Type checks all services and packages |
-| **Testing**         | pytest + pytest-asyncio           | Coverage required                     |
-| **Git Hooks**       | prek                              | NOT pre-commit                        |
-| **Web Framework**   | Litestar 2.4.3+                   | ASGI, OpenAPI, Jinja2                 |
-| **Discord Bot**     | discord.py 2.3.2+                 | Slash commands, views                 |
-| **ORM**             | SQLAlchemy 2.0 + Advanced Alchemy | Async, repository pattern             |
-| **Database**        | PostgreSQL 15+                    | Via Docker or Railway                 |
-| **Frontend**        | TailwindCSS + DaisyUI             | Compiled via separate watcher         |
+| Component                | Tool                              | Notes                                 |
+| ------------------------ | --------------------------------- | ------------------------------------- |
+| **Package Manager (PY)** | uv                                | Fast, PEP 517 build backend           |
+| **Package Manager (JS)** | bun                               | Fast JavaScript runtime & package manager |
+| **Linting (Python)**     | ruff                              | Replaces black, flake8, isort         |
+| **Linting (JS/TS)**      | Biome                             | Fast formatter & linter (replaces Prettier) |
+| **Type Checking**        | ty                                | Type checks all services and packages |
+| **Testing**              | pytest + pytest-asyncio           | Coverage required                     |
+| **Git Hooks**            | prek                              | NOT pre-commit                        |
+| **Web Framework**        | Litestar 2.4.3+                   | ASGI, OpenAPI, Jinja2                 |
+| **Discord Bot**          | discord.py 2.3.2+                 | Slash commands, views                 |
+| **ORM**                  | SQLAlchemy 2.0 + Advanced Alchemy | Async, repository pattern             |
+| **Database**             | PostgreSQL 15+                    | Via Docker or Railway                 |
+| **Frontend**             | TailwindCSS + DaisyUI             | Compiled via separate watcher         |
 
 **Documentation**: Sphinx, Context7 MCP, allowed WebFetch domains:
 

CLAUDE.md

@@ -53,7 +53,7 @@ install-prek: ## Install prek and install hooks
 install-frontend: ## Install the frontend dependencies
 	@echo "=> Installing frontend dependencies"
 	@nodeenv --python-virtualenv
-	@npm install
+	@bun install
 	@echo "=> Frontend dependencies installed"
 
 .PHONY: install-backend
@@ -96,7 +96,7 @@ refresh-container: clean-container up-container load-container ## Refresh the By
 
 ##@ Code Quality
 
-lint: ## Runs prek hooks; includes ruff linting, codespell, black
+lint: ## Runs prek hooks; includes ruff linting, codespell, biome
 	@$(UV) run --no-sync prek run --all-files --skip ty
 
 fmt-check: ## Runs Ruff format in check mode (no changes)

Makefile

@@ -115,7 +115,7 @@ All contributions are welcome! Please see [CONTRIBUTING](./CONTRIBUTING.rst) for
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore-start -->
+<!-- biome-ignore format: auto-generated by all-contributors -->
 <!-- markdownlint-disable -->
 <table>
   <tbody>
@@ -128,7 +128,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 </table>
 
 <!-- markdownlint-restore -->
-<!-- prettier-ignore-end -->
+<!-- biome-ignore-end -->
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 

README.md

@@ -0,0 +1,65 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.7/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "**/*.json", "**/*.html", "**/*.css"],
+    "experimentalScannerIgnores": [
+      "_templates/**",
+      ".git/**",
+      "node_modules/**",
+      ".venv/**",
+      "dist/**",
+      "build/**",
+      "**/*.pyc",
+      "__pycache__/**",
+      "**/*.egg-info/**",
+      ".pytest_cache/**",
+      ".ruff_cache/**",
+      "docs/_build/**",
+      "**/*.svg",
+      "services/api/src/byte_api/domain/web/resources/style.css"
+    ]
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "suspicious": {
+        "noUnknownAtRules": "off",
+        "noDuplicateProperties": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "asNeeded",
+      "arrowParentheses": "asNeeded",
+      "bracketSameLine": true,
+      "quoteStyle": "double",
+      "attributePosition": "auto",
+      "bracketSpacing": true
+    }
+  },
+  "json": {
+    "formatter": {
+      "trailingCommas": "none"
+    }
+  }
+}