@farmzone/fz-template-react 1.0.5 → 1.0.7

package/template/src/mocks/handlers.ts

@@ -1,43 +1,43 @@
-import { HttpResponse, delay, http, passthrough } from "msw";
-
-import { getScenario, getTargetPath } from "./scenarios";
-
-const BASE_URL = `${import.meta.env.VITE_APP_API_HOST}/api/${import.meta.env.VITE_APP_API_VERSION}`;
-
-const ERROR_RESPONSES: Record<string, () => Response> = {
-  "500": () => HttpResponse.json({ message: "Internal Server Error" }, { status: 500 }),
-  "503": () => HttpResponse.json({ message: "Service Unavailable" }, { status: 503 }),
-  "408": () => HttpResponse.json({ message: "Request Timeout" }, { status: 408 }),
-  "401": () => HttpResponse.json({ message: "Unauthorized" }, { status: 401 }),
-  "403": () => HttpResponse.json({ message: "Forbidden" }, { status: 403 }),
-  "404": () => HttpResponse.json({ message: "Not Found" }, { status: 404 }),
-  "400": () => HttpResponse.json({ message: "Bad Request" }, { status: 400 }),
-  network: () => HttpResponse.error(),
-};
-
-const timeoutInterceptor = async () => {
-  await delay(3_000); // 3초 지연 후 408 반환 (타임아웃 시뮬레이션)
-  return HttpResponse.json({ message: "Request Timeout" }, { status: 408 });
-};
-
-const errorInterceptor = async ({ request }: { request: Request }) => {
-  const scenario = getScenario();
-
-  if (scenario === "none") return passthrough();
-
-  const targetPath = getTargetPath();
-  if (targetPath && !request.url.includes(targetPath)) return passthrough();
-
-  if (scenario === "timeout") return timeoutInterceptor();
-
-  const handler = ERROR_RESPONSES[scenario];
-  return handler ? handler() : passthrough();
-};
-
-export const handlers = [
-  http.get(`${BASE_URL}/*`, errorInterceptor),
-  http.post(`${BASE_URL}/*`, errorInterceptor),
-  http.put(`${BASE_URL}/*`, errorInterceptor),
-  http.patch(`${BASE_URL}/*`, errorInterceptor),
-  http.delete(`${BASE_URL}/*`, errorInterceptor),
-];
+import { HttpResponse, delay, http, passthrough } from "msw";
+
+import { getScenario, getTargetPath } from "./scenarios";
+
+const BASE_URL = `${import.meta.env.VITE_APP_API_HOST}/api/${import.meta.env.VITE_APP_API_VERSION}`;
+
+const ERROR_RESPONSES: Record<string, () => Response> = {
+  "500": () => HttpResponse.json({ message: "Internal Server Error" }, { status: 500 }),
+  "503": () => HttpResponse.json({ message: "Service Unavailable" }, { status: 503 }),
+  "408": () => HttpResponse.json({ message: "Request Timeout" }, { status: 408 }),
+  "401": () => HttpResponse.json({ message: "Unauthorized" }, { status: 401 }),
+  "403": () => HttpResponse.json({ message: "Forbidden" }, { status: 403 }),
+  "404": () => HttpResponse.json({ message: "Not Found" }, { status: 404 }),
+  "400": () => HttpResponse.json({ message: "Bad Request" }, { status: 400 }),
+  network: () => HttpResponse.error(),
+};
+
+const timeoutInterceptor = async () => {
+  await delay(3_000); // 3초 지연 후 408 반환 (타임아웃 시뮬레이션)
+  return HttpResponse.json({ message: "Request Timeout" }, { status: 408 });
+};
+
+const errorInterceptor = async ({ request }: { request: Request }) => {
+  const scenario = getScenario();
+
+  if (scenario === "none") return passthrough();
+
+  const targetPath = getTargetPath();
+  if (targetPath && !request.url.includes(targetPath)) return passthrough();
+
+  if (scenario === "timeout") return timeoutInterceptor();
+
+  const handler = ERROR_RESPONSES[scenario];
+  return handler ? handler() : passthrough();
+};
+
+export const handlers = [
+  http.get(`${BASE_URL}/*`, errorInterceptor),
+  http.post(`${BASE_URL}/*`, errorInterceptor),
+  http.put(`${BASE_URL}/*`, errorInterceptor),
+  http.patch(`${BASE_URL}/*`, errorInterceptor),
+  http.delete(`${BASE_URL}/*`, errorInterceptor),
+];

package/template/src/mocks/scenarios.ts

