Files
Aislo/B07_DesignDetail/openwebcad/src/entities/PolyLineEntity.ts
T
eomsangdon ea9d9685be feat(B07): CAD를 AutoCAD 명령 체계로 재구성한다 (조사표 1·2·3·5절)
저장소 사고로 잃은 4개 커밋(38eb7cd4·b8a11756·281528bf·f60b488d)의 작업물을
하나로 다시 담았다. 내용은 동일하다.

■ 구조
- commands/: 명령 정의(id·AutoCAD 별칭·글리프·도구/즉시실행)를 단일 소스로 두고
  리본·명령행·단축키가 모두 이 레지스트리를 읽는다. tools/tool.consts.ts 폐지.
- ribbon/: 탭→패널→명령 데이터(ribbon.config.ts)와 범용 렌더러 분리.
  AutoCAD 배치(홈·삽입·주석·뷰·출력)와 패널 확장(▾)을 따른다.
- tools/factories/sequence-tool.ts: 점·숫자·문자·객체·선택 단계를 선언하면
  xstate 머신을 만들어 주는 공장. 명령당 170줄 보일러플레이트 제거.
- helpers/geometry/: 3점 호·정다각형·타원·스플라인·구름형·평행이동·해치 스캔선·
  점렬 샘플링 등 상태 없는 순수 함수.
- Toolbar 483줄을 QuickAccessBar/Ribbon/InspectorPanel/StatusBar/CommandLine/
  ViewControls/PropertiesEditor/QuickProperties로 분해.

■ 명령 (조사표 기준)
- 1절 그리기 21건, 2절 수정 27건, 3절 도면층·특성·그룹·유틸리티 39건 전부 반영.
- 5절 주석 34건 중 26건 반영(문자·치수 16종·지시선·표·구름형·주석 축척).
- HatchEntity 추가(solid·pattern·cross·gradient) + JSON 왕복, Layer에 색·선가중치·
  선종류·동결·투명도 필드 추가, 그리기 루프가 동결·숨김·투명도를 반영.

■ 화면 실측에서 고친 결함
- 명령행 포커스 상태에서 ENTER가 도구로 가지 않던 문제
- 명령행 문자 입력이 접두사가 같은 명령으로 실행되던 문제
- 명령이 끝나도 입력을 계속 먹던 문제(점 입력 명령만 반복, 나머지는 선택 도구 복귀)
- 시퀀스 단계 인덱스 오사용 9건 + 단계 값 종류 검사 추가
- 해치 내부를 클릭해도 선택되지 않던 문제

미반영 8건(맞춤법 검사·꺾기 치수·치수 끊기/재연관/검사 치수·기하공차·지시선 수집·
축척 리스트 편집)은 조사표 `반영` 열과 PLAN.md에 사유를 적었다.
2026-08-30 01:34:13 +09:00

197 lines
6.5 KiB
TypeScript

