presetter-preset-react 7.3.0 → 8.0.2

package/README.md

@@ -1,109 +1,626 @@
-<div align="center">
+# 🚀 presetter-preset-react
 
 ![Logo](https://github.com/alvis/presetter/raw/master/assets/logo.svg)
 
-🏄🏻 _A collection of opinionated configurations for a React project in typescript for presetter_
-
-•   [Quick Start](#quick-start)   •   [Project Structure](#project-structure)   •   [Customization](#customization)   •   [Scripts](#script-template-summary)   •
+<div align="center">
 
 [![npm](https://img.shields.io/npm/v/presetter-preset-react?style=flat-square)](https://github.com/alvis/presetter/releases)
 [![build](https://img.shields.io/github/actions/workflow/status/alvis/presetter/test.yaml?branch=master&style=flat-square)](https://github.com/alvis/presetter/actions)
 [![maintainability](https://img.shields.io/codeclimate/maintainability/alvis/presetter?style=flat-square)](https://codeclimate.com/github/alvis/presetter/maintainability)
 [![coverage](https://img.shields.io/codeclimate/coverage/alvis/presetter?style=flat-square)](https://codeclimate.com/github/alvis/presetter/test_coverage)
-[![security](https://img.shields.io/snyk/vulnerabilities/github/alvis/presetter/packages/preset-react/package.json.svg?style=flat-square)](https://snyk.io/test/github/alvis/presetter?targetFile=packages/preset-react/package.json&style=flat-square)
+[![vulnerabilities](https://img.shields.io/sonar/vulnerabilities/presetter/master?server=https%3A%2F%2Fsonarcloud.io&style=flat-square)](https://sonarcloud.io/summary/new_code?id=presetter)
 [![dependencies](https://img.shields.io/librariesio/release/npm/presetter-preset-react?style=flat-square)](https://libraries.io/npm/presetter-preset-react)
-[![license](https://img.shields.io/github/license/alvis/presetter.svg?style=flat-square)](https://github.com/alvis/presetter/blob/master/LICENSE)
+
+React development perfected — JSX/TSX, React linting, component-first workflows
+
+•   [Usage](#-usage)   •   [Configuration](#-configuration-details)   •   [Comparison](#-comparison)   •   [FAQ](#-faq)   •
 
 </div>
 
-## Features
+---
+
+**This is a configuration extension that works with [Presetter](https://github.com/alvis/presetter/blob/master/packages/presetter), the configuration management tool.**
+
+## ⚡ TL;DR / Quick Start
+
+```bash
+# Install React preset alongside a base preset
+npm i -D presetter presetter-preset-esm presetter-preset-react
+
+# Create presetter.config.ts
+cat > presetter.config.ts << 'EOF'
+import { preset } from 'presetter';
+import esm from 'presetter-preset-esm';
+import react from 'presetter-preset-react';
+
+export default preset('my-react-app', {
+  extends: [esm, react],
+});
+EOF
+
+# Bootstrap your project
+npx presetter bootstrap
+```
+
+Your project now has **complete React development environment** — JSX/TSX support, React linting, asset imports, component-first workflows!
+
+---
+
+## ✨ React Development Excellence
+
+### Need production-ready React tooling?
+
+React development requires specialized tooling: JSX compilation, React-specific linting, component patterns, asset handling, and development workflows. Setting this up manually is complex and error-prone.
+
+**What if you could get the complete React stack in seconds?**
+
+### The React development challenge
+
+| React Development Need    | Manual Setup                 | With preset-react                       |
+| ------------------------- | ---------------------------- | --------------------------------------- |
+| **JSX/TSX Compilation**   | ⚠️ Complex TypeScript config | ✅ Perfect JSX transform setup          |
+| **React Linting**         | ❌ Basic rules only          | ✅ Comprehensive React best practices   |
+| **Asset Type Safety**     | ❌ No TypeScript support     | ✅ Images, styles as typed imports      |
+| **Component Patterns**    | ⚠️ No naming conventions     | ✅ PascalCase components, prop ordering |
+| **Development Workflow**  | ⚠️ Fragmented tooling        | ✅ Integrated Storybook + testing       |
+| **Modern React Features** | ❌ Legacy JSX transform      | ✅ Latest React 18+ features            |
+
+### What you get instead
+
+**presetter-preset-react is a configuration extension that adds comprehensive React development capabilities to the modern web stack.**
+
+When used with [Presetter](https://github.com/alvis/presetter/blob/master/packages/presetter) (the configuration management tool), this preset extends [preset-web](../preset-web) with React-specific tooling, creating the complete React development environment with JSX/TSX support, React linting, asset type safety, and component-first workflows.
+
+- ⚛️ **React 18+ Ready**: Modern JSX transform, latest React patterns
+- 🎯 **TypeScript JSX**: Perfect TSX compilation and type safety
+- 📝 **React Linting**: Comprehensive ESLint rules for React best practices
+- 🖼️ **Asset Type Safety**: Import images, CSS modules with full TypeScript support
+- 🧩 **Component-First**: PascalCase conventions, prop ordering, component patterns
+- 🚀 **Complete Stack**: Inherits TailwindCSS, Storybook, and modern web tooling
+
+---
+
+## 🎯 React Development Without the Complexity
+
+### The React tooling setup problem
+
+React development requires coordinating multiple specialized tools:
+
+- **JSX/TSX compilation**: TypeScript configuration for React JSX transform
+- **React linting**: ESLint rules for React patterns, hooks, JSX best practices
+- **Asset handling**: TypeScript declarations for importing images, CSS modules
+- **Component conventions**: Naming patterns, prop ordering, component structure
+- **Development environment**: Hot reloading, component development, testing
+
+**Getting it right requires deep knowledge of React tooling, TypeScript JSX, and modern React patterns.**
+
+### From fragmented React setup to integrated development
+
+```diff
+# Before: Manual React development setup
+my-react-app/
+├── tsconfig.json               ← Basic TypeScript, missing JSX optimization
+├── eslint.config.js            ← Basic linting, no React rules
+├── src/
+│   ├── components/
+│   │   └── Button.tsx          ← No linting for React patterns
+│   ├── assets/
+│   │   └── logo.png            ← Cannot import in TypeScript
+│   └── styles/
+-      └── Button.module.css    ← Cannot import as CSS module
+
+# After: Extended with React development stack
+my-react-app/
++├── presetter.config.ts        ← Base preset + web + React extensions
+├── tsconfig.json               ← Enhanced with React JSX transform
+├── eslint.config.ts            ← Enhanced with React linting rules
++├── types/
++│   ├── image.d.ts             ← TypeScript declarations for images
++│   └── style.d.ts             ← TypeScript declarations for CSS modules
+├── src/
+│   ├── components/
+│   │   └── Button.tsx          ← React linting, prop ordering, naming
+│   ├── assets/
+│   │   └── logo.png            ← Import as typed asset
+│   └── styles/
++      └── Button.module.css    ← Import as typed CSS module object
+```
+
+### How React development integration works
+
+1. **JSX/TSX Compilation** — TypeScript configured with `react-jsx` transform for modern React
+2. **React Linting** — ESLint enhanced with React plugin and component best practices
+3. **Asset Type Safety** — TypeScript declarations for importing images, CSS modules, styles
+4. **Component Patterns** — Naming conventions, prop ordering, component organization
+
+### Why this solves the real problem
+
+- **Complete React environment**: Everything needed for professional React development
+- **Modern React patterns**: Latest React 18+ features and best practices
+- **Type-safe assets**: Import any asset with full TypeScript support
+- **Component excellence**: Enforced patterns for maintainable React code
+- **Integrated workflow**: Inherits Storybook, TailwindCSS, testing from web preset
 
-**presetter-preset-react** is an extension of [**presetter-preset-web**](https://github.com/alvis/presetter) with additional tools to help you to develop a React project with ease via [**presetter**](https://github.com/alvis/presetter).
+---
 
-- ✨ TSX support
-- 🧪 @testing-library/react
-- 📝 Recommended rules from eslint-plugin-react
+## 🔍 Understanding Presetter vs This Extension
 
-## Quick Start
+**Important distinction:**
 
-[**FULL DOCUMENTATION IS AVAILABLE HERE**](https://github.com/alvis/presetter/blob/master/README.md)
+| Component                                                                          | Role                          | What it does                                                                     |
+| ---------------------------------------------------------------------------------- | ----------------------------- | -------------------------------------------------------------------------------- |
+| **[Presetter](https://github.com/alvis/presetter/blob/master/packages/presetter)** | Configuration management tool | CLI that processes presets, generates config files, executes scripts             |
+| **Base Preset**                                                                    | Core development template     | Provides TypeScript, testing, building capabilities (essentials, esm, cjs, etc.) |
+| **[preset-web](../preset-web)**                                                    | Web development extension     | Adds TailwindCSS, Storybook, browser optimization                                |
+| **presetter-preset-react**                                                         | React development extension   | Adds JSX/TSX, React linting, asset types, component patterns                     |
 
-### 1. Bootstrap your project with presetter-preset-react
+**Think of it like:**
 
-On your project root, create a `presetter.config.ts` file with the following content:
+- **Presetter** = The engine that builds houses
+- **Base preset** = The blueprint for a functional house
+- **Web preset** = The modern kitchen and smart home systems
+- **This extension** = The family room, entertainment center, and comfort features
+
+This preset **extends** [preset-web](../preset-web) with React-specific capabilities. For advanced usage, customization, and troubleshooting, **[visit the main Presetter documentation](https://github.com/alvis/presetter/blob/master/packages/presetter)**.
+
+---
+
+## 🚀 Usage
+
+### 🟢 Basic React Development Setup
+
+#### Step 1: Install Extension with Base Preset
+
+```jsonc
+// package.json
+{
+  "scripts": {
+    "build": "run build",
+    "test": "run test",
+    "storybook": "storybook dev -p 6006",
+    "dev": "run develop",
+  },
+  "devDependencies": {
+    "presetter": "latest",
+    "presetter-preset-esm": "latest",
+    "presetter-preset-react": "latest",
+  },
+  "dependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+  },
+}
+```
 
 ```typescript
 // presetter.config.ts
+import { preset } from 'presetter';
+import esm from 'presetter-preset-esm';
+import react from 'presetter-preset-react';
+
+export default preset('my-react-app', {
+  extends: [esm, react], // Base + React (includes web preset)
+});
+```
+
+#### Step 2: Bootstrap & Develop
+
+```bash
+npm install
+# Complete React development environment generated automatically
+# JSX/TSX, React linting, asset imports, Storybook ready!
+```
+
+That's it! Start building React components with the complete modern stack.
+
+---
+
+### 🧑‍🔬 Advanced Usage: Custom React Optimizations
 
+```typescript
+// presetter.config.ts
 import { preset } from 'presetter';
 import esm from 'presetter-preset-esm';
 import react from 'presetter-preset-react';
 
-export default preset('project name', {
-  // NOTE
-  // you don't need to extends presetter-preset-web presets here since they are already included in the react preset
-  // however, you may need an additional preset like presetter-preset-esm for ESM support and other basic toolings
+export default preset('advanced-react-app', {
   extends: [esm, react],
   override: {
-    // override the configuration here
+    variables: {
+      source: 'app', // Custom source directory
+      types: 'typings', // Custom types directory
+    },
+    assets: {
+      'tsconfig.json': {
+        compilerOptions: {
+          jsx: 'react-jsx', // Modern JSX transform
+          jsxImportSource: 'react', // JSX import source
+          strict: true, // Strict TypeScript
+        },
+      },
+      'eslint.config.ts': {
+        rules: {
+          // Custom React rules
+          'react/jsx-sort-props': ['warn', { callbacksLast: true }],
+          'react/destructuring-assignment': ['warn', 'always'],
+        },
+      },
+    },
   },
 });
 ```
 
-Then, install your project as usual with `npm install` or any package manager you prefer.
+> **Need more customization options?** Check the [main Presetter documentation](https://github.com/alvis/presetter/blob/master/packages/presetter) for complete guides on overrides, extensions, and advanced configurations.
+
+---
+
+## 📖 API Reference
+
+### Core React Development Extension
+
+This preset extends [preset-web](../preset-web) with React-specific capabilities:
+
+| Enhancement               | Purpose           | React Features                                        |
+| ------------------------- | ----------------- | ----------------------------------------------------- |
+| **JSX/TSX Compilation**   | React components  | Modern React JSX transform, TypeScript JSX            |
+| **React Linting**         | Code quality      | Component patterns, hooks rules, JSX best practices   |
+| **Asset Type Safety**     | Import handling   | Images, CSS modules, styles as typed imports          |
+| **Component Conventions** | Code organization | PascalCase naming, prop ordering, component structure |
+
+### JSX/TSX Configuration
+
+#### TypeScript JSX Setup
+
+```yaml
+# tsconfig.json enhancements
+compilerOptions:
+  jsx: react-jsx # Modern React 18+ JSX transform
+  target: ESNext # Latest JavaScript features
+  module: ESNext # ES modules
+  lib: [DOM, ESNext] # Browser + modern JavaScript
+```
+
+#### File Extension Support
+
+- **TSX Files**: Full TypeScript + JSX support
+- **JSX Files**: JavaScript + JSX support
+- **Build Integration**: Both included in build and linting processes
+
+### React ESLint Rules
+
+#### Core React Rules
+
+```typescript
+// Essential React linting rules
+'react/boolean-prop-naming': 'warn',           // Consistent boolean props
+'react/button-has-type': 'warn',               // Button type attributes
+'react/destructuring-assignment': 'warn',      // Destructuring patterns
+'react/jsx-sort-props': 'warn',                // Prop ordering (callbacks last)
+'react/sort-comp': 'warn',                     // Component method ordering
+```
+
+#### TypeScript Integration
+
+```typescript
+// TypeScript-React integration
+'react/prop-types': 'off',                     // Use TypeScript instead
+'@typescript-eslint/naming-convention': [
+  { selector: 'function', format: ['camelCase', 'PascalCase'] }, // React components
+  { selector: 'parameter', format: ['camelCase', 'PascalCase'] }, // Component props
+]
+```
+
+### Asset Type Declarations
+
+#### Image Import Types
+
+```typescript
+// types/image.d.ts - Generated automatically
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+declare module '*.bmp' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+
+// SVG special handling
+declare module '*.svg' {
+  const src: string;
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement>
+  >;
+  export default src;
+}
+```
+
+#### CSS Module Types
+
+```typescript
+// types/style.d.ts - Generated automatically
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+```
+
+### Configuration Variables
+
+Inherited from base presets with React-specific defaults:
+
+| Variable              | Default   | Description                           |
+| --------------------- | --------- | ------------------------------------- |
+| `source`              | `"src"`   | Source code directory                 |
+| `types`               | `"types"` | TypeScript declarations directory     |
+| `output`              | `"lib"`   | Build output directory                |
+| Base preset variables | Inherited | All variables from chosen base preset |
+
+---
+
+## 🔧 Configuration Details
+
+### Enhanced TypeScript Configuration
+
+```yaml
+# Generated tsconfig.json
+compilerOptions:
+  jsx: react-jsx # Modern React JSX transform
+  target: ESNext # Latest JavaScript features
+  lib: [DOM, DOM.Iterable, ESNext] # Browser APIs + modern JS
+  allowSyntheticDefaultImports: true # React import compatibility
+  esModuleInterop: true # Module interoperability
+
+exclude:
+  - '**/*.stories.ts' # Exclude Storybook files from build
+  - '**/*.stories.tsx' # Exclude TSX Storybook files
+```
+
+### React ESLint Integration
+
+#### Plugin Configuration
+
+```typescript
+// Enhanced ESLint with React
+plugins: ['react'],
+extends: ['plugin:react/recommended'],
+settings: {
+  react: {
+    version: 'detect',              // Auto-detect React version
+  },
+},
+parserOptions: {
+  ecmaFeatures: {
+    jsx: true,                      # Enable JSX parsing
+  },
+},
+```
+
+#### Component-Specific Rules
+
+```typescript
+// React component linting
+overrides: [
+  {
+    files: ['**/*.[jt]sx'],
+    rules: {
+      'max-lines-per-function': ['warn', { max: 120 }], // Larger React components
+      'jsdoc/require-returns': 'off',                   // JSX doesn't need return docs
+    },
+  },
+],
+```
+
+### Asset Import Integration
+
+#### Build Process Integration
+
+```typescript
+// lint-staged.config.js enhancement
+'*.{tsx,jsx}': ['presetter run stage'],  // Include React files in staging
+```
+
+#### Type Generation
+
+- **Automatic**: Types generated during bootstrap
+- **Directories**: Placed in configurable `types` directory
+- **Updates**: Regenerated when preset configuration changes
+
+---
+
+## 🏎️ Performance
 
-### 2. Develop and run life cycle scripts provided by the preset
+| Metric                | Standard Web Preset | With preset-react               |
+| --------------------- | ------------------- | ------------------------------- |
+| Component development | Basic HTML/CSS      | **React components + JSX**      |
+| Type safety           | Basic TypeScript    | **Asset imports + React props** |
+| Code quality          | Web linting         | **React best practices**        |
+| Development workflow  | Manual setup        | **Component-first tooling**     |
+| Asset handling        | Manual imports      | **Type-safe asset imports**     |
 
-At this point, all development packages specified in the preset are installed,
-and now you can try to run some example life cycle scripts (e.g. run prepare).
+---
 
-![Demo](https://raw.githubusercontent.com/alvis/presetter/master/assets/demo.gif)
+## 🌐 Compatibility
 
-## Project Structure
+| Environment  | Support                                 |
+| ------------ | --------------------------------------- |
+| React        | ≥ 18 (with React 16.14+ support)        |
+| Base Presets | Works with essentials, esm, cjs, hybrid |
+| Browsers     | Modern browsers (ES2022+)               |
+| Node.js      | ≥ 18                                    |
+| TypeScript   | ≥ 5.0                                   |
 
-After installation, your project file structure should resemble the following, or include more configuration files if you also installed other presets.
+### Extends
 
-Implement your business logic under `source` and prepare tests under `spec`.
-The `.d.ts` files are handy type definitions for you to import `.css` or image files in typescript.
+- [`presetter-preset-web`](../preset-web) - Modern web development stack with TailwindCSS + Storybook
 
-**NOTE** You will notice there's no additional configuration file on your root folder like other presets such as [`presetter-preset-esm`](https://github.com/alvis/presetter/blob/master/packages/preset-esm).
-It's because `presetter-preset-react` extends `presetter-preset-web` which is a bundle only preset, meaning it only helps you to install the development packages specified in this preset only.
+### Works With All Base Presets
 
-**TIPS** You can always change the source directory to other (e.g. src) by setting the `source` variable in `presetter.config.ts`. See the [customization](https://github.com/alvis/presetter/blob/master/packages/preset-essentials#customization) section below for more details.
+- [`presetter-preset-essentials`](../preset-essentials) + web + React
+- [`presetter-preset-esm`](../preset-esm) + web + React
+- [`presetter-preset-cjs`](../preset-cjs) + web + React
+- [`presetter-preset-hybrid`](../preset-hybrid) + web + React
 
+### Can Be Combined With
+
+- [`presetter-preset-strict`](../preset-strict) - React development + strict quality enforcement
+
+---
+
+## 🆚 Comparison
+
+| Feature                    | Web Preset  | With preset-react                 |
+| -------------------------- | ----------- | --------------------------------- |
+| **Component Framework**    | Generic web | ✅ React + JSX/TSX                |
+| **Asset Imports**          | Basic       | ✅ Type-safe images + CSS modules |
+| **Linting Rules**          | Web-focused | ✅ React best practices           |
+| **Component Patterns**     | None        | ✅ PascalCase + prop ordering     |
+| **Development Experience** | Web tools   | ✅ React-optimized workflow       |
+| **Type Safety**            | Basic web   | ✅ React components + assets      |
+
+### When to Use
+
+✅ **Use preset-react when:**
+
+- Building React applications or component libraries
+- Need React-specific linting and patterns
+- Want type-safe asset imports (images, CSS modules)
+- Developing React components with Storybook
+- Need modern React development workflow
+- Want comprehensive React TypeScript setup
+
+❌ **Consider alternatives when:**
+
+- Building non-React web applications
+- Using other frameworks (Vue, Angular, Svelte)
+- Basic web development without component frameworks
+- Node.js applications or APIs
+
+---
+
+## 🛠️ Troubleshooting
+
+> **General Presetter issues?** See the [main troubleshooting guide](https://github.com/alvis/presetter/blob/master/README.md#troubleshooting) for common Presetter problems and solutions.
+
+### React Development Specific Issues
+
+| Issue                         | Symptoms                           | Solution                                       |
+| ----------------------------- | ---------------------------------- | ---------------------------------------------- |
+| **JSX not compiling**         | TypeScript errors in TSX files     | Ensure `jsx: "react-jsx"` in TypeScript config |
+| **Asset imports failing**     | Cannot import images/CSS           | Check type declarations in `types/` directory  |
+| **React linting not working** | No React-specific lint errors      | Verify ESLint React plugin is loaded           |
+| **Component naming errors**   | PascalCase component names flagged | Check naming convention overrides in ESLint    |
+
+> **Need help with Presetter CLI commands?** Check the [CLI reference](https://github.com/alvis/presetter/blob/master/README.md#cli-reference) in the main documentation.
+
+---
+
+## ❓ FAQ
+
+> **General Presetter questions?** Check the [main FAQ](https://github.com/alvis/presetter/blob/master/README.md#faq) for general usage, configuration, and customization questions.
+
+### React Development Specific FAQs
+
+#### Do I need preset-web separately?
+
+No! preset-react **extends** preset-web automatically:
+
+```typescript
+// ❌ Redundant - web already included in react
+extends: [esm, web, react]
+
+// ✅ Correct - react includes web preset
+extends: [esm, react]
 ```
-(root)
- ├─ .git
- ├─ presetter.config.ts
- ├─ node_modules
- ├─ source
- │   ├─ <folders>
- │   ├─ index.ts
- │   ├─ (auxiliary).ts
- ├─ spec
- │   ├─ *.spec.ts
- ├─ types
- │   ├─ image.d.ts
- │   ├─ style.d.ts
- │   ├─ (type).d.ts
- ├─ eslint.config.ts
- ├─ package.json
- └─ tsconfig.json
+
+#### How do I import images and CSS modules?
+
+Type-safe imports work automatically:
+
+```typescript
+// Image imports
+import logo from './assets/logo.png'; // string URL
+import { ReactComponent as Icon } from './icon.svg'; // React component
+
+// CSS module imports
+import styles from './Button.module.css'; // CSS module object
+const className = styles.button; // Type-safe class names
 ```
 
-## Customization
+#### What React versions are supported?
+
+React 18+ recommended, with backward compatibility:
+
+- **React 18+**: Full support with modern JSX transform
+- **React 16.14+**: Supported with legacy JSX transform
+- **React <16.14**: Not recommended, may require manual config
+
+#### How do React linting rules work?
+
+Comprehensive React best practices:
+
+```typescript
+// Enforced patterns
+const MyComponent = ({ isActive, onClick }) => { }  // ✅ PascalCase component
+<Button type="button" onClick={handler} disabled />  // ✅ Props ordered correctly
+
+// Violations caught
+const myComponent = () => { }                        // ❌ camelCase component
+<button onClick={handler} type="button" />          // ❌ Props out of order
+```
+
+#### Can I use this with other React tools?
+
+Absolutely! The preset integrates with:
+
+- **Next.js**: Works with Next.js React setup
+- **Vite**: Compatible with Vite React templates
+- **Create React App**: Can replace CRA configuration
+- **Custom bundlers**: Works with any React build setup
+
+---
+
+## 🤝 Contributing
+
+We'd love your ideas and contributions!
+Submit issues or suggestions via [GitHub Issues](https://github.com/alvis/presetter/issues).
+See the [Contribution Guide](https://github.com/alvis/presetter/blob/master/CONTRIBUTING.md) for more details.
 
-By default, this preset exports a handy configuration set for a React project written in typescript.
+---
 
-You can further customize (either extending or replacing) the configuration by specifying the changes in the config file `presetter.config.ts`.
+## 📄 License
 
-## Script Template Summary
+Released under the [MIT License](https://github.com/alvis/presetter/blob/master/LICENSE).
+© 2020, [Alvis Tang](https://github.com/alvis).
 
-- **`run build`**: Transpile source code from typescript and replace any mapped paths
-- **`run clean`**: Clean up any previously transpiled code
-- **`run develop -- <file path>`**: Create a service that run the specified file whenever the source has changed
-- **`run test`**: Run all tests
-- **`run watch`**: Rerun all tests whenever the source has change
-- **`run coverage`**: Run all test with coverage report
-- **`run release`**: Bump the version and automatically generate a change log
-- **`run release -- --prerelease <tag>`**: Release with a prerelease tag
+[![License](https://img.shields.io/github/license/alvis/presetter.svg?style=flat-square)](https://github.com/alvis/presetter/blob/master/LICENSE)

package/lib/eslint.override.d.ts

@@ -1,5 +1,5 @@
 import type { Linter } from 'eslint';
-declare const _default: import("presetter").PresetContent<{
+declare const _default: import("presetter-types").PresetContent<{
     default: Linter.Config[];
 }>;
 export default _default;

package/lib/eslint.override.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eslint.override.d.ts","sourceRoot":"","sources":["../source/eslint.override.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;aAEL,MAAM,CAAC,MAAM,EAAE;;AAA/C,wBAuGG"}
+{"version":3,"file":"eslint.override.d.ts","sourceRoot":"","sources":["../src/eslint.override.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;aAEL,MAAM,CAAC,MAAM,EAAE;;AAA/C,wBAkGG"}

package/lib/eslint.override.js

@@ -1,5 +1,4 @@
 /* v8 ignore start */
-import testing from 'eslint-plugin-testing-library';
 import { asset } from 'presetter';
 export default asset((current) => {
     const configs = current?.default ?? [];
@@ -8,11 +7,6 @@ export default asset((current) => {
     return {
         default: [
             ...configs,
-            {
-                name: 'presetter-preset-react:override:test-files',
-                files: ['**/__tests__/**/*.[jt]sx', '**/?(*.)+(spec|test).[jt]sx'],
-                ...testing.configs['flat/react'],
-            },
             {
                 name: 'presetter-preset-react:override:react-files',
                 files: ['**/*.[jt]sx'],
@@ -100,4 +94,4 @@ export default asset((current) => {
         ],
     };
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXNsaW50Lm92ZXJyaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc291cmNlL2VzbGludC5vdmVycmlkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQkFBcUI7QUFFckIsT0FBTyxPQUFPLE1BQU0sK0JBQStCLENBQUM7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUlsQyxlQUFlLEtBQUssQ0FBK0IsQ0FBQyxPQUFPLEVBQUUsRUFBRTtJQUM3RCxNQUFNLE9BQU8sR0FBRyxPQUFPLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQztJQUV2QyxNQUFNLG1CQUFtQixHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQ3RDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQ3JELENBQUM7SUFFRixNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUVuRSxPQUFPO1FBQ0wsT0FBTyxFQUFFO1lBQ1AsR0FBRyxPQUFPO1lBQ1Y7Z0JBQ0UsSUFBSSxFQUFFLDRDQUE0QztnQkFDbEQsS0FBSyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLENBQUM7Z0JBQ2xFLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUM7YUFDakM7WUFDRDtnQkFDRSxJQUFJLEVBQUUsNkNBQTZDO2dCQUNuRCxLQUFLLEVBQUUsQ0FBQyxhQUFhLENBQUM7Z0JBQ3RCLEtBQUssRUFBRTtvQkFDTCx3QkFBd0IsRUFBRTt3QkFDeEIsTUFBTTt3QkFDTjs0QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUFFLDREQUE0RDt5QkFDdkU7cUJBQ0Y7b0JBQ0QsR0FBRyxDQUFDLG1CQUFtQixJQUFJO3dCQUN6QixzQ0FBc0MsRUFBRTs0QkFDdEMsT0FBTyxFQUFFLHVEQUF1RDs0QkFDaEU7Z0NBQ0UsUUFBUSxFQUFFLFNBQVM7Z0NBQ25CLE1BQU0sRUFBRTtvQ0FDTixXQUFXLEVBQUUsVUFBVTtpQ0FDeEI7Z0NBQ0QsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLFVBQVU7Z0NBQ3RDLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxVQUFVOzZCQUN4Qzs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUsUUFBUTtnQ0FDbEIsTUFBTSxFQUFFO29DQUNOLFdBQVcsRUFBRSx1Q0FBdUM7b0NBQ3BELFlBQVksRUFBRSx1QkFBdUI7aUNBQ3RDOzZCQUNGOzRCQUNEO2dDQUNFLFFBQVEsRUFBRSxVQUFVO2dDQUNwQixNQUFNLEVBQUU7b0NBQ04sV0FBVyxFQUFFLFVBQVU7b0NBQ3ZCLFlBQVksRUFBRSx1QkFBdUI7aUNBQ3RDOzZCQUNGOzRCQUNEO2dDQUNFLFFBQVEsRUFBRSxxQkFBcUI7Z0NBQy9CLE1BQU0sRUFBRSxJQUFJLEVBQUUsZ0dBQWdHOzZCQUMvRzs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUsdUJBQXVCO2dDQUNqQyxNQUFNLEVBQUUsSUFBSSxFQUFFLGdHQUFnRzs2QkFDL0c7NEJBQ0Q7Z0NBQ0UsUUFBUSxFQUFFLFdBQVc7Z0NBQ3JCLE1BQU0sRUFBRTtvQ0FDTixXQUFXLEVBQUUsVUFBVTtvQ0FDdkIsWUFBWSxFQUFFLHVCQUF1QjtpQ0FDdEM7Z0NBQ0QsaUJBQWlCLEVBQUUsT0FBTyxFQUFFLFVBQVU7Z0NBQ3RDLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxVQUFVOzZCQUN4Qzs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUsVUFBVTtnQ0FDcEIsTUFBTSxFQUFFO29DQUNOLFlBQVksRUFBRSxrQ0FBa0M7b0NBQ2hELFdBQVcsRUFBRSx5QkFBeUI7b0NBQ3RDLFlBQVksRUFBRSx5QkFBeUI7aUNBQ3hDO2dDQUNELGlCQUFpQixFQUFFLE9BQU8sRUFBRSxpQ0FBaUM7Z0NBQzdELGtCQUFrQixFQUFFLE9BQU8sRUFBRSxpQ0FBaUM7NkJBQy9EOzRCQUNEO2dDQUNFLFFBQVEsRUFBRSxVQUFVO2dDQUNwQixNQUFNLEVBQUU7b0NBQ04sWUFBWSxFQUFFLFVBQVU7aUNBQ3pCOzZCQUNGO3lCQUNGO3FCQUNGLENBQUM7b0JBQ0YsR0FBRyxDQUFDLFFBQVEsSUFBSTt3QkFDZCx1QkFBdUIsRUFBRTs0QkFDdkIsT0FBTyxFQUFFLDRFQUE0RTs0QkFDckY7Z0NBQ0UsWUFBWSxFQUFFLEtBQUs7Z0NBQ25CLFFBQVEsRUFBRTtvQ0FDUiw2RkFBNkY7b0NBQzdGLGlHQUFpRztpQ0FDbEc7NkJBQ0Y7eUJBQ0Y7cUJBQ0YsQ0FBQztpQkFDSDthQUNGO1NBQ2lCO0tBQ3JCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXNsaW50Lm92ZXJyaWRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL2VzbGludC5vdmVycmlkZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQkFBcUI7QUFFckIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUlsQyxlQUFlLEtBQUssQ0FBK0IsQ0FBQyxPQUFPLEVBQUUsRUFBRTtJQUM3RCxNQUFNLE9BQU8sR0FBRyxPQUFPLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQztJQUV2QyxNQUFNLG1CQUFtQixHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQ3RDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDLENBQ3JELENBQUM7SUFFRixNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUVuRSxPQUFPO1FBQ0wsT0FBTyxFQUFFO1lBQ1AsR0FBRyxPQUFPO1lBQ1Y7Z0JBQ0UsSUFBSSxFQUFFLDZDQUE2QztnQkFDbkQsS0FBSyxFQUFFLENBQUMsYUFBYSxDQUFDO2dCQUN0QixLQUFLLEVBQUU7b0JBQ0wsd0JBQXdCLEVBQUU7d0JBQ3hCLE1BQU07d0JBQ047NEJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFBRSw0REFBNEQ7eUJBQ3ZFO3FCQUNGO29CQUNELEdBQUcsQ0FBQyxtQkFBbUIsSUFBSTt3QkFDekIsc0NBQXNDLEVBQUU7NEJBQ3RDLE9BQU8sRUFBRSx1REFBdUQ7NEJBQ2hFO2dDQUNFLFFBQVEsRUFBRSxTQUFTO2dDQUNuQixNQUFNLEVBQUU7b0NBQ04sV0FBVyxFQUFFLFVBQVU7aUNBQ3hCO2dDQUNELGlCQUFpQixFQUFFLE9BQU8sRUFBRSxVQUFVO2dDQUN0QyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsVUFBVTs2QkFDeEM7NEJBQ0Q7Z0NBQ0UsUUFBUSxFQUFFLFFBQVE7Z0NBQ2xCLE1BQU0sRUFBRTtvQ0FDTixXQUFXLEVBQUUsdUNBQXVDO29DQUNwRCxZQUFZLEVBQUUsdUJBQXVCO2lDQUN0Qzs2QkFDRjs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUsVUFBVTtnQ0FDcEIsTUFBTSxFQUFFO29DQUNOLFdBQVcsRUFBRSxVQUFVO29DQUN2QixZQUFZLEVBQUUsdUJBQXVCO2lDQUN0Qzs2QkFDRjs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUscUJBQXFCO2dDQUMvQixNQUFNLEVBQUUsSUFBSSxFQUFFLGdHQUFnRzs2QkFDL0c7NEJBQ0Q7Z0NBQ0UsUUFBUSxFQUFFLHVCQUF1QjtnQ0FDakMsTUFBTSxFQUFFLElBQUksRUFBRSxnR0FBZ0c7NkJBQy9HOzRCQUNEO2dDQUNFLFFBQVEsRUFBRSxXQUFXO2dDQUNyQixNQUFNLEVBQUU7b0NBQ04sV0FBVyxFQUFFLFVBQVU7b0NBQ3ZCLFlBQVksRUFBRSx1QkFBdUI7aUNBQ3RDO2dDQUNELGlCQUFpQixFQUFFLE9BQU8sRUFBRSxVQUFVO2dDQUN0QyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsVUFBVTs2QkFDeEM7NEJBQ0Q7Z0NBQ0UsUUFBUSxFQUFFLFVBQVU7Z0NBQ3BCLE1BQU0sRUFBRTtvQ0FDTixZQUFZLEVBQUUsa0NBQWtDO29DQUNoRCxXQUFXLEVBQUUseUJBQXlCO29DQUN0QyxZQUFZLEVBQUUseUJBQXlCO2lDQUN4QztnQ0FDRCxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsaUNBQWlDO2dDQUM3RCxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsaUNBQWlDOzZCQUMvRDs0QkFDRDtnQ0FDRSxRQUFRLEVBQUUsVUFBVTtnQ0FDcEIsTUFBTSxFQUFFO29DQUNOLFlBQVksRUFBRSxVQUFVO2lDQUN6Qjs2QkFDRjt5QkFDRjtxQkFDRixDQUFDO29CQUNGLEdBQUcsQ0FBQyxRQUFRLElBQUk7d0JBQ2QsdUJBQXVCLEVBQUU7NEJBQ3ZCLE9BQU8sRUFBRSw0RUFBNEU7NEJBQ3JGO2dDQUNFLFlBQVksRUFBRSxLQUFLO2dDQUNuQixRQUFRLEVBQUU7b0NBQ1IsNkZBQTZGO29DQUM3RixpR0FBaUc7aUNBQ2xHOzZCQUNGO3lCQUNGO3FCQUNGLENBQUM7aUJBQ0g7YUFDRjtTQUNpQjtLQUNyQixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==

package/lib/eslint.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eslint.template.d.ts","sourceRoot":"","sources":["../source/eslint.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;wBA8BhC,MAAM,CAAC,MAAM,EAAE;AA5BpB,wBA4BqB"}
+{"version":3,"file":"eslint.template.d.ts","sourceRoot":"","sources":["../src/eslint.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;wBA8BhC,MAAM,CAAC,MAAM,EAAE;AA5BpB,wBA4BqB"}

package/lib/eslint.template.js

@@ -29,4 +29,4 @@ export default [
         },
     },
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXNsaW50LnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc291cmNlL2VzbGludC50ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQkFBcUI7QUFFckIsT0FBTyxLQUFLLE1BQU0scUJBQXFCLENBQUM7QUFJeEMsZUFBZTtJQUNiLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVc7SUFDOUIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQ2pDO1FBQ0UsSUFBSSxFQUFFLHdCQUF3QjtRQUM5QixPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUU7UUFDbEIsZUFBZSxFQUFFO1lBQ2YsYUFBYSxFQUFFO2dCQUNiLFlBQVksRUFBRTtvQkFDWixHQUFHLEVBQUUsSUFBSTtpQkFDVjthQUNGO1NBQ0Y7UUFDRCxLQUFLLEVBQUU7WUFDTCwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsOENBQThDO1lBQ25GLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxzREFBc0Q7WUFDdkYsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLHlEQUF5RDtZQUNuRyxrQkFBa0IsRUFBRSxLQUFLLEVBQUUsbUNBQW1DO1lBQzlELGlCQUFpQixFQUFFLE1BQU0sRUFBRSxrQ0FBa0M7WUFDN0Qsc0JBQXNCLEVBQUU7Z0JBQ3RCLE1BQU0sRUFBRSxzQkFBc0I7Z0JBQzlCO29CQUNFLGFBQWEsRUFBRSxJQUFJO29CQUNuQixjQUFjLEVBQUUsSUFBSTtpQkFDckI7YUFDRjtTQUNGO0tBQ0Y7Q0FDaUIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXNsaW50LnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL2VzbGludC50ZW1wbGF0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQkFBcUI7QUFFckIsT0FBTyxLQUFLLE1BQU0scUJBQXFCLENBQUM7QUFJeEMsZUFBZTtJQUNiLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFdBQVc7SUFDOUIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQ2pDO1FBQ0UsSUFBSSxFQUFFLHdCQUF3QjtRQUM5QixPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUU7UUFDbEIsZUFBZSxFQUFFO1lBQ2YsYUFBYSxFQUFFO2dCQUNiLFlBQVksRUFBRTtvQkFDWixHQUFHLEVBQUUsSUFBSTtpQkFDVjthQUNGO1NBQ0Y7UUFDRCxLQUFLLEVBQUU7WUFDTCwyQkFBMkIsRUFBRSxNQUFNLEVBQUUsOENBQThDO1lBQ25GLHVCQUF1QixFQUFFLE1BQU0sRUFBRSxzREFBc0Q7WUFDdkYsZ0NBQWdDLEVBQUUsTUFBTSxFQUFFLHlEQUF5RDtZQUNuRyxrQkFBa0IsRUFBRSxLQUFLLEVBQUUsbUNBQW1DO1lBQzlELGlCQUFpQixFQUFFLE1BQU0sRUFBRSxrQ0FBa0M7WUFDN0Qsc0JBQXNCLEVBQUU7Z0JBQ3RCLE1BQU0sRUFBRSxzQkFBc0I7Z0JBQzlCO29CQUNFLGFBQWEsRUFBRSxJQUFJO29CQUNuQixjQUFjLEVBQUUsSUFBSTtpQkFDckI7YUFDRjtTQUNGO0tBQ0Y7Q0FDaUIsQ0FBQyJ9

package/lib/index.d.ts

@@ -1,10 +1,3 @@
-/** config for this preset */
-export interface PresetConfig {
-    /** configuration to be merged with .eslintrc */
-    eslint?: Record<string, unknown>;
-    /** configuration to be merged with tsconfig.json */
-    tsconfig?: Record<string, unknown>;
-}
 /** list of configurable variables */
 export interface Variables {
     /** the directory containing all source code (default: source) */

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../source/index.ts"],"names":[],"mappings":"AAeA,6BAA6B;AAC7B,MAAM,WAAW,YAAY;IAC3B,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,qCAAqC;AACrC,MAAM,WAAW,SAAS;IACxB,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB;;;;CAIT,CAAC;;AAKtB,wBA4BG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,qCAAqC;AACrC,MAAM,WAAW,SAAS;IACxB,iEAAiE;IACjE,MAAM,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB;;;;CAIT,CAAC;;AAKtB,wBA4BG"}

package/lib/index.js

@@ -9,7 +9,7 @@ const DIR = fileURLToPath(dirname(import.meta.url));
 const TEMPLATES = resolve(DIR, '..', 'templates');
 const OVERRIDES = resolve(DIR, '..', 'overrides');
 export const DEFAULT_VARIABLES = {
-    source: 'source',
+    source: 'src',
     types: 'types',
     output: 'lib',
 };
@@ -38,4 +38,4 @@ export default preset('presetter-preset-react', {
         },
     },
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zb3VyY2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6QyxPQUFPLEdBQUcsTUFBTSxzQkFBc0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsT0FBTyxjQUFjLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUU1QyxNQUFNLEdBQUcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztBQUVwRCxrQ0FBa0M7QUFDbEMsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsV0FBVyxDQUFDLENBQUM7QUFDbEQsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsV0FBVyxDQUFDLENBQUM7QUFvQmxELE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHO0lBQy9CLE1BQU0sRUFBRSxRQUFRO0lBQ2hCLEtBQUssRUFBRSxPQUFPO0lBQ2QsTUFBTSxFQUFFLEtBQUs7Q0FDTSxDQUFDO0FBRXRCLE1BQU0sVUFBVSxHQUFHLFlBQVksQ0FBQztBQUNoQyxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUM7QUFFaEMsZUFBZSxNQUFNLENBQUMsd0JBQXdCLEVBQUU7SUFDOUMsT0FBTyxFQUFFLENBQUMsR0FBRyxDQUFDO0lBQ2QsU0FBUyxFQUFFLGlCQUFpQjtJQUM1QixPQUFPLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxjQUFjLENBQUM7SUFDM0MsTUFBTSxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMxQixZQUFZLEVBQUUsQ0FBQyxPQUFPLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7WUFDeEMsR0FBRyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7WUFDbEIsSUFBSSxTQUFTLENBQUMsS0FBTSxJQUFJLFVBQVUsRUFBRTtZQUNwQyxJQUFJLFNBQVMsQ0FBQyxLQUFNLElBQUksVUFBVSxFQUFFO1NBQ3JDO1FBQ0Qsa0JBQWtCLEVBQUUsTUFBTTtRQUMxQixlQUFlLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxlQUFlLENBQUM7UUFDcEQscUJBQXFCLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxxQkFBcUIsQ0FBQztRQUNoRSxDQUFDLEdBQUcsU0FBUyxDQUFDLEtBQU0sSUFBSSxVQUFVLEVBQWtCLENBQUMsRUFBRSxPQUFPLENBQzVELFNBQVMsRUFDVCxVQUFVLENBQ1g7UUFDRCxDQUFDLEdBQUcsU0FBUyxDQUFDLEtBQU0sSUFBSSxVQUFVLEVBQWtCLENBQUMsRUFBRSxPQUFPLENBQzVELFNBQVMsRUFDVCxVQUFVLENBQ1g7S0FDRixDQUFDO0lBQ0YsUUFBUSxFQUFFO1FBQ1IsTUFBTSxFQUFFO1lBQ04sb0JBQW9CLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQztZQUMzRCxrQkFBa0IsRUFBRSxjQUFjO1NBQ25DO0tBQ0Y7Q0FDRixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUV6QyxPQUFPLEdBQUcsTUFBTSxzQkFBc0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFekMsT0FBTyxjQUFjLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUU1QyxNQUFNLEdBQUcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztBQUVwRCxrQ0FBa0M7QUFDbEMsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsV0FBVyxDQUFDLENBQUM7QUFDbEQsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsV0FBVyxDQUFDLENBQUM7QUFZbEQsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0IsTUFBTSxFQUFFLEtBQUs7SUFDYixLQUFLLEVBQUUsT0FBTztJQUNkLE1BQU0sRUFBRSxLQUFLO0NBQ00sQ0FBQztBQUV0QixNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUM7QUFDaEMsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBRWhDLGVBQWUsTUFBTSxDQUFDLHdCQUF3QixFQUFFO0lBQzlDLE9BQU8sRUFBRSxDQUFDLEdBQUcsQ0FBQztJQUNkLFNBQVMsRUFBRSxpQkFBaUI7SUFDNUIsT0FBTyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUUsY0FBYyxDQUFDO0lBQzNDLE1BQU0sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDMUIsWUFBWSxFQUFFLENBQUMsT0FBTyxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ3hDLEdBQUcsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO1lBQ2xCLElBQUksU0FBUyxDQUFDLEtBQU0sSUFBSSxVQUFVLEVBQUU7WUFDcEMsSUFBSSxTQUFTLENBQUMsS0FBTSxJQUFJLFVBQVUsRUFBRTtTQUNyQztRQUNELGtCQUFrQixFQUFFLE1BQU07UUFDMUIsZUFBZSxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUUsZUFBZSxDQUFDO1FBQ3BELHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUUscUJBQXFCLENBQUM7UUFDaEUsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxLQUFNLElBQUksVUFBVSxFQUFrQixDQUFDLEVBQUUsT0FBTyxDQUM1RCxTQUFTLEVBQ1QsVUFBVSxDQUNYO1FBQ0QsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxLQUFNLElBQUksVUFBVSxFQUFrQixDQUFDLEVBQUUsT0FBTyxDQUM1RCxTQUFTLEVBQ1QsVUFBVSxDQUNYO0tBQ0YsQ0FBQztJQUNGLFFBQVEsRUFBRTtRQUNSLE1BQU0sRUFBRTtZQUNOLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUUsaUJBQWlCLENBQUM7WUFDM0Qsa0JBQWtCLEVBQUUsY0FBYztTQUNuQztLQUNGO0NBQ0YsQ0FBQyxDQUFDIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "presetter-preset-react",
-  "version": "7.3.0",
+  "version": "8.0.2",
   "description": "An opinionated presetter preset for a React project",
   "keywords": [
     "presetter",
@@ -10,33 +10,40 @@
   "bugs": {
     "url": "https://github.com/alvis/presetter/issues"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/alvis/presetter.git"
+  },
   "license": "MIT",
   "author": "Alvis HT Tang <alvis@hilbert.space>",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
   "type": "module",
+  "imports": {
+    "#*": {
+      "types": "./lib/*.d.ts",
+      "import": "./lib/*.js"
+    }
+  },
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js"
     }
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/alvis/presetter.git"
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "dependencies": {
+    "presetter-types": "8.0.2"
+  },
+  "devDependencies": {
+    "presetter": "8.0.2"
   },
   "peerDependencies": {
-    "@testing-library/react": "^16.0.0",
     "eslint-plugin-react": "^7.0.0",
-    "eslint-plugin-testing-library": "^7.0.0",
-    "presetter": "7.3.0",
-    "presetter-preset-web": "7.3.0"
-  },
-  "devDependencies": {
-    "presetter": "7.3.0"
+    "presetter": "8.0.2",
+    "presetter-preset-web": "8.0.2"
   },
-  "dependencies": {
-    "presetter-types": "7.3.0"
+  "engines": {
+    "node": ">=20.0.0"
   },
   "scripts": {
     "build": "run build",

package/templates/tsconfig.yaml

@@ -18,11 +18,6 @@ compilerOptions:
   moduleResolution: bundler
   resolveJsonModule: true
   baseUrl: .
-  paths:
-    '#*':
-      - '{source}/*'
-    '*':
-      - '{types}/*'
 
   # libraries
   lib:
@@ -31,6 +26,9 @@ compilerOptions:
     - DOM
     - DOM.Iterable
 include:
+  - '.*/**/*.json'
+  - '.*/**/*.ts'
+  - '.*/**/*.tsx'
   - '**/*.json'
   - '**/*.ts'
   - '**/*.tsx'

package/types/eslint-plugin-react/index.d.ts

@@ -0,0 +1,41 @@
+declare module 'eslint-plugin-react' {
+  import type { ESLint, Linter } from 'eslint';
+
+  export default declare as ESLint.Plugin & {
+    configs: {
+      'all': {
+        plugins: Linter.PluginsRecord;
+        languageOptions: Linter.LanguageOptions;
+        rules: Linter.RulesRecord;
+      };
+      'jsx-runtime': {
+        plugins: Linter.PluginsRecord;
+        languageOptions: Linter.LanguageOptions;
+        rules: Linter.RulesRecord;
+      };
+      'recommended': {
+        plugins: Linter.PluginsRecord;
+        languageOptions: Linter.LanguageOptions;
+        rules: Linter.RulesRecord;
+      };
+      'flat': {
+        'all': {
+          plugins: Linter.PluginsRecord;
+          languageOptions: Linter.LanguageOptions;
+          rules: Linter.RulesRecord;
+        };
+        'jsx-runtime': {
+          plugins: Linter.PluginsRecord;
+          languageOptions: Linter.LanguageOptions;
+          rules: Linter.RulesRecord;
+        };
+        'recommended': {
+          plugins: Linter.PluginsRecord;
+          languageOptions: Linter.LanguageOptions;
+          rules: Linter.RulesRecord;
+        };
+      };
+    };
+    rules: Linter.RulesRecord;
+  };
+}