파일마다 포맷 폭이 달라(≈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>
77 lines
2.2 KiB
TypeScript
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;
|
|
}
|
|
}
|
|
}
|