✨ api 모듈 생성 (#16)

* 🐛 vite가 alias 파싱할 수 있도록 수정 및 src를 @의 루트로 설정

* 🐛 tailwindcss가 파일명 오타로 적용되지 않는 버그 해결

* ✨ shadcn/ui로 카드, input, label, tab 컴포넌트 임포트

* ✨ 로그인 및 회원가입 UI 생성

* ✨ api 모듈 생성

* 🎨 마지막 출 추가 포매팅 적용

Author: Yeonu-Kim

src/infrastructure/api/apis/local-server/apis.ts

@@ -0,0 +1,36 @@
+import type {
+  ErrorResponse,
+  InternalCallParams,
+  ResponseNecessary,
+  SuccessResponse,
+} from '../../domain';
+import type { TestRequest, TestResponse } from './schemas';
+
+type GetApisProps = {
+  callWithToken: <R extends ResponseNecessary>(
+    p: InternalCallParams & { token: string }
+  ) => Promise<R | ErrorResponse>;
+  callWithoutToken: <R extends ResponseNecessary>(
+    p: InternalCallParams & { token?: never }
+  ) => Promise<R | ErrorResponse>;
+  callWithOptionalToken: <R extends ResponseNecessary>(
+    p: InternalCallParams & { token?: string }
+  ) => Promise<R | ErrorResponse>;
+};
+
+type Api = (_: {
+  body: never;
+  token: string;
+  params: never;
+  query: never;
+}) => Promise<{ status: number; data: unknown }>;
+
+export const getLocalServerApis = ({ callWithoutToken }: GetApisProps) =>
+  ({
+    'GET /test': ({ body }: { body: TestRequest }) =>
+      callWithoutToken<SuccessResponse<TestResponse>>({
+        method: 'GET',
+        path: 'test',
+        body,
+      }),
+  }) satisfies Record<string, Api>;

src/infrastructure/api/apis/local-server/index.ts

@@ -0,0 +1 @@
+export { getLocalServerApis } from './apis';

src/infrastructure/api/apis/local-server/schemas.ts

@@ -0,0 +1,7 @@
+export type TestRequest = {
+  test: number;
+};
+
+export type TestResponse = {
+  message: string;
+};

src/infrastructure/api/client.ts

@@ -0,0 +1,55 @@
+import { getLocalServerApis } from './apis/local-server';
+import type {
+  ErrorResponse,
+  ExternalCallParams,
+  InternalCallParams,
+  ResponseNecessary,
+} from './domain';
+
+type ImplApiProps = {
+  externalCall(_: ExternalCallParams): Promise<ResponseNecessary>;
+};
+
+export const implApi = ({ externalCall }: ImplApiProps) => {
+  const internalCall = async <R extends ResponseNecessary>(content: {
+    method: string;
+    path: string;
+    body?: Record<string, unknown>;
+    token?: string;
+  }) => {
+    const response = await externalCall({
+      method: content.method,
+      path: content.path,
+      body: content.body,
+      headers: {
+        'content-type': 'application/json;charset=UTF-8',
+        ...(content.token !== undefined
+          ? { Authorization: `Bearer ${content.token}` }
+          : {}),
+      },
+      credentials: 'include',
+    });
+
+    return response as R;
+  };
+
+  const callWithToken = <R extends ResponseNecessary>(
+    p: InternalCallParams & { token: string }
+  ) => internalCall<R | ErrorResponse>(p);
+
+  const callWithoutToken = <R extends ResponseNecessary>(
+    p: InternalCallParams & { token?: never }
+  ) => internalCall<R | ErrorResponse>(p);
+
+  const callWithOptionalToken = <R extends ResponseNecessary>(
+    p: InternalCallParams & { token?: string }
+  ) => internalCall<R | ErrorResponse>(p);
+
+  return getLocalServerApis({
+    callWithToken,
+    callWithoutToken,
+    callWithOptionalToken,
+  });
+};
+
+export type Apis = ReturnType<typeof getLocalServerApis>;

src/infrastructure/api/domain.ts

@@ -0,0 +1,36 @@
+export type ResponseNecessary = {
+  status: number;
+  data: unknown;
+};
+
+// TODO: 200 이외의 코드가 내려왔을 때 대응 필요
+export type SuccessResponse<T, Status extends number = 200> = {
+  status: Status;
+  data: T;
+};
+
+export type ErrorResponse<
+  Status extends number = 400 | 401 | 403 | 404 | 409 | 500,
+> = {
+  status: Status;
+  data: {
+    timestamp: string;
+    message: string;
+    code: string;
+  };
+};
+
+export type ExternalCallParams = {
+  method: string;
+  path: string;
+  body?: Record<string, unknown>;
+  headers?: Record<string, string>;
+  credentials?: string;
+};
+
+export type InternalCallParams = {
+  method: string;
+  path: string;
+  body?: Record<string, unknown>;
+  token?: string;
+};

src/infrastructure/api/index.ts

@@ -0,0 +1,2 @@
+export { type Apis, implApi } from './client';
+export type { ExternalCallParams } from './domain';