From 8613c3b66e3e713470218bb07df83c98d473a707 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Sun, 13 Sep 2026 09:23:38 +0900 Subject: [PATCH] =?UTF-8?q?refactor(b06):=20=ED=9A=A1=EB=8B=A8=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20853=EC=A4=84=EC=9D=84=20=EC=85=8B=EC=9C=BC?= =?UTF-8?q?=EB=A1=9C=20=EB=82=98=EB=88=94=20=E2=80=94=20=EC=84=A4=EA=B3=84?= =?UTF-8?q?=20=EC=9E=AC=EA=B3=84=EC=82=B0=C2=B7=EA=B3=84=ED=9A=8D=EC=84=A0?= =?UTF-8?q?=20=ED=8E=B8=EC=A7=91=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 700줄 한도 대응. 순수 이동으로 동작 불변. - B06_Section_UI_Page_Design_Sync.ts — 설계 선택 반영·낡음 재계산·소단 동기화·[전체 반영] - B06_Section_UI_Page_Grade_Edit.ts — 종단 계획선 ▲▼ 제공자 - 남은 B06_Section_UI_Page.ts 644줄 소스 문자열 감시 시험 셋이 분리 모듈까지 읽게 함. Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01Fe1QWPTfw11PaKh2LjwXdR --- B06_Section/B06_Section_UI_Page.ts | 255 ++---------------- .../B06_Section_UI_Page_Design_Sync.ts | 218 +++++++++++++++ B06_Section/B06_Section_UI_Page_Grade_Edit.ts | 85 ++++++ .../tester/test_b05_stale_design_sync.py | 5 +- resources/tester/test_b06_ditch_choice.py | 2 +- .../tester/test_masshaul_single_source.py | 5 +- 6 files changed, 335 insertions(+), 235 deletions(-) create mode 100644 B06_Section/B06_Section_UI_Page_Design_Sync.ts create mode 100644 B06_Section/B06_Section_UI_Page_Grade_Edit.ts diff --git a/B06_Section/B06_Section_UI_Page.ts b/B06_Section/B06_Section_UI_Page.ts index ab248927..621d7c6f 100644 --- a/B06_Section/B06_Section_UI_Page.ts +++ b/B06_Section/B06_Section_UI_Page.ts @@ -1,4 +1,5 @@ -import { writeCrossDesignChoice } from "./B06_Section_Cross_Design_Session"; +import { createDesignSync } from "./B06_Section_UI_Page_Design_Sync"; +import { createGradeEdit } from "./B06_Section_UI_Page_Grade_Edit"; import { CURRENT_PROJECT_ID_KEY, ROUTES } from "@config/config_frontend"; import { leaveForDashboard } from "../A00_Common/b_missing_data_guard"; import { readByKey, stateKey, writeByKey } from "../A00_Common/b_page_state"; @@ -23,36 +24,20 @@ import { type StandardCrossSection, } from "./B06_Section_Api_Fetch"; import { createStationControls } from "./B06_Section_UI_Page_Station_Controls"; -import { refreshCrossDesigns } from "./B06_Section_Cross_Refresh"; import { - bermSpansFromStructures, confirmCurrentSections, createCutSlopeStore, createRockBoundaryStore, - readBermSpans, saveCurrentSections, - writeBermSpans, type SectionPersistContext, } from "./B06_Section_UI_Page_Persist"; import { maxToeFitHalfWidth } from "./B06_Section_UI_Cross_Fit"; -import { - createProfileEditStore, - readAlignmentDraft, - type ProfileEditStore, -} from "../B05_Profile/B05_Profile_UI_Profile_Edit"; -import { readAlignment, toDesignProfile } from "../B05_Profile/B05_Profile_UI_Profile_Data"; -import { - adjustStation, - buildAlignment, - toAlignmentBase, -} from "../B05_Profile/B05_Profile_UI_Profile_Alignment"; import { readStructurePick, writeStructurePick, } from "../B05_Profile/B05_Profile_UI_Structure_Pick_Session"; import { applyStructurePick } from "./B06_Section_UI_Page_Structure_Pick"; -import { type CrossDesignChange, createSectionView } from "./B06_Section_UI_Section_View"; -import { hasStaleDesigns } from "./B06_Section_UI_Section_Common"; +import { createSectionView } from "./B06_Section_UI_Section_View"; import { revetWallSpec } from "./B06_Section_UI_Cross_Culvert_Const"; import { applyPipeOptionsToCache, @@ -226,142 +211,19 @@ export async function renderB06ProfileCross(root: HTMLElement): Promise { // 그룹 제목 행 클릭 시 접기/펼치기(N-4-1). 액션 버튼 행은 collapsible 아님. attachCollapsible(leftForm); - /** - * 측점 설계 버튼 변경 처리: (1) 선택을 즉시 로컬 반영해 해당 카드만 리프레시(버튼 즉시 반응), - * (2) 서버에서 단면적을 계산·저장하고 최신 요청이면 그 카드만 다시 갱신한다. 전체 재렌더 없음. - * 설정 패널 편집값을 요청에 실어 요청값 → DB 저장 옵션 → config 기본값 우선순위를 지킨다. - */ - async function handleDesignChange(chainageM: number, change: CrossDesignChange): Promise { - if (!projectId || currentRouteId === null || !sectionDetail) return; - const target = sectionDetail.cross_sections.find( - (section) => Math.abs(section.chainage_m - chainageM) < 0.01, - ); - if (!target) return; - - // (1) 즉시 로컬 반영: 선택 버튼만 갱신(숫자·설계선은 기존값 유지) → 해당 카드만 교체. - if (target.design) { - target.design = { - ...target.design, - ground_type: change.ground_type, - section_mode: change.section_mode, - ditch_side: change.ditch_side ?? target.design.ditch_side, - ditch_type: change.ditch_type, - paved: change.paved, - two_stage_slope: change.two_stage_slope, - ditch_choice: change.ditch_choice, - }; - sectionView.refreshCard(chainageM); - } - - // (2) 선택은 **세션 초안**으로 남긴다 — 화면을 오가거나 새로고침해도 남고, - // [저장]·[확정] 때 한 번에 정본으로 나간다(2026-09-06 사용자 확정: 캐시가 저절로 - // 영구저장소로 새면 안 된다). 예전에는 여기서 서버가 계산하고 바로 저장했다. - writeCrossDesignChoice(projectId, currentRouteId, chainageM, { - ground_type: change.ground_type, - section_mode: change.section_mode, - ditch_side: change.ditch_side ?? null, - ditch_type: change.ditch_type, - paved: change.paved, - two_stage_slope: change.two_stage_slope, - ditch_choice: change.ditch_choice, - }); - // (3) 계산은 브라우저 안에서 — B05·B06 이 같이 쓰는 창구 하나로 돌린다. - await reconcileStaleDesigns({ force: true }); - } - - /** 현재 design 값에서 재계산용 change를 복원한다(암 경계 오프셋 변경 시 재계산 트리거). */ - function changeFromDesign(chainageM: number): CrossDesignChange | null { - const target = sectionDetail?.cross_sections.find( - (section) => Math.abs(section.chainage_m - chainageM) < 0.01, - ); - const design = target?.design; - if (!design) return null; - return { - ground_type: design.ground_type, - section_mode: design.section_mode, - ditch_side: design.ditch_side ?? null, - ditch_type: design.ditch_type ?? "standard", - paved: design.paved, - two_stage_slope: design.two_stage_slope ?? true, - ditch_choice: design.ditch_choice ?? null, - }; - } - - /** 암 경계 오프셋 변경 후 암 지반이면 2단계 무릎·단면적을 서버 재계산한다. */ - function recomputeIfRock(chainageM: number): void { - const change = changeFromDesign(chainageM); - if (change && change.ground_type !== "soil") void handleDesignChange(chainageM, change); - } - - /** - * 로드 시 stale design을 최신 엔진·최신 종단 계획고로 자동 재계산한다(E-1 + N-6). - * 대상: (1) 2단계 경사 필드(`two_stage_slope`)가 없는 옛 암 측점, (2) B05에서 종단이 - * 변경·확정돼 저장된 계산 기준 계획고(`design.design_elevation_m`)가 현재 계획선 - * (`design_profiles`) 보간값과 어긋난 측점. 종단이 안 바뀐 측점은 0건이라 불필요한 API - * 호출이 없다. - * - * 재계산은 측점별 순차 호출이 아니라 **일괄 프리뷰 1회**로 한다(2026-08-04 사용자 확인 - * — 예전 for-await 루프는 stale 측점 수만큼 왕복하며 카드가 하나씩 바뀌어 "이력 재생"처럼 - * 보였고 제일 느렸다). 편집 델타는 B05 세션 초안이 있으면 그것을(두 화면 동일 계획선), - * 없으면 저장분(profile_alignment.edits)을 쓴다. 측점별 사용자 선택값(지반유형·단면유형· - * 측구·암 경계)은 서버가 저장분에서 유지하고, 세션에만 있는 암 경계 오프셋은 함께 실어 보낸다. - */ - async function reconcileStaleDesigns(options?: { force?: boolean }): Promise { - if (!sectionDetail || !projectId || currentRouteId === null) return; - const draft = readAlignmentDraft(currentRouteId); - // 낡음 판정은 B05와 **같은 규칙** 하나뿐이다(공용 판정 — 계획고 어긋남 + - // 옛 암 2단계 필드 누락). 조건이 갈리면 같은 데이터가 두 화면에서 다른 값이 된다. - // - // 다만 **미저장 세션 편집이 있으면 판정을 건너뛰고 무조건 맞춘다**. 서버에서 갓 받은 - // 저장분끼리는 늘 일치해 「낡지 않음」으로 나오는데, B05가 세션에 남긴 편집은 그 안에 - // 없어 B06이 재계산을 통째로 건너뛰었다 — 같은 시점에 B05 절토 4,774.1㎥ ↔ B06 - // 4,515.0㎥ 로 갈렸다(2026-09-03 실측). 재계산은 브라우저 안에서 끝나 값싸다. - if (!options?.force && !draft && !hasStaleDesigns(sectionDetail)) return; - // 진입 정합은 화면을 잠그지 않는다 — 카드가 도착하는 대로 조용히 갱신된다 - // (CLAUDE.md 5장). - try { - const alignment = sectionDetail.longitudinal.profile_alignment as - | { - edits?: { - station_offsets?: Record; - curve_radii?: Record; - }; - } - | undefined; - const edits = draft ?? { - station_offsets: alignment?.edits?.station_offsets ?? {}, - curve_radii: alignment?.edits?.curve_radii ?? {}, - }; - // 재계산은 B05와 **같은 창구**를 쓴다 — 인자가 갈리면 같은 데이터가 두 화면에서 - // 다른 값이 된다(2026-09-03 사용자 지시로 일원화). - const updated = await refreshCrossDesigns({ - projectId, - routeId: currentRouteId, - detail: sectionDetail, - edits, - }); - // 카드는 한꺼번에 갈아 끼운다 — 측점마다 `refreshCard` 를 부르면 그때마다 종단 - // 그래프·유토곡선까지 다시 그려 측점 수만큼 화면이 멈췄다(2026-09-12). - sectionView.refreshCards(updated); - } catch (error) { - const detail = error instanceof Error ? ` ${error.message}` : ""; - showToast(`${L("B06_Design_Failed")}${detail}`, "error"); - } - } - - /** - * 구조물 목록의 **소단**(C군 사면안정)을 세션 사본으로 편다 — 재계산이 측점마다 읽는 값이다. - * - * 사용자는 「구조물 배치」에서 놓고(2026-09-07 확정), 계산은 그 사본만 본다. 달라졌을 때만 - * 다시 계산한다 — 목록은 화면을 열 때도 오므로 매번 돌리면 진입이 느려진다. - */ - function syncBermSpans(structures: ReadonlyArray): void { - if (!projectId || currentRouteId === null) return; - const next = bermSpansFromStructures(structures); - if (JSON.stringify(next) === JSON.stringify(readBermSpans(projectId, currentRouteId))) return; - writeBermSpans(projectId, currentRouteId, next); - void reconcileStaleDesigns({ force: true }); - } + // 설계 선택 반영·재계산·소단 동기화는 따로 뗀 모듈이 맡는다(2026-09-13 분리). + const { + handleDesignChange, + recomputeIfRock, + reconcileStaleDesigns, + syncBermSpans, + applyPanelToAll, + } = createDesignSync({ + projectId, + routeId: () => currentRouteId, + detail: () => sectionDetail, + view: () => sectionView, + }); /** 구조물(C군 벽)이 바뀌면 횡단 제원이 달라진다 — 초안을 얹고 다시 그린다. */ async function refreshDetailForStructures(): Promise { @@ -418,28 +280,6 @@ export async function renderB06ProfileCross(root: HTMLElement): Promise { showToast(L("B06_View_Apply_Success"), "success"); } - /** 패널 [전체 반영](N-2-1): design 보유 전 측점을 패널 최신값으로 순차 재계산한다. - * handleDesignChange가 standardPanel.getValues()를 실어 보내므로 표준단면 수치만 - * 갱신되고 측점별 버튼 선택값은 보존된다. 순차 await로 동시 API 호출 수를 제한한다. */ - let applyingAll = false; - async function applyPanelToAll(): Promise { - if (applyingAll || !sectionDetail || !projectId || currentRouteId === null) return; - const targets = sectionDetail.cross_sections.filter((section) => section.design); - if (!targets.length) return; - // 화면을 잠그지 않는다 — 카드가 하나씩 갱신되는 것이 곧 진행 표시다(CLAUDE.md 5장). - // 대신 도는 동안 다시 누르는 것만 막는다. - applyingAll = true; - try { - for (const section of targets) { - const change = changeFromDesign(section.chainage_m); - if (change) await handleDesignChange(section.chainage_m, change); - } - showToast(L("B06_Std_ApplyAll_Success"), "success"); - } finally { - applyingAll = false; - } - } - // 암 경계선 오프셋(측점별) 세션 저장소는 저장 흐름 모듈이 맡는다(2026-09-02 분리). const rockStore = createRockBoundaryStore({ sessionKey: () => stateKey("rockb", projectId, currentRouteId), @@ -493,62 +333,13 @@ export async function renderB06ProfileCross(root: HTMLElement): Promise { ); // 좌측 목록이 넘겨 준 구조물을 종단 알약 레인으로 보낸다(표시 통일). structureMarksSink = (structures, types) => sectionView.setStructureMarks(structures, types); - /** - * 계획선 편집(▲/▼) — B05 와 **같은 세션 초안**에 쌓는다(2026-09-12 사용자: B06 에만 - * 버튼이 없었다). 누르면 그 자리에서 계획선·전 측점 횡단을 다시 풀고(`reconcileStale…`), - * 영구저장은 [저장]·[확정]에서만 한다(CLAUDE.md 5장). - */ - let gradeStore: ProfileEditStore | null = null; - let gradeRouteId: number | null = null; - /** ▲▼ 길게 누르기는 초당 10회(`HOLD_INTERVAL_MS`) 들어온다 — 그보다 길게 잡아 - * 누르는 동안은 선만 움직이고, 손을 뗀 뒤 재계산이 한 번 돈다. */ - const GRADE_RECONCILE_DEBOUNCE_MS = 120; - let gradeReconcileTimer = 0; - const scheduleGradeReconcile = (): void => { - window.clearTimeout(gradeReconcileTimer); - gradeReconcileTimer = window.setTimeout(() => { - void reconcileStaleDesigns({ force: true }).then(() => - sectionView.setGradeEdit(gradeEditFor), - ); - }, GRADE_RECONCILE_DEBOUNCE_MS); - }; - const gradeEditFor = (): ReturnType< - NonNullable[0]> - > => { - const detail = sectionDetail; - if (!detail || currentRouteId === null) return null; - const stored = readAlignment(detail.longitudinal); - if (!stored) return null; // 선형 저장분이 없는 옛 노선 — 편집할 기준선이 없다. - if (!gradeStore || gradeRouteId !== currentRouteId) { - gradeRouteId = currentRouteId; - gradeStore = createProfileEditStore(currentRouteId, stored.edits, () => undefined); - } - const store = gradeStore; - const base = toAlignmentBase(stored); - const alignment = buildAlignment(base, store.edits()); - return { - alignment, - stepM: alignment.policy.edit_step_m, - onStation: (chainageM, delta) => { - store.replace(adjustStation(base, store.edits(), chainageM, delta)); - // ① 선은 **그 자리에서** 움직인다 — 그래프가 읽는 계획선(`design_profiles`)만 - // 갈아 끼우고 다시 그린다(재계산을 기다리면 누른 뒤 한참 뒤에 움직였다). - const detail = sectionDetail; - if (detail) { - detail.longitudinal.design_profiles = [ - toDesignProfile( - buildAlignment(base, store.edits()), - detail.longitudinal.design_profiles?.[0], - ), - ]; - } - sectionView.setGradeEdit(gradeEditFor); - // ② 전 측점 횡단 재계산·카드 갱신은 무겁다 — 마지막 한 번만(B05 프리뷰와 같은 규칙). - // 편집분은 세션 초안에 있으므로 재계산이 그것을 그대로 읽는다. - scheduleGradeReconcile(); - }, - }; - }; + // 계획선 편집(▲/▼) 제공자는 따로 뗀 모듈이 맡는다(2026-09-13 분리). + const gradeEditFor = createGradeEdit({ + routeId: () => currentRouteId, + detail: () => sectionDetail, + view: () => sectionView, + reconcile: () => reconcileStaleDesigns({ force: true }), + }); sectionView.setGradeEdit(gradeEditFor); // 종단 그래프 우클릭 — B05 와 같은 메뉴로 넣고 뺀다(2026-09-12 사용자: B05·B06 은 한 diff --git a/B06_Section/B06_Section_UI_Page_Design_Sync.ts b/B06_Section/B06_Section_UI_Page_Design_Sync.ts new file mode 100644 index 00000000..d6325546 --- /dev/null +++ b/B06_Section/B06_Section_UI_Page_Design_Sync.ts @@ -0,0 +1,218 @@ +/* ============================================================================= + * B06_Section_UI_Page_Design_Sync.ts + * 측점 설계 선택 반영·재계산 창구. `_UI_Page` 700줄 제한 대응으로 떼어낸 것이며 + * 동작은 그대로다(2026-09-13 분리). + * - `handleDesignChange` : 버튼 선택 즉시 반영 + 세션 초안 기록 + 재계산 + * - `recomputeIfRock` : 암 경계·암 절토 경사 변경 후 암 측점만 재계산 + * - `reconcileStaleDesigns`: 낡은 design 일괄 재계산(B05 와 같은 창구) + * - `syncBermSpans` : 구조물 목록의 소단을 세션 사본으로 펴기 + * - `applyPanelToAll` : 표준 횡단면 설정 [전체 반영] + * ========================================================================== */ + +import { writeCrossDesignChoice } from "./B06_Section_Cross_Design_Session"; +import { showToast } from "@ui/ui_template_elements"; +import { refreshCrossDesigns } from "./B06_Section_Cross_Refresh"; +import { + bermSpansFromStructures, + readBermSpans, + writeBermSpans, +} from "./B06_Section_UI_Page_Persist"; +import { readAlignmentDraft } from "../B05_Profile/B05_Profile_UI_Profile_Edit"; +import { hasStaleDesigns } from "./B06_Section_UI_Section_Common"; +import { L } from "./B06_Section_UI_Page_Common"; +import type { SectionDetailResponse } from "./B06_Section_Api_Fetch"; +import type { CrossDesignChange, SectionViewController } from "./B06_Section_UI_Section_View"; +import type { StructureInstance } from "../B05_Profile/B05_Profile_Api_Structures"; + +export interface DesignSyncContext { + projectId: string | null; + routeId: () => number | null; + detail: () => SectionDetailResponse | null; + /** 뷰는 이 모듈보다 **뒤에** 만들어지므로 그때 채워지는 참조를 통해 부른다. */ + view: () => SectionViewController; +} + +export interface DesignSyncController { + handleDesignChange: (chainageM: number, change: CrossDesignChange) => Promise; + recomputeIfRock: (chainageM: number) => void; + reconcileStaleDesigns: (options?: { force?: boolean }) => Promise; + syncBermSpans: (structures: ReadonlyArray) => void; + applyPanelToAll: () => Promise; +} + +export function createDesignSync(ctx: DesignSyncContext): DesignSyncController { + const { projectId } = ctx; + + /** + * 측점 설계 버튼 변경 처리: (1) 선택을 즉시 로컬 반영해 해당 카드만 리프레시(버튼 즉시 반응), + * (2) 서버에서 단면적을 계산·저장하고 최신 요청이면 그 카드만 다시 갱신한다. 전체 재렌더 없음. + * 설정 패널 편집값을 요청에 실어 요청값 → DB 저장 옵션 → config 기본값 우선순위를 지킨다. + */ + async function handleDesignChange(chainageM: number, change: CrossDesignChange): Promise { + const sectionDetail = ctx.detail(); + const currentRouteId = ctx.routeId(); + if (!projectId || currentRouteId === null || !sectionDetail) return; + const target = sectionDetail.cross_sections.find( + (section) => Math.abs(section.chainage_m - chainageM) < 0.01, + ); + if (!target) return; + + // (1) 즉시 로컬 반영: 선택 버튼만 갱신(숫자·설계선은 기존값 유지) → 해당 카드만 교체. + if (target.design) { + target.design = { + ...target.design, + ground_type: change.ground_type, + section_mode: change.section_mode, + ditch_side: change.ditch_side ?? target.design.ditch_side, + ditch_type: change.ditch_type, + paved: change.paved, + two_stage_slope: change.two_stage_slope, + ditch_choice: change.ditch_choice, + }; + ctx.view().refreshCard(chainageM); + } + + // (2) 선택은 **세션 초안**으로 남긴다 — 화면을 오가거나 새로고침해도 남고, + // [저장]·[확정] 때 한 번에 정본으로 나간다(2026-09-06 사용자 확정: 캐시가 저절로 + // 영구저장소로 새면 안 된다). 예전에는 여기서 서버가 계산하고 바로 저장했다. + writeCrossDesignChoice(projectId, currentRouteId, chainageM, { + ground_type: change.ground_type, + section_mode: change.section_mode, + ditch_side: change.ditch_side ?? null, + ditch_type: change.ditch_type, + paved: change.paved, + two_stage_slope: change.two_stage_slope, + ditch_choice: change.ditch_choice, + }); + // (3) 계산은 브라우저 안에서 — B05·B06 이 같이 쓰는 창구 하나로 돌린다. + await reconcileStaleDesigns({ force: true }); + } + + /** 현재 design 값에서 재계산용 change를 복원한다(암 경계 오프셋 변경 시 재계산 트리거). */ + function changeFromDesign(chainageM: number): CrossDesignChange | null { + const target = ctx + .detail() + ?.cross_sections.find((section) => Math.abs(section.chainage_m - chainageM) < 0.01); + const design = target?.design; + if (!design) return null; + return { + ground_type: design.ground_type, + section_mode: design.section_mode, + ditch_side: design.ditch_side ?? null, + ditch_type: design.ditch_type ?? "standard", + paved: design.paved, + two_stage_slope: design.two_stage_slope ?? true, + ditch_choice: design.ditch_choice ?? null, + }; + } + + /** 암 경계 오프셋 변경 후 암 지반이면 2단계 무릎·단면적을 서버 재계산한다. */ + function recomputeIfRock(chainageM: number): void { + const change = changeFromDesign(chainageM); + if (change && change.ground_type !== "soil") void handleDesignChange(chainageM, change); + } + + /** + * 로드 시 stale design을 최신 엔진·최신 종단 계획고로 자동 재계산한다(E-1 + N-6). + * 대상: (1) 2단계 경사 필드(`two_stage_slope`)가 없는 옛 암 측점, (2) B05에서 종단이 + * 변경·확정돼 저장된 계산 기준 계획고(`design.design_elevation_m`)가 현재 계획선 + * (`design_profiles`) 보간값과 어긋난 측점. 종단이 안 바뀐 측점은 0건이라 불필요한 API + * 호출이 없다. + * + * 재계산은 측점별 순차 호출이 아니라 **일괄 프리뷰 1회**로 한다(2026-08-04 사용자 확인 + * — 예전 for-await 루프는 stale 측점 수만큼 왕복하며 카드가 하나씩 바뀌어 "이력 재생"처럼 + * 보였고 제일 느렸다). 편집 델타는 B05 세션 초안이 있으면 그것을(두 화면 동일 계획선), + * 없으면 저장분(profile_alignment.edits)을 쓴다. 측점별 사용자 선택값(지반유형·단면유형· + * 측구·암 경계)은 서버가 저장분에서 유지하고, 세션에만 있는 암 경계 오프셋은 함께 실어 보낸다. + */ + async function reconcileStaleDesigns(options?: { force?: boolean }): Promise { + const sectionDetail = ctx.detail(); + const currentRouteId = ctx.routeId(); + if (!sectionDetail || !projectId || currentRouteId === null) return; + const draft = readAlignmentDraft(currentRouteId); + // 낡음 판정은 B05와 **같은 규칙** 하나뿐이다(공용 판정 — 계획고 어긋남 + + // 옛 암 2단계 필드 누락). 조건이 갈리면 같은 데이터가 두 화면에서 다른 값이 된다. + // + // 다만 **미저장 세션 편집이 있으면 판정을 건너뛰고 무조건 맞춘다**. 서버에서 갓 받은 + // 저장분끼리는 늘 일치해 「낡지 않음」으로 나오는데, B05가 세션에 남긴 편집은 그 안에 + // 없어 B06이 재계산을 통째로 건너뛰었다 — 같은 시점에 B05 절토 4,774.1㎥ ↔ B06 + // 4,515.0㎥ 로 갈렸다(2026-09-03 실측). 재계산은 브라우저 안에서 끝나 값싸다. + if (!options?.force && !draft && !hasStaleDesigns(sectionDetail)) return; + // 진입 정합은 화면을 잠그지 않는다 — 카드가 도착하는 대로 조용히 갱신된다 + // (CLAUDE.md 5장). + try { + const alignment = sectionDetail.longitudinal.profile_alignment as + | { + edits?: { + station_offsets?: Record; + curve_radii?: Record; + }; + } + | undefined; + const edits = draft ?? { + station_offsets: alignment?.edits?.station_offsets ?? {}, + curve_radii: alignment?.edits?.curve_radii ?? {}, + }; + // 재계산은 B05와 **같은 창구**를 쓴다 — 인자가 갈리면 같은 데이터가 두 화면에서 + // 다른 값이 된다(2026-09-03 사용자 지시로 일원화). + const updated = await refreshCrossDesigns({ + projectId, + routeId: currentRouteId, + detail: sectionDetail, + edits, + }); + // 카드는 한꺼번에 갈아 끼운다 — 측점마다 `refreshCard` 를 부르면 그때마다 종단 + // 그래프·유토곡선까지 다시 그려 측점 수만큼 화면이 멈췄다(2026-09-12). + ctx.view().refreshCards(updated); + } catch (error) { + const detail = error instanceof Error ? ` ${error.message}` : ""; + showToast(`${L("B06_Design_Failed")}${detail}`, "error"); + } + } + + /** + * 구조물 목록의 **소단**(C군 사면안정)을 세션 사본으로 편다 — 재계산이 측점마다 읽는 값이다. + * + * 사용자는 「구조물 배치」에서 놓고(2026-09-07 확정), 계산은 그 사본만 본다. 달라졌을 때만 + * 다시 계산한다 — 목록은 화면을 열 때도 오므로 매번 돌리면 진입이 느려진다. + */ + function syncBermSpans(structures: ReadonlyArray): void { + const currentRouteId = ctx.routeId(); + if (!projectId || currentRouteId === null) return; + const next = bermSpansFromStructures(structures); + if (JSON.stringify(next) === JSON.stringify(readBermSpans(projectId, currentRouteId))) return; + writeBermSpans(projectId, currentRouteId, next); + void reconcileStaleDesigns({ force: true }); + } + + /** 패널 [전체 반영](N-2-1): design 보유 전 측점을 패널 최신값으로 순차 재계산한다. + * handleDesignChange가 standardPanel.getValues()를 실어 보내므로 표준단면 수치만 + * 갱신되고 측점별 버튼 선택값은 보존된다. 순차 await로 동시 API 호출 수를 제한한다. */ + let applyingAll = false; + async function applyPanelToAll(): Promise { + const sectionDetail = ctx.detail(); + if (applyingAll || !sectionDetail || !projectId || ctx.routeId() === null) return; + const targets = sectionDetail.cross_sections.filter((section) => section.design); + if (!targets.length) return; + // 화면을 잠그지 않는다 — 카드가 하나씩 갱신되는 것이 곧 진행 표시다(CLAUDE.md 5장). + // 대신 도는 동안 다시 누르는 것만 막는다. + applyingAll = true; + try { + for (const section of targets) { + const change = changeFromDesign(section.chainage_m); + if (change) await handleDesignChange(section.chainage_m, change); + } + showToast(L("B06_Std_ApplyAll_Success"), "success"); + } finally { + applyingAll = false; + } + } + + return { + handleDesignChange, + recomputeIfRock, + reconcileStaleDesigns, + syncBermSpans, + applyPanelToAll, + }; +} diff --git a/B06_Section/B06_Section_UI_Page_Grade_Edit.ts b/B06_Section/B06_Section_UI_Page_Grade_Edit.ts new file mode 100644 index 00000000..8c5c87c5 --- /dev/null +++ b/B06_Section/B06_Section_UI_Page_Grade_Edit.ts @@ -0,0 +1,85 @@ +/* ============================================================================= + * B06_Section_UI_Page_Grade_Edit.ts + * 종단 계획선 편집(▲/▼) 제공자. `_UI_Page` 700줄 제한 대응으로 떼어낸 것이며 + * 동작은 그대로다(2026-09-13 분리). + * ========================================================================== */ + +import { + createProfileEditStore, + type ProfileEditStore, +} from "../B05_Profile/B05_Profile_UI_Profile_Edit"; +import { readAlignment, toDesignProfile } from "../B05_Profile/B05_Profile_UI_Profile_Data"; +import { + adjustStation, + buildAlignment, + toAlignmentBase, +} from "../B05_Profile/B05_Profile_UI_Profile_Alignment"; +import type { SectionDetailResponse } from "./B06_Section_Api_Fetch"; +import type { SectionViewController } from "./B06_Section_UI_Section_View"; + +type GradeEditProvider = NonNullable[0]>; + +export interface GradeEditContext { + routeId: () => number | null; + detail: () => SectionDetailResponse | null; + view: () => SectionViewController; + /** 전 측점 횡단 재계산 — 손을 뗀 뒤 한 번만 돈다. */ + reconcile: () => Promise; +} + +/** + * 계획선 편집(▲/▼) — B05 와 **같은 세션 초안**에 쌓는다(2026-09-12 사용자: B06 에만 + * 버튼이 없었다). 누르면 그 자리에서 계획선·전 측점 횡단을 다시 풀고(`reconcile`), + * 영구저장은 [저장]·[확정]에서만 한다(CLAUDE.md 5장). + */ +export function createGradeEdit(ctx: GradeEditContext): GradeEditProvider { + let gradeStore: ProfileEditStore | null = null; + let gradeRouteId: number | null = null; + /** ▲▼ 길게 누르기는 초당 10회(`HOLD_INTERVAL_MS`) 들어온다 — 그보다 길게 잡아 + * 누르는 동안은 선만 움직이고, 손을 뗀 뒤 재계산이 한 번 돈다. */ + const GRADE_RECONCILE_DEBOUNCE_MS = 120; + let gradeReconcileTimer = 0; + const scheduleGradeReconcile = (): void => { + window.clearTimeout(gradeReconcileTimer); + gradeReconcileTimer = window.setTimeout(() => { + void ctx.reconcile().then(() => ctx.view().setGradeEdit(gradeEditFor)); + }, GRADE_RECONCILE_DEBOUNCE_MS); + }; + const gradeEditFor: GradeEditProvider = () => { + const detail = ctx.detail(); + const currentRouteId = ctx.routeId(); + if (!detail || currentRouteId === null) return null; + const stored = readAlignment(detail.longitudinal); + if (!stored) return null; // 선형 저장분이 없는 옛 노선 — 편집할 기준선이 없다. + if (!gradeStore || gradeRouteId !== currentRouteId) { + gradeRouteId = currentRouteId; + gradeStore = createProfileEditStore(currentRouteId, stored.edits, () => undefined); + } + const store = gradeStore; + const base = toAlignmentBase(stored); + const alignment = buildAlignment(base, store.edits()); + return { + alignment, + stepM: alignment.policy.edit_step_m, + onStation: (chainageM, delta) => { + store.replace(adjustStation(base, store.edits(), chainageM, delta)); + // ① 선은 **그 자리에서** 움직인다 — 그래프가 읽는 계획선(`design_profiles`)만 + // 갈아 끼우고 다시 그린다(재계산을 기다리면 누른 뒤 한참 뒤에 움직였다). + const current = ctx.detail(); + if (current) { + current.longitudinal.design_profiles = [ + toDesignProfile( + buildAlignment(base, store.edits()), + current.longitudinal.design_profiles?.[0], + ), + ]; + } + ctx.view().setGradeEdit(gradeEditFor); + // ② 전 측점 횡단 재계산·카드 갱신은 무겁다 — 마지막 한 번만(B05 프리뷰와 같은 규칙). + // 편집분은 세션 초안에 있으므로 재계산이 그것을 그대로 읽는다. + scheduleGradeReconcile(); + }, + }; + }; + return gradeEditFor; +} diff --git a/resources/tester/test_b05_stale_design_sync.py b/resources/tester/test_b05_stale_design_sync.py index 14a442d9..fdc3d1d6 100644 --- a/resources/tester/test_b05_stale_design_sync.py +++ b/resources/tester/test_b05_stale_design_sync.py @@ -21,7 +21,10 @@ COMMON = (PROJECT_ROOT / "B06_Section" / "B06_Section_UI_Section_Common.ts").rea B05_PANEL = (PROJECT_ROOT / "B05_Profile" / "B05_Profile_UI_Profile_Panel.ts").read_text( encoding="utf-8" ) -B06_PAGE = (PROJECT_ROOT / "B06_Section" / "B06_Section_UI_Page.ts").read_text(encoding="utf-8") +# 설계 재계산 자리는 700줄 제한으로 `_UI_Page_Design_Sync` 로 떨어져 나갔다(2026-09-13). +B06_PAGE = (PROJECT_ROOT / "B06_Section" / "B06_Section_UI_Page.ts").read_text(encoding="utf-8") + ( + PROJECT_ROOT / "B06_Section" / "B06_Section_UI_Page_Design_Sync.ts" +).read_text(encoding="utf-8") def _stale(profile_samples, sections, tol=1e-3): diff --git a/resources/tester/test_b06_ditch_choice.py b/resources/tester/test_b06_ditch_choice.py index cedbfe6a..fa0edf20 100644 --- a/resources/tester/test_b06_ditch_choice.py +++ b/resources/tester/test_b06_ditch_choice.py @@ -107,7 +107,7 @@ def test_선택이_저장_patch_까지_실린다() -> None: for name in ( "B06_Section_Cross_Design_Session.ts", # 캐시 칸 - "B06_Section_UI_Page.ts", # 캐시에 쓰는 자리 + "B06_Section_UI_Page_Design_Sync.ts", # 캐시에 쓰는 자리 "B06_Section_Cross_Refresh.ts", # 브라우저 재계산이 읽는 자리 "B06_Section_UI_Page_Persist.ts", # [저장]·[확정] patch ): diff --git a/resources/tester/test_masshaul_single_source.py b/resources/tester/test_masshaul_single_source.py index ed13f663..53c8bbe5 100644 --- a/resources/tester/test_masshaul_single_source.py +++ b/resources/tester/test_masshaul_single_source.py @@ -19,7 +19,10 @@ REPO = _read("B06_Section/B06_Section_Repository.py") B06_ROUTER = _read("B06_Section/B06_Section_Router.py") REFRESH = _read("B06_Section/B06_Section_Cross_Refresh.ts") B05_PREVIEW = _read("B05_Profile/B05_Profile_UI_Profile_Preview.ts") -B06_PAGE = _read("B06_Section/B06_Section_UI_Page.ts") +# 설계 재계산 자리는 700줄 제한으로 `_UI_Page_Design_Sync` 로 떨어져 나갔다(2026-09-13). +B06_PAGE = _read("B06_Section/B06_Section_UI_Page.ts") + _read( + "B06_Section/B06_Section_UI_Page_Design_Sync.ts" +) def test_workflow_route_context_has_no_confirmed_filter():