📂 템플릿 JSON 불러오기
@@ -1394,10 +1477,145 @@ function copyFillerOutput(){
});
}
+// ════════════════════════════════════════════════════════
+// Tab 3: 구조 추출
+// ════════════════════════════════════════════════════════
+let EX = { nodes:[], title:'', titleMark:'' };
+const EX_COLORS = ['#4f6ef7','#7c3aed','#0891b2','#059669','#dc2626'];
+
+function runExtract(){
+ const raw = document.getElementById('extInputText').value;
+ const titleMark = document.getElementById('extTitleMark').value||'';
+ const marks = document.getElementById('extMarks').value.split(',').map(m=>m.trim()).filter(Boolean);
+ const keepValues = document.getElementById('extKeepValues').checked;
+ if(!raw.trim()||!marks.length){
+ EX={nodes:[],title:'',titleMark};
+ renderExtractTree([]); return;
+ }
+ EX = extractStructure(raw, titleMark, marks, keepValues);
+ renderExtractTree(EX.nodes);
+}
+
+function extractStructure(raw, titleMark, marks, keepValues){
+ const sorted=marks.map((m,i)=>({m,lv:i+1})).sort((a,b)=>b.m.length-a.m.length);
+ let title='';
+ const nodes=[], stack=[];
+ let curNode=null, pending=[];
+
+ function findNode(list,id){
+ for(const n of list){
+ if(n.id===id) return n;
+ for(const v of n.values) if(v.type==='node'){ const f=findNode([v.node],id); if(f) return f; }
+ }
+ return null;
+ }
+ function flushPending(){
+ if(curNode&&keepValues&&pending.length){
+ const sv=mkScalarVal('string'); sv.data=pending.join('\n').trim();
+ if(sv.data) curNode.values.push(sv);
+ }
+ pending=[];
+ }
+
+ for(const rawLine of raw.split('\n')){
+ const line=rawLine.trim(); if(!line) continue;
+ if(titleMark&&line.startsWith(titleMark)){ flushPending(); title=line.slice(titleMark.length).trim(); continue; }
+ let matched=false;
+ for(const {m,lv} of sorted){
+ if(line.startsWith(m)){
+ flushPending();
+ const node=mkNode(m, line.slice(m.length).trim());
+ while(stack.length){
+ const top=findNode(nodes,stack[stack.length-1].id);
+ if(top&&stack[stack.length-1].lv>=lv) stack.pop(); else break;
+ }
+ if(!stack.length) nodes.push(node);
+ else{ const p=findNode(nodes,stack[stack.length-1].id); if(p) p.values.push(mkNodeVal(node)); }
+ stack.push({id:node.id,lv});
+ curNode=node; matched=true; break;
+ }
+ }
+ if(!matched&&curNode&&keepValues) pending.push(line);
+ }
+ flushPending();
+ return {nodes, title, titleMark};
+}
+
+function renderExtractTree(nodes){
+ const el=document.getElementById('extTree');
+ const countEl=document.getElementById('extCount');
+ const applyBtn=document.getElementById('extApplyBtn');
+ if(!nodes||!nodes.length){
+ el.innerHTML='
텍스트를 붙여넣으면
구조가 여기 표시됩니다
';
+ countEl.textContent=''; applyBtn.disabled=true; return;
+ }
+ let total=0;
+ function countAll(n){ total++; for(const v of n.values) if(v.type==='node') countAll(v.node); }
+ for(const n of nodes) countAll(n);
+ countEl.textContent=`(${total}개 노드)`;
+ applyBtn.disabled=false;
+
+ function renderNode(n, depth){
+ const color=EX_COLORS[depth%EX_COLORS.length];
+ const vals=n.values.filter(v=>v.type!=='node');
+ const kids=n.values.filter(v=>v.type==='node');
+ let html=`
+
+ ${esc(n.mark||'·')}
+ ${esc(n.content||'이름 없음')}
+ ${vals.length?`값 ${vals.length}`:''}
+
+
`;
+ for(const v of kids) html+=renderNode(v.node, depth+1);
+ return html;
+ }
+ el.innerHTML=nodes.map(n=>renderNode(n,0)).join('');
+}
+
+function autoDetectMarks(){
+ const raw=document.getElementById('extInputText').value;
+ if(!raw.trim()) return;
+ const titleMark=document.getElementById('extTitleMark').value||'';
+ const seen=[], seenSet=new Set();
+ for(const rawLine of raw.split('\n')){
+ const line=rawLine.trim(); if(!line) continue;
+ if(titleMark&&line.startsWith(titleMark)) continue;
+ const chars=[...line];
+ let mark=chars[0]||'';
+ if(!mark||/[\w가-힣a-zA-Z0-9]/.test(mark)) continue;
+ if(chars[1]&&/[️⃣]/.test(chars[1])) mark+=chars[1];
+ if(!seenSet.has(mark)){ seenSet.add(mark); seen.push(mark); }
+ }
+ if(seen.length){
+ document.getElementById('extMarks').value=seen.slice(0,5).join(',');
+ runExtract();
+ }
+}
+
+function applyExtracted(){
+ if(!EX.nodes||!EX.nodes.length) return;
+ if(S.nodes.length&&!confirm('현재 Builder 내용을 교체할까요?')) return;
+ S.titleMark=EX.titleMark||'✅';
+ S.title=EX.title||'';
+ S.nodes=JSON.parse(JSON.stringify(EX.nodes));
+ normalizeState(S);
+ selectedNodeId=null;
+ refresh();
+ switchTab('builder');
+}
+
+function clearExtractor(){
+ document.getElementById('extInputText').value='';
+ document.getElementById('extMarks').value='';
+ EX={nodes:[],title:'',titleMark:''};
+ renderExtractTree([]);
+ document.getElementById('extCount').textContent='';
+}
+
// ════════════════════════════════════════════════════════
// 탭 전환
// ════════════════════════════════════════════════════════
-const TAB_IDS = ['builder', 'filler'];
+const TAB_IDS = ['builder', 'filler', 'extractor'];
function switchTab(name){
TAB_IDS.forEach(id => {
document.getElementById('panel-'+id).classList.toggle('hidden', id !== name);