[FE-Feat] Vitest 및 Tsup config 세팅

frontend/apps/client/package.json

@@ -28,5 +28,8 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@endolphin/vitest-config": "workspace:*"
   }
 }

frontend/apps/client/vite.config.ts

@@ -39,11 +39,6 @@ export default defineConfig({
       '@components': path.resolve(dirname, 'src/components'),
     },
   },
-  test: {
-    globals: true,
-    include: ['src/**/*.test.ts', 'src/**/*.test.tsx'],
-    environment: 'jsdom',
-  },
   ssr: {
     noExternal: ['@endolphin/theme', '@endolphin/ui'],
   },

frontend/apps/client/vitest.config.ts

@@ -0,0 +1,16 @@
+import { createAlias, reactConfig } from '@endolphin/vitest-config';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { defineProject, mergeConfig } from 'vitest/config';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
+
+export default mergeConfig(
+  reactConfig,
+  defineProject({
+    resolve: {
+      alias: createAlias(dirname),
+    },
+  }),
+);

frontend/apps/server/package.json

@@ -13,6 +13,8 @@
   },
   "devDependencies": {
     "@types/express": "^5.0.2",
-    "typescript": "^5.6.2"
+    "typescript": "^5.6.2",
+    "@endolphin/tsup-config": "workspace:^",
+    "@endolphin/vitest-config": "workspace:^"
   }
 }

frontend/apps/server/tsup.config.ts

@@ -1,11 +1,8 @@
+import { nodeConfig } from '@endolphin/tsup-config';
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  entry: ['src/index.ts'],
-  platform: 'node',
-  format: ['esm'],
-  tsconfig: './tsconfig.json',
-  clean: true,
+  ...nodeConfig,
+  dts: false,
   bundle: false,
-  target: 'esnext',
 });

frontend/apps/server/vitest.config.ts

@@ -0,0 +1,7 @@
+import { nodeConfig } from '@endolphin/vitest-config';
+import { defineProject, mergeConfig } from 'vitest/config';
+
+export default mergeConfig(
+  nodeConfig,
+  defineProject({}),
+);

frontend/configs/tsup-config/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@endolphin/tsup-config",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": ["dist"],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc"
+  }
+}

frontend/configs/tsup-config/src/index.ts

@@ -0,0 +1,2 @@
+export * from './node.js';
+export * from './react.js';

frontend/configs/tsup-config/src/node.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'tsup';
+
+export const nodeConfig = defineConfig({
+  format: ['esm'],
+  entry: ['src/index.ts'],
+  outDir: 'dist',
+  dts: true,
+  clean: true,
+  tsconfig: './tsconfig.json',
+});

frontend/configs/tsup-config/src/react.ts

@@ -0,0 +1,12 @@
+import { vanillaExtractPlugin } from '@vanilla-extract/esbuild-plugin';
+import { defineConfig } from 'tsup';
+
+export const reactConfig = defineConfig({
+  format: ['esm'],
+  entry: ['src/index.ts'],
+  outDir: 'dist',
+  esbuildPlugins: [vanillaExtractPlugin()],
+  dts: true,
+  clean: true,
+  tsconfig: './tsconfig.json',
+});

frontend/configs/tsup-config/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "declaration": true,
+    "declarationDir": "dist/types",
+  },
+  "include": ["src"],
+}

frontend/configs/vitest-config/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@endolphin/vitest-config",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": ["dist"],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc"
+  }
+}

frontend/configs/vitest-config/src/createAlias.ts

@@ -0,0 +1,14 @@
+import path from 'path';
+
+/**
+ * 
+ * @param {string} dirname - 현재 패키지의 루트 디렉토리.
+ * @returns 
+ */
+export const createAlias = (dirname: string) => ({
+  '@': path.resolve(dirname, 'src'),
+  '@hooks': path.resolve(dirname, 'src/hooks'),
+  '@utils': path.resolve(dirname, 'src/utils'),
+  '@constants': path.resolve(dirname, 'src/constants'),
+  '@components': path.resolve(dirname, 'src/components'),
+});

frontend/configs/vitest-config/src/index.ts

@@ -0,0 +1,3 @@
+export * from './createAlias.js';
+export * from './node.js';
+export * from './react.js';

frontend/configs/vitest-config/src/node.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config';
+
+export const nodeConfig = defineConfig({
+  test: {
+    globals: true,
+    include: ['src/**/*.test.ts', 'src/**/*.test.tsx'],
+    environment: 'node',
+    passWithNoTests: true,
+  },
+});

frontend/configs/vitest-config/src/react.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vitest/config';
+
+export const reactConfig = defineConfig({
+  test: {
+    globals: true,
+    include: ['src/**/*.test.ts', 'src/**/*.test.tsx'],
+    environment: 'jsdom',
+    passWithNoTests: true,
+  },
+});

frontend/configs/vitest-config/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "declaration": true,
+    "declarationDir": "dist/types",
+  },
+  "include": ["src"],
+}

frontend/endolphin.code-workspace