@@ -1,57 +1,57 @@
-// 브라우저 콘솔에서 에러 시나리오 변경:
-//   window.__setMswErrorScenario('500')          → 모든 API 서버 내부 오류
-//   window.__setMswErrorScenario('500', 'users') → /users 포함 URL만 500, 나머지 정상
-//   window.__setMswErrorScenario('503')          → 서비스 일시 불능 (1회 재시도)
-//   window.__setMswErrorScenario('408')          → 타임아웃 (1회 재시도)
-//   window.__setMswErrorScenario('401')          → 인증 오류
-//   window.__setMswErrorScenario('403')          → 권한 오류
-//   window.__setMswErrorScenario('404')          → 존재하지 않는 리소스
-//   window.__setMswErrorScenario('400')          → 잘못된 요청
-//   window.__setMswErrorScenario('timeout')      → 타임아웃 (3초 지연 후 408 반환 → 1회 재시도)
-//   window.__setMswErrorScenario('network')      → 네트워크 장애 (1회 재시도)
-//   window.__setMswErrorScenario('none')         → 모킹 해제
-
-export type MswScenario =
-  | "500"
-  | "503"
-  | "408"
-  | "401"
-  | "403"
-  | "404"
-  | "400"
-  | "network"
-  | "timeout"
-  | "none";
-
-const SCENARIO_KEY = "msw-scenario";
-const TARGET_KEY = "msw-target-path";
-
-export const getScenario = (): MswScenario => (localStorage.getItem(SCENARIO_KEY) as MswScenario) ?? "none";
-
-export const getTargetPath = (): string | null => localStorage.getItem(TARGET_KEY);
-
-export const setErrorScenario = (scenario: MswScenario, targetPath?: string) => {
-  localStorage.setItem(SCENARIO_KEY, scenario);
-
-  if (targetPath) {
-    localStorage.setItem(TARGET_KEY, targetPath);
-  } else {
-    localStorage.removeItem(TARGET_KEY);
-  }
-
-  const flags = [targetPath ? `대상: *${targetPath}*` : null].filter(Boolean).join(", ");
-
-  console.log(`[MSW] 시나리오 변경: ${scenario}${flags ? ` (${flags})` : ""} (새로고침 후 적용)`);
-};
-
-export const getScenarioGuide = () => {
-  console.log(`
-[브라우저 콘솔에서 에러 시나리오 변경 Guide]
-
-(1) API 500 에러
-window.__setMswErrorScenario('500')
-
-(2) users API만 500 에러
-window.__setMswErrorScenario('500', 'users')
-`);
-};
+// 브라우저 콘솔에서 에러 시나리오 변경:
+//   window.__setMswErrorScenario('500')          → 모든 API 서버 내부 오류
+//   window.__setMswErrorScenario('500', 'users') → /users 포함 URL만 500, 나머지 정상
+//   window.__setMswErrorScenario('503')          → 서비스 일시 불능 (1회 재시도)
+//   window.__setMswErrorScenario('408')          → 타임아웃 (1회 재시도)
+//   window.__setMswErrorScenario('401')          → 인증 오류
+//   window.__setMswErrorScenario('403')          → 권한 오류
+//   window.__setMswErrorScenario('404')          → 존재하지 않는 리소스
+//   window.__setMswErrorScenario('400')          → 잘못된 요청
+//   window.__setMswErrorScenario('timeout')      → 타임아웃 (3초 지연 후 408 반환 → 1회 재시도)
+//   window.__setMswErrorScenario('network')      → 네트워크 장애 (1회 재시도)
+//   window.__setMswErrorScenario('none')         → 모킹 해제
+
+export type MswScenario =
+  | "500"
+  | "503"
+  | "408"
+  | "401"
+  | "403"
+  | "404"
+  | "400"
+  | "network"
+  | "timeout"
+  | "none";
+
+const SCENARIO_KEY = "msw-scenario";
+const TARGET_KEY = "msw-target-path";
+
+export const getScenario = (): MswScenario => (localStorage.getItem(SCENARIO_KEY) as MswScenario) ?? "none";
+
+export const getTargetPath = (): string | null => localStorage.getItem(TARGET_KEY);
+
+export const setErrorScenario = (scenario: MswScenario, targetPath?: string) => {
+  localStorage.setItem(SCENARIO_KEY, scenario);
+
+  if (targetPath) {
+    localStorage.setItem(TARGET_KEY, targetPath);
+  } else {
+    localStorage.removeItem(TARGET_KEY);
+  }
+
+  const flags = [targetPath ? `대상: *${targetPath}*` : null].filter(Boolean).join(", ");
+
+  console.log(`[MSW] 시나리오 변경: ${scenario}${flags ? ` (${flags})` : ""} (새로고침 후 적용)`);
+};
+
+export const getScenarioGuide = () => {
+  console.log(`
+[브라우저 콘솔에서 에러 시나리오 변경 Guide]
+
+(1) API 500 에러
+window.__setMswErrorScenario('500')
+
+(2) users API만 500 에러
+window.__setMswErrorScenario('500', 'users')
+`);
+};