수집 노드의 직접 자식(스키마 inline 마크)은 섹션 경계가 아니므로
sectionMarks에서 제외. parseInstance에서 ✅김양모⌚12시 같은
레코드 데이터가 새 섹션 헤더로 오파싱되던 문제 해결.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 드래그 핸들(⠿): 노드 카드 헤더 hover 시 표시, 마우스다운으로 드래그 시작
- 드래그 동작:
- 상단 30% 위 → 해당 노드 앞에 삽입 (파란 상단 선)
- 하단 30% 아래 → 해당 노드 뒤에 삽입 (파란 하단 선)
- 중앙 40% → 해당 노드의 하위 노드로 편입 (초록 테두리)
- 복사(⊕): 캔버스 버튼 + detail panel 버튼, 하위 구조 전체 deep clone
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
수집 노드의 하위 노드를 레코드 필드 스키마로 인식:
- buildSchemaMap(): 수집 섹션의 child sections → 파싱 마크 맵
- parseRecordLine(): 한 줄을 inline 마크 기준으로 분리 → {mark: value} 레코드
- parseInstance(): 스키마 있으면 레코드 파싱, 없으면 기존 토큰 분리
- mergedToText(): 레코드 → inline 재구성 (✅김양모⌚12시), 단순 → per_line 토큰
- mergedToJSON(): 레코드 → 첫 필드=부모SECTION, 나머지=자식SECTION 계층 구조
- renderFillerTemplateView(): 스키마 필드를 칩 안에 인라인 배지로 표시
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 노드 설정에 '한 줄에 N개씩' 숫자 입력란 추가 (어트리뷰트 수동 입력 불필요)
- 캔버스 카드 footer에 ×N 배지로 per_line 값 표시
- setPerLine() 함수: 빈값/0이면 속성 자동 제거
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 텍스트 양식 붙여넣기 → 섹션 구조 실시간 추출 + 트리 미리보기
- 구분자 수동 입력 및 자동 감지 (첫 등장 순서로 L1·L2·... 결정)
- '내용 포함' 토글: 섹션 헤더만 or 내용도 값으로 포함
- '← Builder에 적용' 버튼으로 추출된 구조를 Tab 1에 로드
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Workflow:
1. Load template JSON (defines section structure)
2. Paste multiple text-format forms into textarea
3. Parser splits by title mark, collects tokens per section key
4. Merged output in text or JSON format
Key changes:
- splitIntoInstances(): split at each title-mark line boundary
- parseInstance(): match section headers by mark+name, tokenize value lines
- mergedToText(): walk template tree, output tokens with per_line chunking
- mergedToJSON(): reconstruct ROOT/SECTION/VALUE tree with merged tokens
- Template view: compact inline chip display of section structure
- Instance counter badge shows how many forms were detected
- JSON export: each token becomes a separate VALUE node (data_type:string)
- per_line attribute on SECTION controls line wrapping in text output
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- New '내용 채우기' tab with full JSON template import workflow
- Load Builder JSON (slim or full) → parse ROOT/SECTION/VALUE tree
- Render form: each SECTION as a card, VALUE nodes as input fields
(string → textarea, other types → input)
- Nested sections auto-indent with accent left-border via CSS
- Real-time text/JSON preview as values are typed
- Copy button for filled text or filled JSON output
- fillerToText() mirrors toText() logic using stored FV values
- fillerToJSON() reconstructs full JSON with FV values substituted
- Escape key + backdrop click close filler import modal
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- buildNode 템플릿에서 header/footer 완전 제거
- prefix/suffix 추가 시 기본값 '\n' (줄바꿈)으로 초기화
- 노드 간 구분자 제거: join('\n') → join('') (기본적으로 아무것도 없음)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 자료형: node/string/int/bool/date 5개만 유지, integer→int, boolean→bool
- 리스트 타입 완전 제거 (기존 데이터 → string으로 자동 마이그레이션)
- nextSep/childSep 제거 (노드 간 구분은 항상 줄바꿈)
- header/footer 제거
- prefix = 노드 전체 앞 문자열, suffix = 노드 전체 뒤 문자열로 재정의
- toText(): prefix/suffix 렌더링, list 로직 제거, 구조 단순화
- toJSON(): list/nextSep/childSep/header/footer 제거
- parseJsonSection: 동일하게 단순화, 구버전 LIST → string 호환
- doImport: flush() → string value 생성
- CSS: list 전용 스타일 제거
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 노드에 nameNewline(bool, default:true) 속성 추가
- true: 이름 다음 줄바꿈 후 값 출력 (기존 동작)
- false: 이름 바로 뒤에 값 연결 (인라인)
- 첫 번째 list/scalar에만 적용, 이후는 항상 '\n' 사용
- 구분자 설정 바(sep-bar)를 노드 설정 섹션 내부로 이동
- 다음 노드 / 하위 노드 / 이름 뒤 3개 행 항상 표시
- 선택적 설정(header 등)은 드롭다운으로 하단에 추가
- renderSepBar → renderStructSettings 리네임
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- VALUE_TYPES에서 '리스트 (List)' 제거
- SEP_CFG에 '줄바꿈' 프리셋 추가 (없음/줄바꿈/빈줄)
- toText() 재작성: lines 배열 → string 직접 결합 방식으로 변경
- 인라인 구분자(예: '/') 사용 시 a/b/c 형태로 한 줄 출력
- ss() 함수: none='' / newline='\n' / blank='\n\n' / 직접입력=그대로
- pendingSep 패턴으로 연속 child node 간 구분자 처리
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
각 노드 카드 바디 상단에 구분자 설정 바 추가.
- 다음 노드 (nextSep): 이 노드 뒤~다음 형제 노드 사이 구분
- 하위 노드 (childSep): 이 노드 헤더~첫 자식 노드 사이 구분
- 프리셋: 없음 / 빈 줄 / 직접 입력
- toText()에 applySep() 적용, list 뒤 빈 줄은 기존 유지
- 기존 저장 데이터 normalizeState()로 자동 마이그레이션
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
ATTR_KEYS 목록 정의 (lang/id/class/href/align/order/required/readonly/
hidden/weight/style + 직접 입력). 이미 추가된 키는 드롭다운에서 제외.
키는 배지 레이블로 표시, 값만 자유 입력. 직접 입력 선택 시 prompt()로
키 이름 수동 입력 지원.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
각 노드가 독립적인 구분자를 가지도록 전면 개편. 전역 구분자 설정 카드 제거.
노드 카드 구조: 구분자·제목·노드설정·하위노드. 이름 목록(LIST 그룹)을
노드설정 패널 안으로 통합. 불러오기 모달에 구분자 직접 입력 추가.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
데이터 모델
- sec.name → sec.content (CTNode content 필드와 통일)
- grp.cat → grp.attributes.category (어트리뷰트 편집기로 통합)
- 모든 노드(SECTION, LIST)에 CTNode 기본 필드 추가:
header / footer / prefix / suffix / data_type / value
노드 설정 패널 (▶ 노드 설정, 접이식)
- 텍스트 장식: header / footer / prefix / suffix
- 어트리뷰트: key-value 동적 추가·수정·삭제 (level은 자동 관리)
- 값: DataType 드롭다운(17종) + value 입력
- 비기본값 설정 시 파란 점(●) 표시
- openSettings Set으로 접이 상태 렌더 간 유지
기타
- mkSec / mkGrp / nodeDefaults 팩토리로 기본값 통일
- migrate()로 구버전 localStorage 자동 변환
- toJSON: header/footer/prefix/suffix/data_type/value 포함
- 구분자·한줄 옵션은 그룹 하단에 유지
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 전역 namesPerLine 제거 → 그룹별 개별 설정으로 전환
- 각 이름 그룹 카드에 두 가지 옵션 추가:
- 구분자: 공백 / ", " / " / " / 줄바꿈(↵) 칩 + 직접 입력
- 한 줄 N개: 0=제한없음, 줄바꿈 모드 시 자동 비활성화
- mkGrp() 헬퍼로 그룹 기본값(sep=' ', namesPerLine=0) 통일
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 구분자 설정 카드에 '한 줄 N개' 입력란 추가
- 0 = 제한 없음 (기존 동작 유지)
- N > 0 이면 이름을 N개씩 줄 분할, 카테고리 prefix는 첫 줄에만
- localStorage 저장/복원 포함
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
