BraumFrontend Configuration Toolkit

A collection of high-quality, reusable development tool configurations

Get Started

View Packages

GitHub

🛡️ ESLint Config

Comprehensive ESLint configuration supporting JavaScript, TypeScript, React, and Vue with flat config format.

✨ Prettier Config

Opinionated Prettier configuration with XML plugin support for consistent code formatting.

🎨 Stylelint Config

Stylelint configuration for CSS, SCSS, Less, and styled-components with best practices.

📝 Commitlint Config

Conventional commits configuration with emoji support for standardized commit messages.

🚀 Commitizen CLI

Interactive CLI tool for guided commit message creation with customizable types and scopes.

📐 TypeScript Config

Strict TypeScript configuration presets for base, web, node, and library projects.

Quick Start

Install the packages you need:

bash

# ESLint configuration
pnpm add -D @braum/eslint

# Prettier configuration
pnpm add -D @braum/prettier

# Stylelint configuration
pnpm add -D @braum/stylelint

# Commitlint configuration
pnpm add -D @braum/commitlint

# Commitizen CLI tool
pnpm add -D @braum/cz

# TypeScript configuration
pnpm add -D @braum/typescript-config

Example Usage

javascript

// eslint.config.js
import { defineESLintConfig } from '@braum/eslint'

export default await defineESLintConfig({
  enableTypescript: true,
  enableReact: true,
  enablePrettier: true,
})

_{Built with ❤️ by Bowen Tew}