- ${renderNodeSettings(sec.id, sec)}
-
- ${hasChildren?`
-
하위노드
-
${childrenHtml}
`:''}
-
+function renderValue(nid, val){
+ const mvDel=`
+
+
+
`;
+
+ if(val.type==='node'){
+ return `
${renderNode(val.node,true)}
`;
+ }
+
+ if(val.type==='list'){
+ const sep=val.sep??' ', npl=val.namesPerLine??0, isNl=sep==='\n';
+ const chips=SEP_PRESETS.map(p=>`
+
${p.lbl}`).join('');
+ const customVal=SEP_PRESETS.find(p=>p.v===sep)?'':esc(sep);
+ return `
+
+
+ LIST
+
+ ${mvDel}
+
+
+
+
+
+ 줄당
+
+ ${isNl?'(줄바꿈 모드)':'개 (0=무제한)'}
+
+
+
+
`;
+ }
+
+ // 스칼라 타입
+ const typeLbl=VALUE_TYPES.find(t=>t.v===val.type)?.lbl??val.type.toUpperCase();
+ const isMulti=['markdown','html','json','code'].includes(val.type);
+ return `
+
+
+ ${val.type.toUpperCase()}
+
+ ${mvDel}
+
+
+ ${isMulti
+ ?``
+ :``
+ }
`;
}
-function renderSections(){
- document.getElementById('rootMark').value = S.titleMark;
- document.getElementById('docTitle').value = S.title;
- document.getElementById('secList').innerHTML = S.sections.map(s=>renderSec(s)).join('');
+function renderSetting(nid, key, val){
+ if(key==='attributes'){
+ const attrs=val??{};
+ const rows=Object.entries(attrs).map(([k,v])=>`
+
+
+
+
+
`).join('');
+ return `
+
+
+ 어트리뷰트
+
+
+
+ ${rows||'
없음
'}
+
`;
+ }
+ return `
+
+ ${key}
+
+
+
`;
}
// ════════════════════════════════════════════════════════
// 텍스트 변환
// ════════════════════════════════════════════════════════
-function parseNames(raw){ return raw.trim().split(/[\s,\n]+/).filter(n=>n.length>0) }
+function parseNames(raw){ return (raw??'').trim().split(/[\s,\n]+/).filter(Boolean) }
function toText(){
const lines=[];
const title=S.title.trim();
if(title){ lines.push(`${S.titleMark}${title}`); lines.push(''); }
- function renderSec(sec){
- lines.push(`${sec.mark??''}${sec.content||''}`);
- for(const g of sec.groups){
- const ns=parseNames(g.names); if(!ns.length) continue;
- const cat=(g.attributes?.category??'').trim();
- const pre=cat?`(${cat}) `:'';
- const sep=g.sep??' ', npl=g.namesPerLine??0;
- if(sep==='\n'){
- ns.forEach((n,i)=>lines.push((i===0?pre:'')+n));
- } else if(npl>0){
- for(let i=0;i
lines.push((i===0?pre:'')+n));
+ else if(npl>0) for(let i=0;ibuildNode({id:uid(),type:'LIST_ITEM',content:n}))
+ let depth=0;
+ function serNode(node){
+ depth++;
+ const children=node.values.map(v=>{
+ if(v.type==='list'){
+ const ns=parseNames(v.names);
+ return buildNode({id:v.id,type:'LIST',
+ attributes:v.category?{category:v.category}:{},
+ children:ns.map(n=>buildNode({id:uid(),type:'LIST_ITEM',content:n}))});
+ }
+ if(v.type==='node') return serNode(v.node);
+ return buildNode({id:v.id,type:'VALUE',data_type:v.type,value:v.data??null});
});
- }
- function serSec(sec){
- return buildNode({
- id:sec.id, type:'SECTION',
- content:sec.content, header:sec.header, footer:sec.footer,
- prefix:sec.prefix, suffix:sec.suffix,
- attributes:{mark:sec.mark, level:sec.lv, ...sec.attributes},
- data_type:sec.data_type, value:sec.value,
- children:[...sec.groups.map(serGrp), ...sec.children.map(serSec)]
+ const attrs={mark:node.mark,level:depth,...(node.settings.attributes??{})};
+ const r=buildNode({
+ id:node.id,type:'SECTION',content:node.content,
+ header:node.settings.header??null,
+ footer:node.settings.footer??null,
+ prefix:node.settings.prefix??null,
+ suffix:node.settings.suffix??null,
+ attributes:attrs,children
});
+ depth--;
+ return r;
}
const root=buildNode({
- id:'root', type:'ROOT',
+ id:'root',type:'ROOT',
attributes:S.title.trim()?{title:S.title.trim(),mark:S.titleMark}:{mark:S.titleMark},
- children:S.sections.map(serSec)
+ children:S.nodes.map(serNode)
});
- return JSON.stringify(slim?stripNulls(root):root, null, 2);
+ return JSON.stringify(slim?stripNulls(root):root,null,2);
}
// ════════════════════════════════════════════════════════
@@ -761,16 +740,14 @@ function setTab(t){
document.getElementById('tab-'+t).classList.add('active');
updatePreview();
}
-
function updatePreview(){
const el=document.getElementById('previewOut');
if(currentTab==='text'){
- const content=toText();
- if(!content.trim()){ el.className='preview-text dim'; el.textContent='내용을 입력하면 미리보기가 표시됩니다'; return; }
- el.className='preview-text'; el.textContent=content;
+ const c=toText();
+ if(!c.trim()){ el.className='preview-text dim'; el.textContent='내용을 입력하면 미리보기가 표시됩니다'; return; }
+ el.className='preview-text'; el.textContent=c;
} else {
- const content=toJSON(currentTab==='json');
- el.className='preview-text'; el.innerHTML=highlight(content);
+ el.className='preview-text'; el.innerHTML=highlight(toJSON(currentTab==='json'));
}
}
@@ -778,8 +755,8 @@ function updatePreview(){
// 복사
// ════════════════════════════════════════════════════════
function copyOutput(){
- const content=currentTab==='text'?toText():toJSON(currentTab==='json');
- navigator.clipboard.writeText(content).then(()=>{
+ const c=currentTab==='text'?toText():toJSON(currentTab==='json');
+ navigator.clipboard.writeText(c).then(()=>{
const btn=document.getElementById('copyBtn');
btn.textContent='✅ 복사됨'; btn.classList.add('ok');
setTimeout(()=>{ btn.innerHTML='📋 복사'; btn.classList.remove('ok'); },2000);
@@ -791,9 +768,8 @@ function copyOutput(){
// ════════════════════════════════════════════════════════
function openImport(){
document.getElementById('importTitleMark').value=S.titleMark;
- const marks=[];
- function collect(secs){ for(const s of secs){ if(s.mark&&!marks.includes(s.mark)) marks.push(s.mark); collect(s.children||[]); } }
- collect(S.sections);
+ const marks=[]; function col(nodes){ for(const n of nodes){ if(n.mark&&!marks.includes(n.mark)) marks.push(n.mark); for(const v of n.values) if(v.type==='node') col([v.node]); } }
+ col(S.nodes);
document.getElementById('importMarks').value=marks.join(',')||'🔹,🔸';
document.getElementById('importModal').classList.add('open');
}
@@ -803,30 +779,34 @@ function doImport(){
const raw=document.getElementById('importTxt').value.trim(); if(!raw) return;
const titleMark=document.getElementById('importTitleMark').value||'✅';
const marks=document.getElementById('importMarks').value.split(',').map(m=>m.trim()).filter(Boolean);
- const sortedMarks=marks.map((m,i)=>({m,lv:i+1})).sort((a,b)=>b.m.length-a.m.length);
+ const sorted=marks.map((m,i)=>({m,lv:i+1})).sort((a,b)=>b.m.length-a.m.length);
const reCat=/^\(([^)]+)\)\s*(.*)/;
- let title=''; const sections=[]; const secStack=[]; let pend=null;
+ let title=''; const nodes=[]; const stack=[]; let pend=null;
function flush(){
if(!pend||!pend.names.length){ pend=null; return; }
- const parent=pend.parentId?findSec(sections,pend.parentId):null;
- const grp=mkGrp(pend.cat||'',pend.names.join(' '));
- if(parent) parent.groups.push(grp); pend=null;
+ const parent=pend.parentId?findNodeInList(nodes,pend.parentId):null;
+ const lv=mkListVal(pend.names.join(' '),pend.cat||'');
+ if(parent) parent.values.push(lv); pend=null;
}
- function topId(){ return secStack.length?secStack[secStack.length-1].id:null }
+ function findNodeInList(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=findNodeInList([v.node],id); if(f) return f; } } return null; }
+ function topId(){ return stack.length?stack[stack.length-1].id:null }
for(const rawLine of raw.split('\n')){
const line=rawLine.trim(); if(!line){ flush(); continue; }
if(line.startsWith(titleMark)){ flush(); title=line.slice(titleMark.length).trim(); continue; }
let matched=false;
- for(const {m,lv} of sortedMarks){
+ for(const {m,lv} of sorted){
if(line.startsWith(m)){
flush();
- const sec=mkSec(m, line.slice(m.length).trim(), lv);
- while(secStack.length){ const top=findSec(sections,secStack[secStack.length-1].id); if(top&&top.lv>=lv) secStack.pop(); else break; }
- if(!secStack.length) sections.push(sec);
- else{ const p=findSec(sections,secStack[secStack.length-1].id); if(p) p.children.push(sec); }
- secStack.push({id:sec.id,lv}); matched=true; break;
+ const node=mkNode(m, line.slice(m.length).trim());
+ while(stack.length){
+ const top=findNodeInList(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=findNodeInList(nodes,stack[stack.length-1].id); if(p) p.values.push(mkNodeVal(node)); }
+ stack.push({id:node.id,lv}); matched=true; break;
}
}
if(matched) continue;
@@ -836,9 +816,8 @@ function doImport(){
pend.names.push(...line.split(/[\s,]+/).filter(Boolean));
}
flush();
- S.titleMark=titleMark; S.title=title; S.sections=sections;
- renderSections(); updatePreview(); save(); closeImport();
- document.getElementById('importTxt').value='';
+ S.titleMark=titleMark; S.title=title; S.nodes=nodes;
+ refresh(); closeImport(); document.getElementById('importTxt').value='';
}
// ════════════════════════════════════════════════════════
@@ -846,15 +825,15 @@ function doImport(){
// ════════════════════════════════════════════════════════
function newDoc(){
if(!confirm('현재 내용을 모두 지우고 새 문서를 시작할까요?')) return;
- S.title=''; S.sections=[]; openSettings.clear();
- renderSections(); updatePreview(); save();
+ S={titleMark:'✅',title:'',nodes:[]}; refresh();
}
// ════════════════════════════════════════════════════════
// 초기화
// ════════════════════════════════════════════════════════
load();
-renderSections();
+rebuildMaps();
+renderPanel();
updatePreview();
document.getElementById('importModal').addEventListener('click',e=>{ if(e.target===e.currentTarget) closeImport(); });
document.addEventListener('keydown',e=>{ if(e.key==='Escape') closeImport(); });