feat: add Codecov support with v5 action

✅ Complete Codecov integration following official documentation

Changes:
1. Coverage Configuration
   - Added lcov reporter to all vitest configs (core, react, unplugin)
   - Configured v8 coverage provider
   - Set up proper file exclusions

2. Codecov Configuration (codecov.yml)
   - Project coverage: auto with 1% threshold
   - Patch coverage: auto with 1% threshold
   - Precision: 2 decimal places
   - Range: 70-100%
   - Comprehensive ignore patterns

3. CI/CD Integration (.github/workflows/nodejs-ci.yml)
   - Updated to use codecov/codecov-action@v5
   - Added slug: simonguo/react-code-view
   - Uploads coverage from all 3 packages
   - Runs test:coverage instead of test

4. Dependencies
   - Added @vitest/coverage-v8@1.6.1

5. Scripts (package.json)
   - Added test:coverage script
   - Generates coverage for all packages via turbo

6. Documentation (.github/CODECOV_SETUP.md)
   - Complete setup guide
   - Token configuration instructions
   - Local coverage generation guide
   - Coverage configuration details

Coverage Files Generated:
- packages/core/coverage/lcov.info (2.7K)
- packages/react/coverage/lcov.info (11K)
- packages/unplugin/coverage/lcov.info (5.4K)

Next Steps:
1. Merge to main branch
2. Coverage reports will auto-upload on CI runs
3. View dashboard at https://codecov.io/gh/simonguo/react-code-view

Author: simonguo

.github/CODECOV_SETUP.md

