크라우니 오피스 그래프 모듈 완성 + Phase 4 전체 종료
개요
크라우니AI 브라우저 내장 오피스의
그래프 모듈(ModuleGraph) = 도형·연결선 다이어그램/순서도 에디터(draw.io 계열, 데이터 차트 아님). 3스텐실 뷰어에서 실작동 다이어그램 도구로 완성.
crownyBridge.js §25 installGraphBridge 신규 섹션(14297줄) + 한선씨 정본 미러.
이로써 오피스 개발계획 Phase 4(시트→슬라이드→마인드맵→포커스→아웃라인→플랜→그래프) 전체 종료.그래프 모듈 무엇을 했는지 (punch #1~#11)
- #1 DIAGRAMS hoist(state.gShapes/gConn·스텐실키·id) + 라벨 편집(커넥터를 도형으로 오분류하는 실버그 5자식 vs 1자식 판별로 수리, 그래프모델.한선 27/27)
- #2+#3 도형 드래그 이동(x/y=%·22px 격자 스냅·토글) + 리사이즈(코너 핸들 BR/TL·최소 클램프, 그래프드래그.한선 18/18)
- #4+#6 도형 추가(캔버스 클릭)·삭제(커넥터 정리)·fills 키 정합(id 캡처→재작성 색 보존) + 키보드(V/R/O/D/C·Delete, 그래프편집.한선 33/33)
- #5 연결선 생성(C 도구 도형→도형·가장자리 교차 앵커·고무줄·이동 추종·순환 허용, 그래프연결.한선 18/18). VM 정수 나눗셈 자연반올림 함정 확인
- #7~#11 다중선택+정렬·그룹(⌘G 동조이동)·줌(scale·⌘=/−/0)·테두리 프리셋+상태바 실계수·SVG 내보내기+이벤트버스(그래프마무리.한선 27/27). 정렬 no-op 버그 수리
★ 오피스 개발계획 Phase 4 전체 완성 (7개 모듈)
사용자 지시 순서대로 각 모듈을 데모 껍데기→실작동으로 전환. 전 과정 앱 번들(bundle/office/app/index.html) 무수정, crownyBridge.js §19~§25 런타임 몽키패치 + 한선씨 정본 미러, 문서 회귀 27/27 상시 유지.
| 모듈 | 섹션 | punch | 정체 |
|---|
| 시트 | §19 | 10 + cdf | 스프레드시트(수식·서식·다중시트·필터·정렬·차트·함수도우미) |
| 슬라이드 | §20 | 10 | 프레젠테이션(편집영속·드래그·레이아웃·슬라이드쇼·타이머·전환·블록·테마·시트연결) |
| 마인드맵 | §21 | 8 | 마인드맵(트리·추가/삭제·이동·줌팬·색·아웃라인변환·내보내기) |
| 포커스 | §22 | 9 | GTD 할일관리(퀵애드·편집·삭제·자연어날짜·프로젝트·태그·리뷰·링크·정렬) |
| 아웃라인 | §23 | 9 | 계층 개요(hoist·추가/삭제·들여쓰기·체크박스·자동번호·열/폴드·모듈연동) |
| 플랜 | §24 | 11 | 간트/보드/리소스(hoist·추가/삭제·칸반·막대드래그·의존선·임계경로·접기·줌·리소스·연동) |
| 그래프 | §25 | 11 | 다이어그램(hoist·드래그·리사이즈·추가/삭제·연결선·정렬·그룹·줌·SVG) |
- crownyBridge.js: 시트 착수 전 대비 §19~§25로 14297줄까지 누적, 문서 회귀 27/27 전 구간 유지
- 배포: CrownyAI 1.1.2 → 1.8.0-beta (모듈·punch별 증분, zip → crowny-ai/public/downloads/)
- 한선씨 정본 미러 50+ 파일(각 hanseonc_high 자가검증), 모듈별 판정표 7종, 완성 문서 7종(CrownyDoc)
반복 확인된 오피스 dc 브릿지 함정 (SSOT 교훈)
- 원본 renderVals 공존 — state 계약(sel index·fills/owners 키) 깨면 원본 크래시. hoist는 원본 미참조 필드만 흡수, 인덱스 계약은 시프트 재작성
- DCLogic이 {{ }}를 텍스트노드 아닌 element로 렌더 + 편집 노드 텍스트 바인딩 스킵 → setText 강제정합
- 브라우저 inline style 정규화(hex→rgb·1fr→px·repeat 확장·공백) → substring 셀렉터 파손, <style>/마커 어트리뷰트 회피
- componentDidMount 부재 → window 캡처 키보드 + 모듈 게이트로 신설
- VM 균형삼진: 나머지 균형모듈로·정수 나눗셈 자연반올림 → floor/round 명시
- 동시 세션 파일 절단 → 착수전 wc -l·완료후 크기 재확인·백업
잔여 이슈 / 다음
- cdf 실저장: 시트만 @@SEC:시트@@로 완료. 슬라이드/마인드맵/포커스/아웃라인/플랜/그래프 모델의 cdf 직렬화는 후속(재진입 휘발 해소)
- dist 미러 동기화는 배포 패키징 시 수행(SSOT=bundle)
- dc 런타임 재마운트 결함(모듈 이탈→재진입 인메모리 휘발)은 앱 자체 한계 — cdf 저장이 영속 해법