jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance batch management functionality by adding node flow execution support and improving batch configuration creation. Introduce new API endpoint for retrieving node flows and update existing batch services to handle execution types. Update frontend components to support new scheduling options and node flow selection.

Browse Source
This commit is contained in:
DDD1542
2026-03-19 15:07:07 +09:00
parent 7f781b0177
commit 43cf91e748
41 changed files with 4020 additions and 3155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
frontend/components/dataflow/node-editor/nodes/InsertActionNode.tsx
View File

@@ -1,81 +1,38 @@
"use client";
/**
* INSERT 액션 노드
*/
import { memo } from "react";
import { Handle, Position, NodeProps } from "reactflow";
import { NodeProps } from "reactflow";
import { Plus } from "lucide-react";
import { CompactNodeShell } from "./CompactNodeShell";
import type { InsertActionNodeData } from "@/types/node-editor";
export const InsertActionNode = memo(({ data, selected }: NodeProps<InsertActionNodeData>) => {
const mappingCount = data.fieldMappings?.length || 0;
const summary = data.targetTable
? `${data.targetTable} (${mappingCount}개 필드)`
: "대상 테이블을 선택해 주세요";
return (
<div
className={`min-w-[250px] rounded-lg border-2 bg-white shadow-md transition-all ${
selected ? "border-emerald-500 shadow-lg" : "border-border"
}`}
<CompactNodeShell
color="#22C55E"
label={data.displayName || "INSERT"}
summary={summary}
icon={<Plus className="h-3.5 w-3.5" />}
selected={selected}
>
{/* 입력 핸들 */}
<Handle type="target" position={Position.Left} className="!h-3 !w-3 !border-2 !border-emerald-500 !bg-white" />
{/* 헤더 */}
<div className="flex items-center gap-2 rounded-t-lg bg-emerald-500 px-3 py-2 text-white">
<Plus className="h-4 w-4" />
<div className="flex-1">
<div className="text-sm font-semibold">INSERT</div>
<div className="text-xs opacity-80">{data.displayName || data.targetTable}</div>
</div>
</div>
{/* 본문 */}
<div className="p-3">
<div className="mb-2 text-xs font-medium text-muted-foreground">
타겟: {data.displayName || data.targetTable}
{data.targetTable && data.displayName && data.displayName !== data.targetTable && (
<span className="ml-1 font-mono text-muted-foreground/70">({data.targetTable})</span>
)}
</div>
{/* 필드 매핑 */}
{data.fieldMappings && data.fieldMappings.length > 0 && (
<div className="space-y-1">
<div className="text-xs font-medium text-foreground">삽입 필드:</div>
<div className="max-h-[120px] space-y-1 overflow-y-auto">
{data.fieldMappings.slice(0, 4).map((mapping, idx) => (
<div key={idx} className="rounded bg-muted px-2 py-1 text-xs">
<span className="text-muted-foreground">
{mapping.sourceFieldLabel || mapping.sourceField || mapping.staticValue || "?"}
</span>
<span className="mx-1 text-muted-foreground/70">→</span>
<span className="font-mono text-foreground">{mapping.targetFieldLabel || mapping.targetField}</span>
</div>
))}
{data.fieldMappings.length > 4 && (
<div className="text-xs text-muted-foreground/70">... 외 {data.fieldMappings.length - 4}개</div>
)}
{mappingCount > 0 && (
<div className="space-y-0.5">
{data.fieldMappings!.slice(0, 3).map((m, i) => (
<div key={i} className="flex items-center gap-1">
<span>{m.sourceFieldLabel || m.sourceField || "?"}</span>
<span className="text-zinc-600">→</span>
<span className="font-mono text-zinc-300">{m.targetFieldLabel || m.targetField}</span>
</div>
</div>
)}
{/* 옵션 */}
{data.options && (
<div className="mt-2 flex flex-wrap gap-1">
{data.options.ignoreDuplicates && (
<span className="rounded bg-emerald-100 px-1.5 py-0.5 text-xs text-emerald-700">중복 무시</span>
)}
{data.options.batchSize && (
<span className="rounded bg-primary/10 px-1.5 py-0.5 text-xs text-primary">
배치 {data.options.batchSize}건
</span>
)}
</div>
)}
</div>
{/* 출력 핸들 */}
<Handle type="source" position={Position.Right} className="!h-3 !w-3 !border-2 !border-emerald-500 !bg-white" />
</div>
))}
{mappingCount > 3 && <span className="text-zinc-600">외 {mappingCount - 3}개</span>}
</div>
)}
</CompactNodeShell>
);
});