feat(vitest): add @suspensive/vitest generating named config automati…

…cally by packageJson.name (#131)

* feat(vitest): add @suspensive/vitest generating named config automatically by packageJson.name

* Update packages/react/vitest.config.ts

Co-authored-by: 박찬혁 <[email protected]>

* ci(.github/workflows): update

* Create dry-phones-applaud.md

---------

Co-authored-by: 박찬혁 <[email protected]>

.changeset/dry-phones-applaud.md

@@ -0,0 +1,6 @@
+---
+"@suspensive/react-query": patch
+"@suspensive/react": patch
+---
+
+feat(vitest): add @suspensive/vitest generating named config automatically by packageJson.name

.github/workflows/ci.yml

@@ -29,6 +29,6 @@ jobs:
           cache-dependency-path: 'pnpm-lock.yaml'
           node-version-file: '.nvmrc'
       - run: pnpm install --frozen-lockfile
-      - run: pnpm build --filter=@suspensive/react --filter=@suspensive/react-query
+      - run: pnpm prepack
       - name: Run commands
         run: ${{ matrix.command }}

.github/workflows/code-coverage.yml

@@ -22,6 +22,7 @@ jobs:
           cache-dependency-path: 'pnpm-lock.yaml'
           node-version-file: '.nvmrc'
       - run: pnpm install --frozen-lockfile
+      - run: pnpm prepack
       - run: pnpm test
       - name: Upload coverage reports to Codecov
         uses: codecov/codecov-action@v3

configs/eslint-config-js/package.json

@@ -12,8 +12,8 @@
   "dependencies": {
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-vitest": "0.3.1",
-    "eslint-plugin-prettier": "^4.2.1"
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vitest": "0.3.1"
   },
   "peerDependencies": {
     "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"

configs/vitest/.eslintrc.cjs

@@ -0,0 +1,6 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ['@suspensive/eslint-config-ts'],
+  ignorePatterns: ['*.js*', 'dist', 'coverage'],
+}

configs/vitest/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@suspensive/vitest",
+  "version": "0.0.0",
+  "private": true,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc",
+    "lint": "eslint .",
+    "prepack": "pnpm build",
+    "type:check": "tsc --noEmit"
+  }
+}

configs/vitest/src/index.ts

@@ -0,0 +1,25 @@
+import fs from 'fs'
+import path, { dirname } from 'path'
+import { UserConfig } from 'vitest/config'
+
+export const forPackage = (userConfig?: UserConfig): UserConfig => {
+  const packageJsonPath = path.resolve(dirname('.'), 'package.json')
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))
+
+  return {
+    ...userConfig,
+    test: {
+      name: packageJson.name,
+      dir: './src',
+      watch: false,
+      environment: 'jsdom',
+      globals: true,
+      setupFiles: './test.setup.ts',
+      coverage: {
+        provider: 'v8',
+        ...userConfig?.test?.coverage,
+      },
+      ...userConfig?.test,
+    },
+  }
+}

configs/vitest/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@suspensive/tsconfig/base.json",
+  "include": ["./src"],
+  "compilerOptions": {
+    "outDir": "dist"
+  }
+}

packages/react-query/package.json

@@ -49,6 +49,7 @@
   "devDependencies": {
     "@suspensive/react": "workspace:*",
     "@suspensive/tsup": "workspace:*",
+    "@suspensive/vitest": "workspace:*",
     "@tanstack/react-query": "^4.29.5",
     "@types/node": "^18.16.2",
     "@types/react": "^18.2.0",

packages/react-query/vitest.config.ts

@@ -1,13 +1,4 @@
+import { forPackage } from '@suspensive/vitest'
 import { defineConfig } from 'vitest/config'
 
-export default defineConfig({
-  test: {
-    name: '@suspensive/react-query',
-    dir: './src',
-    watch: false,
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: './test.setup.ts',
-    coverage: { provider: 'v8' },
-  },
-})
+export default defineConfig(forPackage())

packages/react/package.json

@@ -47,6 +47,7 @@
   },
   "devDependencies": {
     "@suspensive/tsup": "workspace:*",
+    "@suspensive/vitest": "workspace:*",
     "@types/node": "^18.16.2",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",

packages/react/vitest.config.ts

@@ -1,13 +1,4 @@
+import { forPackage } from '@suspensive/vitest'
 import { defineConfig } from 'vitest/config'
 
-export default defineConfig({
-  test: {
-    name: '@suspensive/react',
-    dir: './src',
-    watch: false,
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: './test.setup.ts',
-    coverage: { provider: 'v8' },
-  },
-})
+export default defineConfig(forPackage())