opact-dev

Dev tooling preset for Opact projects — ESLint, Prettier, TypeScript config, and Vite dev dependencies.

Install

npm install -D opact-dev

Peer dependencies — install these in your project if not already present:

npm install -D eslint prettier tailwindcss typescript vite

Usage

ESLint

// eslint.config.js
import opactConfig from 'opact-dev/eslint'

export default [...opactConfig]

Extends @tanstack/eslint-config with React Hooks and React Refresh rules.

Prettier

// prettier.config.js
import opactConfig from 'opact-dev/prettier'

export default opactConfig

Config: no semicolons, single quotes, trailing commas, prettier-plugin-tailwindcss for class sorting.

TypeScript

// tsconfig.json
{
  "extends": "opact-dev/tsconfig",
  "include": ["src"]
}

Base settings: ES2022, strict mode, bundler module resolution, allowImportingTsExtensions, React JSX, noEmit.

Included plugins & types

Automatically installed alongside opact-dev:

| Package | Purpose | |---|---| | @types/react + @types/react-dom | React type definitions | | babel-plugin-react-compiler | React Compiler Babel transform | | eslint-plugin-react-hooks | Hooks linting rules | | eslint-plugin-react-refresh | Fast Refresh linting rules | | typescript-eslint | TypeScript ESLint parser & rules | | prettier-plugin-tailwindcss | Tailwind class sorting for Prettier | | tw-animate-css | Animation utilities for Tailwind |

License

MIT