v0.2.62
v0.2.62 — leerness 1.9.191 + 노드 투명 자연 크기 + 엣지 패턴 반복 배열
FileNodeCard.tsx image mode 완전 재작성
- 컨테이너:
min-w/max-w/bg/border/rounded모두 제거 →inline-block bg-transparent border-0. - 이미지:
max-h제거 →block max-w-none(자연 크기). - 색띠 / 라벨 제거 — 이미지가 모든 시각을 차지. node.name 은 hover title 로만.
- status overlay (NEW/Bot/Eye/active dot) 우상단 절대 위치 유지.
- selected/hover/inUse/focused 시
ring-2 ring-{accent}로 외곽 강조 (이미지 모양 보존). imageModeflag 로 깔끔하게 분기.
(3) 엣지 패턴 반복 배열
viewportAssetStore.ts
ViewportAssetKind에'edge-pattern'추가 +VIEWPORT_ASSET_LABELS업데이트.
SettingsModal.tsx AssetsTab
kinds배열에'edge-pattern'추가 → 자동으로 업로드 UI 등장.
Graph2D.tsx 신규 EdgePatternOverlay
- SVG overlay (zIndex 5, pointer-events: none) — React Flow viewport 위에 떠 있음.
useReactFlow().getNode(id)+useViewport()로 zoom/pan transform 따라감.- 각 edge 마다 source → target 직선을 SPACING (32 world px) 간격으로 sampling.
- 각 sample 위치에
<image>1개 (자연 크기 18px) + 엣지 방향 회전. - 너무 짧은 엣지 (len < SPACING) 는 sticker 없음.
렌더링 위치
Background+CustomBackgroundTileOverlay뒤,Controls앞 → 노드보다는 아래, 배경 위.
변경 파일
src/store/viewportAssetStore.ts—edge-patternkind 추가.src/components/Layout/SettingsModal.tsx— kinds 배열에 추가.src/components/Visualizer2D/FileNodeCard.tsx— image mode 완전 투명 + 자연 크기.src/components/Visualizer2D/Graph2D.tsx—EdgePatternOverlay신규 + import useViewport..harness/HARNESS_VERSION1.9.139 → 1.9.191.package.json0.2.61 → 0.2.62.
검증
npx tsc --noEmitexit=0npm run build성공 — renderer 6.18s, 번들 3,492.52 kB.leerness verify✓ required files present.
사용자 확인
- 설정 → 에셋 → "파일 노드" 업로드 → React Flow 노드들이 카드 border/bg 없이 업로드 이미지 그대로 표시. 크기도 이미지 자연 크기.
- 설정 → 에셋 → "엣지 패턴 (반복 배열)" 업로드 → 모든 엣지에 18px sticker 가 32px 간격으로 회전된 채 배열.
- 노드 선택/hover/AI 활동 시 외곽 ring 으로 표현 (이미지 모양 보존).
- --
← (없음)
v0.2.63 →
📦 GitHub 릴리스 노트: v0.2.62