@mmg-dev/webpipeline-biome-react

Shared Biome configuration for MMG React projects.

Installation

pnpm i --save-dev @biomejs/biome @mmg-dev/webpipeline-biome-react

Usage

Create a biome.json in your project:

{
  "$schema": "https://biomejs.dev/schemas/2.1.3/schema.json",
  "extends": ["@mmg-dev/webpipeline-biome-react"]
}

Scripts

Add these scripts to your package.json:

{
  "scripts": {
    "lint": "biome check src/",
    "lint:fix": "biome check --write src/",
    "format": "biome format --write src/"
  }
}

VS Code Integration

Copy the .vscode/settings.json from this package to your project or add the following settings to your existing .vscode/settings.json:

Install biome extension for VS Code: Cmd+Shift+X and search for biome.

{
  "typescript.preferences.includePackageJsonAutoImports": "off",
  "editor.defaultFormatter": "biomejs.biome",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "quickfix.biome": "explicit",
    "source.organizeImports.biome": "explicit"
  },
  "[typescript]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[javascript]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "biomejs.biome"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "biomejs.biome"
  }
}

Features

• 🚀 Optimized for React/TypeScript projects
• 📝 Automatic code formatting
• 🔍 Comprehensive linting rules
• 🛠️ VS Code Integration
• 🔄 Automatic updates via npm

License

MIT