203 lines
8.1 KiB
TypeScript
203 lines
8.1 KiB
TypeScript
|
import { apiClient } from "./client";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 저장된 dataflow diagram으로부터 관계 정보를 조회하여 DataConnectionDesigner에서 사용할 수 있는 형태로 변환
|
||
|
|
*/
|
||
|
|
export const loadDataflowRelationship = async (diagramId: number) => {
|
||
|
|
try {
|
||
|
|
console.log(`📖 관계 정보 로드 시작: diagramId=${diagramId}`);
|
||
|
|
|
||
|
|
// dataflow-diagrams API에서 해당 diagram 조회
|
||
|
|
const response = await apiClient.get(`/dataflow-diagrams/${diagramId}`);
|
||
|
|
console.log("✅ diagram 조회 성공:", response.data);
|
||
|
|
|
||
|
|
const diagram = response.data.data;
|
||
|
|
if (!diagram || !diagram.relationships) {
|
||
|
|
throw new Error("관계 정보를 찾을 수 없습니다.");
|
||
|
|
}
|
||
|
|
|
||
|
|
console.log("🔍 원본 diagram 구조:", diagram);
|
||
|
|
console.log("🔍 relationships 구조:", diagram.relationships);
|
||
|
|
console.log("🔍 relationships.relationships 구조:", diagram.relationships?.relationships);
|
||
|
|
console.log("🔍 relationships.relationships 타입:", typeof diagram.relationships?.relationships);
|
||
|
|
console.log("🔍 relationships.relationships 배열인가?:", Array.isArray(diagram.relationships?.relationships));
|
||
|
|
|
||
|
|
// 기존 구조와 redesigned 구조 모두 지원
|
||
|
|
let relationshipsData;
|
||
|
|
|
||
|
|
// Case 1: Redesigned UI 구조 (단일 관계 객체)
|
||
|
|
if (diagram.relationships.relationships && !Array.isArray(diagram.relationships.relationships)) {
|
||
|
|
relationshipsData = diagram.relationships.relationships;
|
||
|
|
console.log("✅ Redesigned 구조 감지:", relationshipsData);
|
||
|
|
}
|
||
|
|
// Case 2: 기존 구조 (관계 배열) - 첫 번째 관계만 로드
|
||
|
|
else if (diagram.relationships.relationships && Array.isArray(diagram.relationships.relationships)) {
|
||
|
|
const firstRelation = diagram.relationships.relationships[0];
|
||
|
|
if (!firstRelation) {
|
||
|
|
throw new Error("관계 데이터가 없습니다.");
|
||
|
|
}
|
||
|
|
|
||
|
|
console.log("🔄 기존 구조 감지, 변환 중:", firstRelation);
|
||
|
|
|
||
|
|
// 기존 구조를 redesigned 구조로 변환
|
||
|
|
relationshipsData = {
|
||
|
|
description: firstRelation.note || "",
|
||
|
|
connectionType: firstRelation.connectionType || "data_save",
|
||
|
|
fromConnection: { id: 0, name: "메인 데이터베이스 (현재 시스템)" }, // 기본값
|
||
|
|
toConnection: { id: 0, name: "메인 데이터베이스 (현재 시스템)" }, // 기본값
|
||
|
|
fromTable: firstRelation.fromTable,
|
||
|
|
toTable: firstRelation.toTable,
|
||
|
|
actionType: "insert", // 기본값
|
||
|
|
controlConditions: [],
|
||
|
|
actionConditions: [],
|
||
|
|
fieldMappings: [],
|
||
|
|
};
|
||
|
|
|
||
|
|
// 기존 control 및 plan 데이터를 변환
|
||
|
|
if (diagram.control && diagram.control.length > 0) {
|
||
|
|
const control = diagram.control.find((c) => c.id === firstRelation.id);
|
||
|
|
if (control && control.conditions) {
|
||
|
|
relationshipsData.controlConditions = control.conditions;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (diagram.plan && diagram.plan.length > 0) {
|
||
|
|
const plan = diagram.plan.find((p) => p.id === firstRelation.id);
|
||
|
|
if (plan && plan.actions && plan.actions.length > 0) {
|
||
|
|
const firstAction = plan.actions[0];
|
||
|
|
relationshipsData.actionType = firstAction.actionType || "insert";
|
||
|
|
relationshipsData.fieldMappings = firstAction.fieldMappings || [];
|
||
|
|
relationshipsData.actionConditions = firstAction.conditions || [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// Case 3: 다른 구조들 처리
|
||
|
|
else if (diagram.relationships && typeof diagram.relationships === "object") {
|
||
|
|
console.log("🔄 다른 구조 감지, relationships 전체를 확인 중:", diagram.relationships);
|
||
|
|
|
||
|
|
// relationships 자체가 데이터인 경우 (레거시 구조)
|
||
|
|
if (
|
||
|
|
diagram.relationships.description ||
|
||
|
|
diagram.relationships.connectionType ||
|
||
|
|
diagram.relationships.fromTable
|
||
|
|
) {
|
||
|
|
relationshipsData = diagram.relationships;
|
||
|
|
console.log("✅ 레거시 구조 감지:", relationshipsData);
|
||
|
|
}
|
||
|
|
// relationships가 빈 객체이거나 예상치 못한 구조인 경우
|
||
|
|
else {
|
||
|
|
console.log("⚠️ 알 수 없는 relationships 구조, 기본값 생성");
|
||
|
|
relationshipsData = {
|
||
|
|
description: "",
|
||
|
|
connectionType: "data_save",
|
||
|
|
fromConnection: { id: 0, name: "메인 데이터베이스 (현재 시스템)" },
|
||
|
|
toConnection: { id: 0, name: "메인 데이터베이스 (현재 시스템)" },
|
||
|
|
fromTable: "",
|
||
|
|
toTable: "",
|
||
|
|
actionType: "insert",
|
||
|
|
controlConditions: [],
|
||
|
|
actionConditions: [],
|
||
|
|
fieldMappings: [],
|
||
|
|
};
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
throw new Error("관계 데이터가 없습니다.");
|
||
|
|
}
|
||
|
|
|
||
|
|
console.log("🔍 추출된 관계 데이터:", relationshipsData);
|
||
|
|
|
||
|
|
// DataConnectionDesigner에서 사용하는 형태로 변환
|
||
|
|
const loadedData = {
|
||
|
|
relationshipName: diagram.diagram_name,
|
||
|
|
description: relationshipsData.description || "",
|
||
|
|
connectionType: relationshipsData.connectionType || "data_save",
|
||
|
|
fromConnection: relationshipsData.fromConnection || { id: 0, name: "메인 데이터베이스 (현재 시스템)" },
|
||
|
|
toConnection: relationshipsData.toConnection || { id: 0, name: "메인 데이터베이스 (현재 시스템)" },
|
||
|
|
fromTable: relationshipsData.fromTable,
|
||
|
|
toTable: relationshipsData.toTable,
|
||
|
|
actionType: relationshipsData.actionType || "insert",
|
||
|
|
controlConditions: relationshipsData.controlConditions || [],
|
||
|
|
actionConditions: relationshipsData.actionConditions || [],
|
||
|
|
fieldMappings: relationshipsData.fieldMappings || [],
|
||
|
|
};
|
||
|
|
|
||
|
|
console.log("✨ 변환된 로드 데이터:", loadedData);
|
||
|
|
|
||
|
|
return loadedData;
|
||
|
|
} catch (error: any) {
|
||
|
|
console.error("❌ 관계 정보 로드 실패:", error);
|
||
|
|
|
||
|
|
let errorMessage = "관계 정보를 불러오는 중 오류가 발생했습니다.";
|
||
|
|
|
||
|
|
if (error.response?.status === 404) {
|
||
|
|
errorMessage = "관계 정보를 찾을 수 없습니다.";
|
||
|
|
} else if (error.response?.status === 401) {
|
||
|
|
errorMessage = "인증이 필요합니다. 다시 로그인해주세요.";
|
||
|
|
} else if (error.response?.data?.message) {
|
||
|
|
errorMessage = error.response.data.message;
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error(errorMessage);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export const saveDataflowRelationship = async (data: any) => {
|
||
|
|
try {
|
||
|
|
console.log("💾 임시 저장 방식 사용 - dataflow-diagrams API 활용");
|
||
|
|
|
||
|
|
// dataflow-diagrams API 형식에 맞게 데이터 변환
|
||
|
|
const requestData = {
|
||
|
|
diagram_name: data.relationshipName,
|
||
|
|
relationships: {
|
||
|
|
// 관계 정보를 relationships 형식으로 변환
|
||
|
|
connectionType: data.connectionType,
|
||
|
|
actionType: data.actionType,
|
||
|
|
fromConnection: data.fromConnection,
|
||
|
|
toConnection: data.toConnection,
|
||
|
|
fromTable: data.fromTable,
|
||
|
|
toTable: data.toTable,
|
||
|
|
fieldMappings: data.fieldMappings,
|
||
|
|
controlConditions: data.controlConditions,
|
||
|
|
actionConditions: data.actionConditions,
|
||
|
|
description: data.description,
|
||
|
|
},
|
||
|
|
category: {
|
||
|
|
type: "data-connection",
|
||
|
|
source: "redesigned-ui",
|
||
|
|
},
|
||
|
|
control: {
|
||
|
|
conditions: data.controlConditions,
|
||
|
|
actionType: data.actionType,
|
||
|
|
},
|
||
|
|
plan: {
|
||
|
|
description: data.description,
|
||
|
|
mappings: data.fieldMappings,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
console.log("📡 변환된 요청 데이터:", requestData);
|
||
|
|
|
||
|
|
// dataflow-diagrams API로 저장 (임시 해결책)
|
||
|
|
const response = await apiClient.post("/dataflow-diagrams", requestData);
|
||
|
|
|
||
|
|
console.log("✅ dataflow-diagrams 저장 성공:", response.data);
|
||
|
|
|
||
|
|
return response.data;
|
||
|
|
} catch (error: any) {
|
||
|
|
console.error("❌ 저장 실패:", error);
|
||
|
|
|
||
|
|
// 구체적인 에러 메시지 제공
|
||
|
|
let errorMessage = "저장 중 오류가 발생했습니다.";
|
||
|
|
|
||
|
|
if (error.response?.status === 404) {
|
||
|
|
errorMessage = "API 엔드포인트를 찾을 수 없습니다. 백엔드 서비스를 확인해주세요.";
|
||
|
|
} else if (error.response?.status === 401) {
|
||
|
|
errorMessage = "인증이 필요합니다. 다시 로그인해주세요.";
|
||
|
|
} else if (error.response?.data?.message) {
|
||
|
|
errorMessage = error.response.data.message;
|
||
|
|
}
|
||
|
|
|
||
|
|
throw new Error(errorMessage);
|
||
|
|
}
|
||
|
|
};
|