Aislo/B07_DesignDetail/openwebcad/src/tools/draw/construction-tools.ts

/** 구성선·광선·다중선·와이프아웃 (조사표 1절 후반) */
import { Point } from '@flatten-js/core';
import { toast } from 'react-toastify';
import type { Entity } from '../../entities/Entity';
import { getMlineElements, getMlineSpacing, setMlineStyle } from '../../commands/draw-settings';
import { offsetPolylinePoints } from '../../helpers/geometry/shape-points';
import { addEntities, getScreenCanvasDrawController } from '../../state';
import { Tool } from '../../tools';
import { hatchEntity, lineEntity, polyLineEntity } from '../factories/entity-factory';
import { createSequenceTool } from '../factories/sequence-tool';

/**
 * 구성선은 원래 무한하지만, 무한 선은 경계상자를 망가뜨려 [범위 줌]을 못 쓰게 만든다.
 * 현재 화면 대각선의 20배로 그어 화면 안에서는 무한선처럼 보이게 한다.
 */
function constructionLength(): number {
	const controller = getScreenCanvasDrawController();
	const size = controller.getCanvasSize();
	const scale = controller.getScreenScale() || 1;
	return (Math.hypot(size.x, size.y) / scale) * 20;
}

function extendFrom(base: Point, through: Point, bothWays: boolean): [Point, Point] {
	const dx = through.x - base.x;
	const dy = through.y - base.y;
	const length = Math.hypot(dx, dy) || 1;
	const reach = constructionLength();
	const forward = new Point(base.x + (dx / length) * reach, base.y + (dy / length) * reach);
	const backward = bothWays
		? new Point(base.x - (dx / length) * reach, base.y - (dy / length) * reach)
		: base;
	return [backward, forward];
}

export const xlineToolStateMachine = createSequenceTool({
	tool: Tool.XLINE,
	steps: [
		{ kind: 'point', instructions: '구성선이 지날 점을 지정하십시오.' },
		{ kind: 'point', instructions: '방향을 지정하십시오.' },
	],
	preview: (input) => {
		const points = input.points();
		if (points.length !== 1) return [];
		const [start, end] = extendFrom(points[0], input.cursor, true);
		return [lineEntity(start, end)];
	},
	commit: (input) => {
		const [base, through] = input.points();
		const [start, end] = extendFrom(base, through, true);
		addEntities([lineEntity(start, end)], true);
	},
});

export const rayToolStateMachine = createSequenceTool({
	tool: Tool.RAY,
	steps: [
		{ kind: 'point', instructions: '광선의 시작점을 지정하십시오.' },
		{ kind: 'point', instructions: '통과점을 지정하십시오.' },
	],
	preview: (input) => {
		const points = input.points();
		if (points.length !== 1) return [];
		const [start, end] = extendFrom(points[0], input.cursor, false);
		return [lineEntity(start, end)];
	},
	commit: (input) => {
		const [base, through] = input.points();
		const [start, end] = extendFrom(base, through, false);
		addEntities([lineEntity(start, end)], true);
	},
});

/** 다중선 — 중심선을 기준으로 MLSTYLE의 요소 수·간격만큼 평행선을 만든다 */
function mlineEntities(points: Point[]): Entity[] {
	if (points.length < 2) return [];
	const elements = getMlineElements();
	const spacing = getMlineSpacing();
	const result: Entity[] = [];
	for (let index = 0; index < elements; index++) {
		const offset = (index - (elements - 1) / 2) * spacing;
		const line = polyLineEntity(offsetPolylinePoints(points, offset));
		if (line) result.push(line);
	}
	return result;
}

export const mlineToolStateMachine = createSequenceTool({
	tool: Tool.MLINE,
	steps: [
		{ kind: 'point', instructions: '다중선의 시작점을 지정하십시오.' },
		{ kind: 'point', instructions: '다음 점을 지정하십시오. ENTER로 종료합니다.' },
	],
	repeatLastStep: true,
	preview: (input) => mlineEntities([...input.points(), input.cursor]),
	commit: (input) => {
		const entities = mlineEntities(input.points());
		if (entities.length) addEntities(entities, true);
	},
});

export const mlstyleToolStateMachine = createSequenceTool({
	tool: Tool.MLSTYLE,
	helpers: false,
	steps: [
		{ kind: 'number', instructions: '다중선 요소 수를 입력하십시오 <2>.', defaultValue: 2 },
		{ kind: 'number', instructions: '요소 간격을 입력하십시오 <1>.', defaultValue: 1 },
	],
	commit: (input) => {
		setMlineStyle(input.number(0), input.number(1));
		toast.success(`다중선 스타일: ${getMlineElements()}줄, 간격 ${getMlineSpacing()}`);
	},
});

/** 캔버스 배경색 — 와이프아웃은 이 색으로 뒤 객체를 가린다 */
function canvasBackgroundColor(): string {
	const value = getComputedStyle(document.documentElement).getPropertyValue('--cad-canvas').trim();
	return value || '#1e1e1e';
}

export const wipeoutToolStateMachine = createSequenceTool({
	tool: Tool.WIPEOUT,
	steps: [
		{ kind: 'point', instructions: '와이프아웃 경계의 첫 점을 지정하십시오.' },
		{ kind: 'point', instructions: '다음 점을 지정하십시오. ENTER로 닫습니다.' },
	],
	repeatLastStep: true,
	preview: (input) => {
		const preview = polyLineEntity([...input.points(), input.cursor]);
		return preview ? [preview] : [];
	},
	commit: (input) => {
		const points = input.points();
		if (points.length < 3) return;
		const mask = hatchEntity([...points, points[0].clone()], {
			style: 'solid',
			color: canvasBackgroundColor(),
		});
		mask.lineColor = canvasBackgroundColor();
		// 가리개는 뒤 객체를 덮어야 하므로 가장 나중에 그려지도록 목록 끝에 넣는다
		addEntities([mask], true);
	},
});