feat/modern-editor #8

Merged

tyange merged 3 commits from feat/modern-editor into main

2026-09-09 03:28:28 +00:00

tyange commented

2026-09-09 03:23:09 +00:00

Owner

No description provided.

tyange added 3 commits

2026-09-09 03:23:09 +00:00

feat: 몰입형 에디터 셸 + 격자 표면 재디자인 7528bdebcc

폼 같은 가운데 정렬 카드를 걷어내고 뷰포트를 꽉 채우는 몰입형 집필 화면으로
전환한다. design-system 시안(mockups/palim/palim-directions.html)의 방향 B
"무한 여백" + 방향 C의 좌측 아웃라인 상주를 합친 형태.

셸 (EditorView.vue, docs/editor-shell.md):
- 전체 화면 셸. 크롬(레일·명령 바)은 평소 물러나고 pointermove 시 나타나 2.6초 뒤 숨음
- OutlineRail: 좌측 상주 아웃라인(소스 줄 목록, 클릭 시 해당 줄로 스크롤)
- CommandBar: 하단 중앙 플로팅 알약(격자/흐름 + ⌘K + 테마). ModeToggle·PaneToggle 흡수·삭제
- CommandPalette: ⌘K 명령 팔레트(모드·미리보기·포커스·타자기·테마)
- PreviewOverlay: ⌘↵ 전체 화면 미리보기(좌우 분할 대신 겹쳐 보기)
- 포커스 모드(격자, 현재 행 외 감광) / 타자기 모드(현재 행 화면 중앙 고정) — editorUi 스토어에 localStorage 유지

격자 표면 (Cell.vue, GridEditor.vue, style.css):
- 셀 테두리·배경·외곽 프레임·노란 hover 글로우 전부 제거 (모노크롬)
- 활성 칸 = 채운 소프트 스퀴클(테두리 아님) + 은은한 맥동 커서
- 행 간격 확대: GRID.cellSize → colSize(32)/rowSize(44)
- --cell-glow/--grid-line/--grid-guide 토큰 제거, --cell-active/--caret 추가

흐름 모드: 투명 textarea로 몰입 셸에 녹임 + 타자기 스크롤용 caretmove emit

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

fix: 숨은 textarea를 본문과 동기화 9ab82fbefb

`GridEditor`의 1px 숨은 textarea가 마운트 시 비어 있어, `caretIndex`(=
`selectionStart` 좌표계)와 어긋났다. 기존 글자를 클릭·방향키로 짚으면
`setSelectionRange`가 0으로 클램프돼 캐럿이 맨 앞으로 튀고, 첫 입력이 본문을
통째로 덮어썼다. 격자 모드 도입 이래 잠복해 있던 버그.

`syncInputValue()`로 마운트 시점과 `text` 변경 시(값이 다를 때만) textarea에
본문을 채워 불변식 `textarea.value === text`를 유지한다. IME/조합 경로는
건드리지 않는다(값이 같으면 no-op).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

chore: vite dev server를 tailnet 프리뷰용으로 설정 d38d21c915

`tailscale serve`로 dev 서버를 tailnet(*.ts.net)에서 미리 보려면 필요.
host를 IPv4 루프백으로 고정(기본 ::1만 열려 프록시가 못 붙음) + allowedHosts에
.ts.net 허용. 로컬 개발엔 영향 없음.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

tyange force-pushed feat/modern-editor from d38d21c915 to 9f1d26d348

Deploy Palim to AWS (Nginx) / deploy (push) Successful in 2m9s

Details

2026-09-09 03:26:30 +00:00

Compare

tyange merged commit 9f1d26d348 into main

2026-09-09 03:28:28 +00:00