Files
Aislo/B07_DesignDetail/openwebcad/test/helpers/replay-recording.ts
T
eomsangdonandClaude Opus 5 4cb9b15939 style: 저장소 전체 포맷터 일괄 적용 (prettier·biome·ruff)
파일마다 포맷 폭이 달라(≈80 대 100) 한 줄만 고쳐도 포맷터가 무관한 줄을 대량
재포맷했음. 사용자 지시로 전체를 한 번에 맞춤. 코드 동작 변경 없음 — 포맷만.

- 프론트엔드 `.ts/.css/.html` → 저장소 prettier (`.prettierrc`, printWidth 100)
- `B07_DesignDetail/openwebcad/**` → 자체 biome (tab 들여쓰기·single quote·lineWidth 100).
  `biome format` 만 사용 — `biome lint --write` 는 포맷 아닌 코드 수정까지 하므로 제외
- 파이썬 → `ruff format` (엔진 코드는 이미 정합, resources·scratch 스크립트 24개만 변경)

두 포맷터가 서로 되돌리지 않도록 `.prettierignore` 신규 — openwebcad 와 빌드·산출물
폴더를 prettier 대상에서 뺌. `.prettierrc` 에 `endOfLine: "auto"` 추가 — 기본값 `lf` 가
`core.autocrlf=true` 로 받은 CRLF 파일을 매번 전부 다시 써서 `--list-different` 가
실제 포맷 차이를 가리고 있었음.

검증: `tsc --noEmit` 통과(루트·openwebcad 둘 다), pytest 349 passed / 17 skipped /
0 failed, CAD vitest 87건 중 81 passed / 6 failed(laptop-sub 기준선과 동일, 회귀 없음).
포맷터 재실행 시 prettier·biome 모두 변경 0건.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-02 07:08:24 +09:00

77 lines
2.2 KiB
TypeScript

import type { InputController } from '../../src/inputController/input-controller';
import { Tool } from '../../src/tools';
import { click } from './click';
import type { Recording, Step } from './replay-recording.types';
import { setActiveTool } from './set-active-tool';
const DATA_ID_TO_TOOL_NAME: Record<string, Tool | null> = {
'select-button': Tool.SELECT,
'line-button': Tool.LINE,
'rectangle-button': Tool.RECTANGLE,
'circle-button': Tool.CIRCLE,
'move-button': Tool.MOVE,
'scale-button': Tool.SCALE,
'rotate-button': Tool.ROTATE,
'measurement-button': Tool.DIMALIGNED,
'undo-button': null,
'redo-button': null,
'delete-segment-button': Tool.ERASER,
'line-color-button': null,
'line-width-button': null,
'angle-guide-button': null,
'angle-guide-5-button': null,
'angle-guide-15-button': null,
'angle-guide-30-button': null,
'angle-guide-45-button': null,
'angle-guide-90-button': null,
'zoom-level-button': null,
'import-image-button': null,
'json-open-button': null,
'json-save-button': null,
'svg-export-button': null,
'png-export-button': null,
'pdf-export-button': null,
'github-link-button': null,
};
function handleClick(inputController: InputController, step: Step) {
const firstSelector = step.selectors[0][0];
if (firstSelector.startsWith('[data-id')) {
// clicked a button or the canvas
const dataId = step.selectors[0][0].split("'")[1];
if (dataId === 'canvas') {
click(inputController, step.offsetX, step.offsetY);
} else if (DATA_ID_TO_TOOL_NAME[dataId]) {
setActiveTool(DATA_ID_TO_TOOL_NAME[dataId]);
} else {
console.error('Failed to replay step: ', step);
}
} else {
console.error('Failed to replay step without data id: ', step);
}
}
function handleKeyUp(inputController: InputController, step: Step) {
inputController.handleKeyStroke({
key: step.key,
preventDefault: () => {},
stopPropagation: () => {},
ctrlKey: false,
shiftKey: false,
} as KeyboardEvent);
}
export function replayRecording(inputController: InputController, recording: Recording) {
for (const step of recording.steps) {
switch (step.type) {
case 'click':
handleClick(inputController, step);
break;
case 'keyUp':
handleKeyUp(inputController, step);
break;
}
}
}