import type * as Flatten from '@flatten-js/core';
import { Box, type Point, type Segment } from '@flatten-js/core';
import { mapLimit } from 'blend-promise-utils';
import { compact, maxBy } from 'es-toolkit';
import { minBy } from 'es-toolkit/compat';
import type { Shape, SnapPoint } from '../App.types';
import type { DrawController } from '../drawControllers/DrawController';
import { getActiveLayerId, isEntityHighlighted, isEntitySelected } from '../state.ts';
import { ArcEntity, type ArcJsonData } from './ArcEntity.ts';
import { type Entity, EntityName, type JsonEntity } from './Entity';
import { LineEntity, type LineJsonData } from './LineEntity.ts';
export class PolyLineEntity implements Entity {
public id: string = crypto.randomUUID();
public lineColor = '#fff';
public lineWidth = 1;
public lineDash: number[] | undefined = undefined;
public layerId: string;
/** 0~1 객체 투명도 (Entity 인터페이스의 선택 항목) */
public opacity?: number;
/** GROUP으로 묶인 객체가 공유하는 식별자 */
public groupId?: string;
private readonly entities: Entity[];
constructor(layerId: string, entities: Entity[]) {
this.layerId = layerId;
this.entities = entities.filter((entity) =>
[EntityName.Line, EntityName.Arc].includes(entity.getType())
);
}
/** 폴리선을 이루는 선·호 목록 (EXPLODE·샘플링에서 읽는다) */
public getEntities(): Entity[] {
return this.entities;
}
public numberOfSegments(): number {
return this.entities.length;
}
public draw(
drawController: DrawController,
parentHighlighted?: boolean,
parentSelected?: boolean
): void {
for (const entity of this.entities) {
entity.draw(
drawController,
parentHighlighted ?? isEntityHighlighted(this),
parentSelected ?? isEntitySelected(this)
);
}
}
public move(x: number, y: number) {
for (const entity of this.entities) {
entity.move(x, y);
}
}
public scale(scaleOrigin: Point, scaleFactor: number) {
for (const entity of this.entities) {
entity.scale(scaleOrigin, scaleFactor);
}
}
public rotate(rotateOrigin: Point, angle: number) {
for (const entity of this.entities) {
entity.rotate(rotateOrigin, angle);
}
}
public mirror(mirrorAxis: LineEntity) {
for (const entity of this.entities) {
entity.mirror(mirrorAxis);
}
}
public clone(): PolyLineEntity {
const clonedEntities = this.entities.map((entity) => entity.clone());
return new PolyLineEntity(this.layerId, clonedEntities);
}
public intersectsWithBox(selectionBox: Box): boolean {
return this.entities.some((entity) => entity.intersectsWithBox(selectionBox));
}
public isContainedInBox(selectionBox: Box): boolean {
return this.entities.every((entity) => entity.isContainedInBox(selectionBox));
}
public distanceTo(shape: Shape): [number, Segment] | null {
const distanceInfos = this.entities.map((entity) => entity.distanceTo(shape));
if (distanceInfos.every((distanceInfo) => distanceInfo === null)) {
return null;
}
return minBy(compact(distanceInfos), (distanceInfo) => distanceInfo?.[0]);
}
public getBoundingBox(): Box {
const boundingBoxes = this.entities.map((entity) => entity.getBoundingBox());
const xmin = minBy(boundingBoxes, (boundingBox) => boundingBox.xmin).xmin;
const ymin = minBy(boundingBoxes, (boundingBox) => boundingBox.ymin).ymin;
const xmax = maxBy(boundingBoxes, (boundingBox) => boundingBox.xmax).xmax;
const ymax = maxBy(boundingBoxes, (boundingBox) => boundingBox.ymax).ymax;
return new Box(xmin, ymin, xmax, ymax);
}
public getShape(): Shape | null {
return null;
}
public getSnapPoints(): SnapPoint[] {
return this.entities.flatMap((entity) => entity.getSnapPoints());
}
public getIntersections(entity: Entity): Point[] {
return this.entities.flatMap((polyLineEntity) => polyLineEntity.getIntersections(entity));
}
public getFirstPoint(): Point | null {
return this.entities.find((entity) => !!entity.getFirstPoint())?.getFirstPoint() || null;
}
public getSvgString(): string | null {
const svgTexts = this.entities.map((entity) => entity.getSvgString());
return compact(svgTexts).join('\n');
}
public getType(): EntityName {
return EntityName.PolyLine;
}
public containsPointOnShape(point: Flatten.Point): boolean {
return this.entities.some((entity) => entity.containsPointOnShape(point));
}
public async toJson(): Promise<JsonEntity | null> {
return {
id: this.id,
type: EntityName.PolyLine,
lineColor: this.lineColor,
lineWidth: this.lineWidth,
lineDash: this.lineDash,
layerId: this.layerId,
shapeData: null,
children: compact(await mapLimit(this.entities, 20, (entity) => entity.toJson())),
};
}
public static async fromJson(jsonEntity: JsonEntity<PolyLineJsonData>): Promise<PolyLineEntity> {
const entities: (ArcEntity | LineEntity | null)[] = await mapLimit(
jsonEntity.children || [],
20,
async (childEntity: JsonEntity): Promise<LineEntity | ArcEntity | null> => {
const type = childEntity.type;
switch (type) {
case EntityName.Arc:
return ArcEntity.fromJson(childEntity as JsonEntity<ArcJsonData>);
case EntityName.Line:
return LineEntity.fromJson(childEntity as JsonEntity<LineJsonData>);
// Only arc and lines can be part of a polyline
// Circle, rectangle can't be used because they are already closed
// Other entities cannot be used since they are not a valid part of a polyline
// case EntityName.Rectangle:
// return RectangleEntity.fromJson(childEntity as JsonEntity<RectangleJsonData>);
// case EntityName.Point:
// return PointEntity.fromJson(childEntity as JsonEntity<PointJsonData>);
// case EntityName.Image:
// return ImageEntity.fromJson(childEntity as JsonEntity<ImageJsonData>);
// case EntityName.Measurement:
// return MeasurementEntity.fromJson(childEntity as JsonEntity<MeasurementJsonData>);
// case EntityName.ArrowHead:
// return ArrowHeadEntity.fromJson(childEntity as JsonEntity<ArrowHeadJsonData>);
// case EntityName.Text:
// return TextEntity.fromJson(childEntity as JsonEntity<TextJsonData>);
default:
return null;
}
}
);
const polyLineEntity = new PolyLineEntity(
jsonEntity.layerId || getActiveLayerId(),
compact(entities)
);
polyLineEntity.id = jsonEntity.id;
polyLineEntity.lineColor = jsonEntity.lineColor;
polyLineEntity.lineWidth = jsonEntity.lineWidth;
polyLineEntity.lineDash = jsonEntity.lineDash;
return polyLineEntity;
}
}
export type PolyLineJsonData = Record<never, never>;