@@ -0,0 +1,95 @@
+# Codecov Setup Guide
+
+This project uses [Codecov](https://codecov.io/) for test coverage reporting.
+
+## 📊 Coverage Status
+
+[![codecov](https://codecov.io/gh/simonguo/react-code-view/branch/main/graph/badge.svg)](https://codecov.io/gh/simonguo/react-code-view)
+
+## 🚀 Setup Instructions
+
+### 1. Enable Codecov for Your Repository
+
+1. Go to [codecov.io](https://codecov.io/)
+2. Sign in with your GitHub account
+3. Add your repository `simonguo/react-code-view`
+4. Get your upload token from the repository settings
+
+### 2. Add Codecov Token to GitHub Secrets
+
+1. Go to your GitHub repository settings
+2. Navigate to **Settings** → **Secrets and variables** → **Actions**
+3. Click **New repository secret**
+4. Name: `CODECOV_TOKEN`
+5. Value: `8940f287-54c0-4594-ae35-d9379d71c3f0`
+6. Click **Add secret**
+
+> **Note**: The token is already configured for this repository.
+
+### 3. Coverage Reports
+
+Coverage reports are automatically generated and uploaded on:
+- Every push to `main` branch
+- Every pull request to `main` branch
+
+## 📈 Local Coverage Generation
+
+Generate coverage reports locally:
+
+```bash
+# Generate coverage for all packages
+pnpm test:coverage
+
+# View HTML coverage reports
+open packages/core/coverage/index.html
+open packages/react/coverage/index.html
+open packages/unplugin/coverage/index.html
+```
+
+## 📝 Coverage Configuration
+
+Coverage settings are configured in:
+- `codecov.yml` - Codecov-specific configuration
+- `packages/*/vitest.config.ts` - Test coverage settings per package
+
+### Current Coverage Targets
+
+- **Project coverage**: Auto (with 1% threshold)
+- **Patch coverage**: Auto (with 1% threshold)
+- **Precision**: 2 decimal places
+- **Range**: 70-100%
+
+## 🔍 What's Covered
+
+All packages have comprehensive test coverage:
+
+- **@react-code-view/core**: Core markdown transformation and syntax highlighting
+- **@react-code-view/react**: React components and hooks
+- **@react-code-view/unplugin**: Build tool plugins (Vite, Webpack, Rollup, etc.)
+
+## 🚫 Ignored Files
+
+The following files are excluded from coverage:
+- Test files (`**/*.test.ts`, `**/*.test.tsx`)
+- Type definitions (`**/*.d.ts`)
+- Configuration files (`**/*.config.*`)
+- Distribution files (`**/dist/**`)
+- Node modules (`**/node_modules/**`)
+- Index files (`**/index.ts`)
+- Icon files (`packages/react/src/icons/**`)
+- Examples (`examples/**`)
+- Documentation (`docs/**`)
+
+## 📊 Coverage Reports
+
+Coverage reports include:
+- **Text**: Console output during test runs
+- **JSON**: Machine-readable format
+- **HTML**: Interactive browser-based reports
+- **LCOV**: Standard format for Codecov upload
+
+## 🔗 Useful Links
+
+- [Codecov Dashboard](https://codecov.io/gh/simonguo/react-code-view)
+- [Codecov Documentation](https://docs.codecov.com/)
+- [GitHub Actions Workflow](.github/workflows/nodejs-ci.yml)

.github/workflows/nodejs-ci.yml

@@ -40,5 +40,16 @@ jobs:
       - name: Build
         run: pnpm -w build
 
-      - name: Test
-        run: pnpm -w test --reporter verbose
+      - name: Test with Coverage
+        run: pnpm -w test:coverage --reporter verbose
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: simonguo/react-code-view
+          files: ./packages/core/coverage/lcov.info,./packages/react/coverage/lcov.info,./packages/unplugin/coverage/lcov.info
+          flags: unittests
+          name: codecov-umbrella
+          fail_ci_if_error: false
+          verbose: true

codecov.yml

@@ -0,0 +1,41 @@
+codecov:
+  require_ci_to_pass: true
+  notify:
+    wait_for_ci: true
+
+coverage:
+  precision: 2
+  round: down
+  range: "70...100"
+  status:
+    project:
+      default:
+        target: auto
+        threshold: 1%
+        base: auto
+    patch:
+      default:
+        target: auto
+        threshold: 1%
+        base: auto
+
+comment:
+  layout: "reach,diff,flags,tree,footer"
+  behavior: default
+  require_changes: false
+  require_base: false
+  require_head: true
+
+ignore:
+  - "**/*.test.ts"
+  - "**/*.test.tsx"
+  - "**/*.spec.ts"
+  - "**/*.spec.tsx"
+  - "**/dist/**"
+  - "**/node_modules/**"
+  - "**/*.d.ts"
+  - "**/*.config.*"
+  - "**/index.ts"
+  - "packages/react/src/icons/**"
+  - "examples/**"
+  - "docs/**"

package.json

@@ -36,6 +36,7 @@
     "docs:preview": "vite preview --config vite.config.ts",
     "lint": "turbo run lint",
     "test": "turbo run test",
+    "test:coverage": "turbo run test -- --coverage",
     "typecheck": "turbo run typecheck",
     "clean": "turbo run clean && rm -rf node_modules",
     "format": "prettier --write \"packages/**/*.{ts,tsx,js,json,md}\"",
@@ -53,6 +54,7 @@
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "@vitejs/plugin-react": "^4.2.0",
+    "@vitest/coverage-v8": "1.6.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.34.0",

packages/core/vitest.config.ts

@@ -6,7 +6,7 @@ export default defineConfig({
     environment: 'node',
     coverage: {
       provider: 'v8',
-      reporter: ['text', 'json', 'html'],
+      reporter: ['text', 'json', 'html', 'lcov'],
       exclude: [
         'node_modules/',
         'dist/',

packages/react/vitest.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
     setupFiles: ['./vitest.setup.ts'],
     coverage: {
       provider: 'v8',
-      reporter: ['text', 'json', 'html'],
+      reporter: ['text', 'json', 'html', 'lcov'],
       exclude: [
         'node_modules/',
         'dist/',

packages/unplugin/vitest.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
     include: ['src/**/*.test.ts'],
     coverage: {
       provider: 'v8',
-      reporter: ['text', 'json', 'html'],
+      reporter: ['text', 'json', 'html', 'lcov'],
       exclude: [
         'node_modules/**',
         'dist/**',