@@ -31,6 +31,14 @@
     {
       "name": "date-time",
       "path": "packages/date-time"
+    },
+    {
+      "name": "tsup-config",
+      "path": "configs/tsup-config"
+    },
+    {
+      "name": "vitest-config",
+      "path": "configs/vitest-config"
     }
   ],
   "settings": {

frontend/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "build": "pnpm -r build",
     "dev": "pnpm -r dev",
+    "test": "pnpm -r test",
     "lint": "eslint .",
     "setup-git-hook": "bash src/scripts/git-hook-init-command.sh"
   },
@@ -54,7 +55,7 @@
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5",
-    "vitest": "^3.0.4"
+    "vitest": "^3.2.2"
   },
   "eslintConfig": {
     "extends": [

frontend/packages/calendar/package.json

@@ -10,7 +10,8 @@
   ],
   "scripts": {
     "build": "tsup --clean",
-    "start": "tsup --watch"
+    "start": "tsup --watch",
+    "test": "vitest"
   },
   "publishConfig": {
     "access": "public"
@@ -20,6 +21,10 @@
     "@endolphin/ui": "workspace:^",
     "@endolphin/theme": "workspace:^"
   },
+  "devDependencies": {
+    "@endolphin/tsup-config": "workspace:^",
+    "@endolphin/vitest-config": "workspace:^"
+  },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

frontend/packages/calendar/tsup.config.ts

@@ -1,12 +1,8 @@
-import { vanillaExtractPlugin } from '@vanilla-extract/esbuild-plugin';
+import { reactConfig } from '@endolphin/tsup-config';
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  format: ['esm'],
-  entry: ['src/index.ts'],
-  outDir: 'dist',
-  esbuildPlugins: [vanillaExtractPlugin()],
-  dts: true,
+  ...reactConfig,
   external: ['@endolphin/theme'],
   banner: {
     js: 'import \'./index.css\';',

frontend/packages/calendar/vitest.config.ts

@@ -0,0 +1,16 @@
+import { createAlias, reactConfig } from '@endolphin/vitest-config';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { defineProject, mergeConfig } from 'vitest/config';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
+
+export default mergeConfig(
+  reactConfig,
+  defineProject({
+    resolve: {
+      alias: createAlias(dirname),
+    },
+  }),
+);

frontend/packages/core/package.json

@@ -15,6 +15,10 @@
     "./types": "./dist/src/types/index.js"
   },
   "scripts": {
-    "build": "tsc -b && tsc-alias"
+    "build": "tsc -b && tsc-alias",
+    "test": "vitest"
+  },
+  "devDependencies": {
+    "@endolphin/vitest-config": "workspace:^"
   }
 }

frontend/packages/core/src/utils/date/date.test.ts

@@ -1,4 +1,4 @@
-import { WEEK_MAP } from 'src/constants/date';
+import { WEEK_MAP } from '@constants/date';
 
 import { formatDateToWeek } from '.';
 

frontend/packages/core/src/utils/date/position.ts

@@ -1,4 +1,4 @@
-import { TIME_HEIGHT } from 'src/constants/date';
+import { TIME_HEIGHT } from '@constants/date';
 
 import { getDateParts, setDateOnly } from './date';
 

frontend/packages/core/vitest.config.ts

@@ -0,0 +1,16 @@
+import { createAlias, reactConfig } from '@endolphin/vitest-config';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { defineProject, mergeConfig } from 'vitest/config';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
+
+export default mergeConfig(
+  reactConfig,
+  defineProject({
+    resolve: {
+      alias: createAlias(dirname),
+    },
+  }),
+);

frontend/packages/date-time/package.json

@@ -9,9 +9,14 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup --clean"
+    "build": "tsup --clean",
+    "test": "vitest"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "devDependencies": {
+    "@endolphin/tsup-config": "workspace:^",
+    "@endolphin/vitest-config": "workspace:^"
   }
 }

frontend/packages/date-time/tsup.config.ts

@@ -1,8 +1,6 @@
+import { nodeConfig } from '@endolphin/tsup-config';
 import { defineConfig } from 'tsup';
 
 export default defineConfig({
-  format: ['esm'],
-  entry: ['src/index.ts'],
-  outDir: 'dist',
-  dts: true,
+  ...nodeConfig,
 });

frontend/packages/date-time/vitest.config.ts

@@ -0,0 +1,16 @@
+import { createAlias, nodeConfig } from '@endolphin/vitest-config';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { defineProject, mergeConfig } from 'vitest/config';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
+
+export default mergeConfig(
+  nodeConfig,
+  defineProject({
+    resolve: {
+      alias: createAlias(dirname),
+    },
+  }),
+);

frontend/packages/theme/package.json

@@ -18,6 +18,9 @@
       "types": "./dist/src/setup.d.ts"
     }
   },
+  "devDependencies": {
+    "@endolphin/tsup-config": "workspace:^"
+  },
   "peerDependencies": {
     "@endolphin/core": "workspace:^",
     "@vanilla-extract/css": "^1.17.0",