Files
Aislo/B08_Quantity/B08_Quantity_UI_SidePanel_Sections.ts
eomsangdonandClaude Opus 5 f952ac7ffd fix(git): 병합이 떨군 파일 22개와 되돌아간 파일 35개를 되살림
무슨 일이 있었나
랩탑 줄의 병합 `20ba886c`(Merge origin/main_desktop_1·main_laptop_1·sub_desktop_1 into
sub_laptop_1)가 우리 파일 22개를 떨구고 35개 파일의 내용을 옛것으로 되돌림. 손으로 지운
커밋은 없고 **병합 자체가 떨군 것**임. 그것이 `origin/dev`·`main_laptop_1`·`sub_laptop_1`·
`CODEX` 까지 퍼졌고(데스크탑 둘만 무사), 이 창의 병합 `d92c1f2b` 로 들어옴.

잃었던 것
- 공용 — `common_util_provenance.py` · `ui_template_provenance.ts`
- B08 — 근거 사전 · 좌측 패널 상자 모듈 · 토량환산계수 칸
- B09 — 근거 사전 셋
- B05 — 계획노선 편집 모듈 아홉 · 지형 라우터 · B04 지도 모듈
- 시험 셋과, 35개 파일 안의 최근 작업(환산계수 고르기 · 근거 호버 배선 등)

어떻게 되살렸나
`611a2b40`(병합 직전, 전부 온전)에서 `git show <커밋>:<경로>` 로 내용만 꺼내 되돌림.
이력은 안 건드림. ⚠ HEAD 에만 있던 「추가 816줄」은 랩탑의 새 작업이 아니라 **되살아난
옛 코드**였음(B05 편집은 모듈로 쪼개기 전 덩어리 · B08 라우터는 환산계수 고르기 전 옛
상수판). 되돌릴 시점 이후의 **진짜 새 커밋은 둘뿐**이라 그 둘만 패치로 다시 얹음 —
`9f827bf6`(리로드 빌드 고리 끊기, 데스크탑 보조) · `b9bca6b3`(B06 조정창 1px, 랩탑).
위키 여덟은 코덱스 몫이라 손대지 않음.

자체검증 — 양쪽 작업이 다 살아 있음을 짚어 확인: `main.py` 의 「개발 서버는 살려 둔다」 ·
`B05_Profile_Engine_Grade.py` 의 `plan_curve_length_limit_m` · `B08_..._EarthworkGrid.ts` 의
`attachProvenance`. `tsc --noEmit` 통과 · `pytest -q` **1317 passed, 28 skipped**
(되살리기 전에는 시험 둘이 수집 단계에서 깨져 있었음).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017RANEBHns1S4tkmsYwewtk
2026-09-12 18:18:57 +09:00

65 lines
2.8 KiB
TypeScript

/* =============================================================================
* B08_Quantity_UI_SidePanel_Sections.ts
* 좌측 산출조건 패널을 **B03~B07 공통 상자**로 묶는 자리.
*
* 페이지 본문(`B08_Quantity_UI_Page.ts`)이 이미 700줄을 크게 넘어 새 코드를 그리로
* 보내지 않고 이 파일로 뀜다(CLAUDE.md 4장 700줄 제한).
* ========================================================================== */
/**
* 다 쌓인 조건 칸을 「제목 + 그 뒤 칸들」 덩어리로 잘라 **B03~B07 공통 상자**에 담는다.
*
* 왜 다 쌓은 뒤에 한 번 묶나
* 칸을 쌓는 코드가 400줄에 흩어져 있어 append 를 하나하나 고치면 손댈 자리가 너무 많다.
* 제목은 `field(이름, "")` 이 낸 **값이 빈 줄**이고, 그것이 나올 때마다 새 상자가 열린다.
* 상자 겉모습·접기는 공용 클래스가 전담한다 — B04·B06 과 같은 틀이다.
*
* ⚠ 개발용 줄과 맨 아래 액션 줄은 **상자 밖에 남긴다.** 액션 줄은 공용 코드가 패널 바닥에
* 고정하는 줄이라 상자 안으로 들어가면 바닥에 안 붙는다.
* ⚠ 첫 제목보다 앞에 오는 것(산출법 한 줄 · 토량환산계수 구획)은 **제목 없는 상자**에 담는다 —
* 토량환산계수는 제 제목을 제 안에 이미 들고 있어 따로 붙이면 제목이 둘이 된다.
*/
export function groupPanelSections(panel: HTMLElement): void {
const isHeading = (node: Element): boolean => {
if (node.tagName !== "DIV" || !node.classList.contains("b08-quantity__field")) return false;
const value = node.querySelector(".b08-quantity__field-value");
return !value || !value.textContent;
};
const newSection = (title: string | null): HTMLElement => {
const section = document.createElement("section");
section.className = title
? "b08-quantity__section ui-collapsible ui-sidebar-section"
: "b08-quantity__section ui-sidebar-section";
if (title) {
const heading = document.createElement("p");
heading.className = "b08-quantity__section-title ui-collapsible__title";
heading.textContent = title;
section.append(heading);
}
return section;
};
let box: HTMLElement | null = null;
for (const node of [...panel.children]) {
// 개발용 줄·바닥 액션 줄은 건너뛰고 상자도 끊는다.
if (
node.classList.contains("b08-quantity__dev") ||
node.classList.contains("ui-sidebar-actions")
) {
box = null;
continue;
}
if (isHeading(node)) {
box = newSection(node.firstElementChild?.textContent ?? "");
panel.insertBefore(box, node);
node.remove();
continue;
}
if (!box) {
box = newSection(null);
panel.insertBefore(box, node);
}
box.append(node);
}
}