feat: fetchWrapper 마이그레이션 및 토큰 리프레시 캐싱 구현

- 40+ actions.ts 파일을 fetchWrapper 패턴으로 마이그레이션
- 토큰 리프레시 캐싱 로직 추가 (refresh-token.ts)
- ApiErrorContext 추가로 전역 에러 처리 개선
- HR EmployeeForm 컴포넌트 개선
- 참조함(ReferenceBox) 기능 수정
- juil 테스트 URL 페이지 추가
- claudedocs 문서 업데이트

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
byeongcheolryu
2025-12-30 17:00:18 +09:00
parent 0e5307f7a3
commit d38b1242d7
82 changed files with 7434 additions and 4775 deletions

View File

@@ -7,22 +7,9 @@
'use server';
import { cookies } from 'next/headers';
import { serverFetch } from '@/lib/api/fetch-wrapper';
import type { WorkOrder, WorkOrderStatus } from '../ProductionDashboard/types';
// ===== API 헤더 생성 =====
async function getApiHeaders(): Promise<HeadersInit> {
const cookieStore = await cookies();
const token = cookieStore.get('access_token')?.value;
return {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': token ? `Bearer ${token}` : '',
'X-API-KEY': process.env.API_KEY || '',
};
}
// ===== API 타입 =====
interface WorkOrderApiItem {
id: number;
@@ -97,18 +84,21 @@ export async function getMyWorkOrders(): Promise<{
error?: string;
}> {
try {
const headers = await getApiHeaders();
// 작업 대기 + 작업중 상태만 조회 (완료 제외)
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders?per_page=100&assigned_to_me=1`;
console.log('[WorkerScreenActions] GET my work orders:', url);
const response = await fetch(url, {
method: 'GET',
headers,
cache: 'no-store',
});
const { response, error } = await serverFetch(url, { method: 'GET' });
if (error || !response) {
console.warn('[WorkerScreenActions] GET error:', error?.message);
return {
success: false,
data: [],
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
if (!response.ok) {
console.warn('[WorkerScreenActions] GET error:', response.status);
@@ -156,14 +146,11 @@ export async function completeWorkOrder(
materials?: { materialId: number; quantity: number; lotNo?: string }[]
): Promise<{ success: boolean; lotNo?: string; error?: string }> {
try {
const headers = await getApiHeaders();
// 상태를 completed로 변경
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${id}/status`,
{
method: 'PATCH',
headers,
body: JSON.stringify({
status: 'completed',
materials,
@@ -171,6 +158,13 @@ export async function completeWorkOrder(
}
);
if (error || !response) {
return {
success: false,
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
const result = await response.json();
console.log('[WorkerScreenActions] Complete response:', result);
@@ -215,18 +209,21 @@ export async function getMaterialsForWorkOrder(
error?: string;
}> {
try {
const headers = await getApiHeaders();
// 작업지시 BOM 기준 자재 목록 조회
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${workOrderId}/materials`;
console.log('[WorkerScreenActions] GET materials for work order:', url);
const response = await fetch(url, {
method: 'GET',
headers,
cache: 'no-store',
});
const { response, error } = await serverFetch(url, { method: 'GET' });
if (error || !response) {
console.warn('[WorkerScreenActions] GET materials error:', error?.message);
return {
success: false,
data: [],
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
if (!response.ok) {
console.warn('[WorkerScreenActions] GET materials error:', response.status);
@@ -284,17 +281,21 @@ export async function registerMaterialInput(
materialIds: number[]
): Promise<{ success: boolean; error?: string }> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${workOrderId}/material-inputs`,
{
method: 'POST',
headers,
body: JSON.stringify({ material_ids: materialIds }),
}
);
if (error || !response) {
return {
success: false,
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
const result = await response.json();
console.log('[WorkerScreenActions] Register material input response:', result);
@@ -325,17 +326,21 @@ export async function reportIssue(
}
): Promise<{ success: boolean; error?: string }> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${workOrderId}/issues`,
{
method: 'POST',
headers,
body: JSON.stringify(data),
}
);
if (error || !response) {
return {
success: false,
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
const result = await response.json();
console.log('[WorkerScreenActions] Report issue response:', result);
@@ -385,17 +390,20 @@ export async function getProcessSteps(
error?: string;
}> {
try {
const headers = await getApiHeaders();
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${workOrderId}/process-steps`;
console.log('[WorkerScreenActions] GET process steps:', url);
const response = await fetch(url, {
method: 'GET',
headers,
cache: 'no-store',
});
const { response, error } = await serverFetch(url, { method: 'GET' });
if (error || !response) {
console.warn('[WorkerScreenActions] GET process steps error:', error?.message);
return {
success: false,
data: [],
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
if (!response.ok) {
console.warn('[WorkerScreenActions] GET process steps error:', response.status);
@@ -471,17 +479,21 @@ export async function requestInspection(
stepId: string
): Promise<{ success: boolean; error?: string }> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/work-orders/${workOrderId}/process-steps/${stepId}/inspection-request`,
{
method: 'POST',
headers,
body: JSON.stringify({}),
}
);
if (error || !response) {
return {
success: false,
error: error?.message || '네트워크 오류가 발생했습니다.',
};
}
const result = await response.json();
console.log('[WorkerScreenActions] Inspection request response:', result);