Merge remote-tracking branch 'origin/sub_laptop_7' into main_laptop_1

This commit is contained in:
2026-10-22 19:54:35 +09:00
12 changed files with 32 additions and 149 deletions
+1 -9
View File
@@ -69,17 +69,9 @@ const notify = (projectId: string): void => {
busyListeners.get(projectId)?.forEach((fn) => fn(now));
};
const launchedBy = new Map<string, Event>();
/** 이 누름이 묶음 차례를 띄웠나 — 그 누름 안 폼 다시 실음은 좌측 패널 안 폄(`design_user_pick` · 398-1 · 505-2). */
export const pageLaunchedBy = (projectId: string, event: Event): boolean =>
launchedBy.get(projectId) === event;
/** 묶음 차례 하나가 뜸 — 띄운 누름을 적음 · 끝나면(밀림 · 실패 포함) 내림. */
/** 묶음 차례 하나가 뜸 — 끝나면(밀림 · 실패 포함) 내림. */
export function trackPageBusy(projectId: string, run: Promise<unknown> | null): void {
if (!run) return;
const event = (globalThis as { event?: Event }).event;
if (event) launchedBy.set(projectId, event);
busy.set(projectId, (busy.get(projectId) ?? 0) + 1);
notify(projectId);
const done = (): void => {
+1 -4
View File
@@ -41,7 +41,6 @@ import type { DesignView } from "./design_dock";
import type { FacilityLane } from "./design_facility_lane";
import { routeDraftBridge, type PagePipelineOptions } from "./design_pipeline_page";
import { plantedBase } from "./design_pipeline_base";
import { isUserPick } from "./design_user_pick";
import { SECTION_STATION_INTERVAL_M } from "../../B05_Profile/logic/B05_Profile_Sections_Stations";
import {
applyStructureAreaRows,
@@ -331,10 +330,8 @@ export function sharedStructures(shared: DesignPageShared): StructuresSection {
onPipeUpdate: (from, to, attributes) => on().onPipeUpdate?.(from, to, attributes),
onPipeRemove: (chainageM) => on().onPipeRemove?.(chainageM),
onPipeSelect: (chainageM) => on().onPipeSelect?.(chainageM),
// 고름은 내용만 — 좌측 패널 · 「구조물 배치」 카드 열림 · 닫힘은 사용자가 둔 그대로(513-2)
onListRelease: () => on().onListRelease?.(),
// 사용자 고름 = 「구조물 배치」 카드 폄 — 좌측 패널 열림 · 닫힘은 그대로(398-1 · 499-1)
onReveal: () =>
isUserPick(shared.projectId) && shared.structures?.root.classList.remove("is-collapsed"),
},
{ includeDetail: () => shared.view() === "cross", projectId: shared.projectId },
);
-31
View File
@@ -1,31 +0,0 @@
/* =============================================================================
* A00_Common/design/design_user_pick.ts
* 「사용자 고름」 표시 한 칸(PLAN 398-1) — 좌측 패널 저절로 펴기(09-04 「바깥에서 고르면 좌측 패널도」)는
* 사용자가 직접 누른 고름에서만.
*
* 사용자 고름 = 지금 브라우저가 진짜 누름(포인터 · 마우스 · 우클릭)을 처리하는 중 — 눈금 · 마름모 · 3D ·
* 종단 알약 · 배수유역도 · 횡단 카드 · 우클릭 추가가 다 그 누름 안에서 폼을 엶.
* 아님 = 누름 밖(서버 응답 · 타이머 — 배수유역 다시 나눔 · 횡단 다시 그림) · 방향키 · 묶음을 띄운 그 누름
* (교점 끌기 · 곡선 지우기 · 되돌리기가 띄운 차례의 관 · 구조물 따라가기 · 다시 칠하기).
* 「계산 중」 동안 새로 누른 고름은 폄(505-2).
* 폼이 고른 것을 다시 실을 때마다 부르는 쪽을 막지 않고 펴기 한 곳(`design_shared` onReveal)이 여기만 봄.
* ========================================================================== */
import { pageLaunchedBy } from "./design_page_data";
const PICK_EVENTS = new Set([
"pointerdown",
"pointerup",
"mousedown",
"mouseup",
"click",
"dblclick",
"contextmenu",
]);
/** 지금 사용자 누름 안이고 그 누름이 묶음을 안 띄웠나 — 좌측 패널을 펴도 되는가. */
export function isUserPick(projectId: string | null): boolean {
const event = (globalThis as { event?: Event }).event; // 처리 중인 이벤트(그 마이크로태스크까지)
if (!event?.isTrusted || !PICK_EVENTS.has(event.type)) return false;
return !projectId || !pageLaunchedBy(projectId, event);
}
@@ -1,5 +1,5 @@
import { createButton } from "@ui/ui_template_elements";
import { createSidePanels, type SidePanels } from "@ui/ui_template_side_panels";
import { createSidePanels } from "@ui/ui_template_side_panels";
import { bindFootprintToggle } from "./B05_Profile_UI_RouteEdit_Footprint";
import { bindMarkToggle } from "./B05_Profile_UI_RouteEdit_Marks";
import { bottomRowNarrow, infoLiftPx } from "./logic/B05_Profile_RouteEdit_InfoLift";
@@ -65,9 +65,6 @@ export interface RouteEditChrome {
/** 손잡이 자리(24) + 틈(8) — 접혀도 남는 폭(`.ui-side-panels` margin-left). */
const SIDE_HANDLE_PX = 32;
/** 횡단 판 몸 → 패널 묶음 — 고른 측점 횡단을 띄울 때 접힌 판을 폄(382-2 · `_Cross`). */
export const sidePanelsOf = new WeakMap<HTMLElement, SidePanels>();
// 글판 접기 기억(345-5 덧 3) — 페이지 동안만(모듈 값) · 다시 열어도 그대로.
let hintOpen = false;
let infoCollapsed = false;
@@ -155,7 +152,7 @@ export function createRouteEditChrome(
overlay.querySelector('[data-slot="tools"]')!.replaceWith(...tools);
// 횡단 미리보기 = 패널 양식(382-1 · 손잡이 · 머리 · 폭 끌기 · 열림 · 폭 기억) · 자리는 지도 위 덮개 그대로 ·
// 기본 접힘(393-1 · 키 -v2 = 옛 열림 기억 한 번 버림) · 손잡이로 연 것만 기억 · 잰 값 창이 판을 비킴(--b05-side-open).
// 기본 접힘(393-1 · 키 -v2 = 옛 열림 기억 한 번 버림) · 열림 · 닫힘은 손잡이만(513-2) · 잰 값 창이 판을 비킴(--b05-side-open).
const side = document.createElement("div");
side.className = "b05-routeedit__side";
const setSideOpen = (): void =>
@@ -172,7 +169,6 @@ export function createRouteEditChrome(
onChange: setSideOpen,
onResize: setSideOpen,
});
sidePanelsOf.set(side, panels);
overlay.querySelector(".b05-routeedit__side-wrap")!.append(panels.root);
setSideOpen();
+6 -14
View File
@@ -46,7 +46,6 @@ import {
import { readStateRaw } from "../A00_Common/b_page_state";
import { pageRouteId } from "../A00_Common/design/design_page_route";
import { stationLabel as formatStation } from "../common_util/common_util_station";
import { sidePanelsOf } from "./B05_Profile_UI_RouteEdit_Chrome";
import type { FootprintRecord } from "./logic/B05_Profile_PlanFootprint";
import {
routeCrossCard,
@@ -320,13 +319,8 @@ export function createCrossPreview(params: CrossPreviewParams): CrossPreviewWind
stopPick();
};
/** 그 측점 횡단을 위 판에 · 아래 판은 비움(전후 비교는 노선을 고쳤을 때만) · 접힌 판은 폄(`open`). */
function showStation(
key: string | null,
chainageM: number,
structure = false,
open = true,
): void {
/** 그 측점 횡단을 위 판에 · 아래 판은 비움(전후 비교는 노선을 고쳤을 때만) · 접힌 판은 접힌 채 내용만(513-2). */
function showStation(key: string | null, chainageM: number, structure = false): void {
// 아래 판은 **노선을 고쳤을 때만** 채운다(2026-09-12 사용자 지시 ⑤). 예전에는 같은
// 측점을 두 번 누르면 위·아래에 **같은 그림 두 장**이 떠 전후 비교가 되지 않았다.
previous.show(null, interval());
@@ -334,12 +328,10 @@ export function createCrossPreview(params: CrossPreviewParams): CrossPreviewWind
drawnRoute = pipe?.input("route") ?? null;
shown = null;
redraw();
const panels = sidePanelsOf.get(params.side);
if (open && panels && panels.current() === null) panels.open("cross", false); // 열되 기억 안 함(393-1)
}
/** 다른 보기(종단 · 3D · 목록 · 횡단 카드 · 평면 마커) 고름 → 그 측점 횡단(구조물 · 관도 · 411-A). */
function follow(selection: DesignSelection, open = true): void {
function follow(selection: DesignSelection): void {
attach();
const at = selection.chainageM;
if (at === null) {
@@ -352,16 +344,16 @@ export function createCrossPreview(params: CrossPreviewParams): CrossPreviewWind
}
const station = nearestWithin(stationsNow(), at, (entry) => entry.chainageM);
const structure = !!selection.structureId || (!!station && !isGridStation(station));
showStation(station?.key ?? null, station?.chainageM ?? at, structure, open);
showStation(station?.key ?? null, station?.chainageM ?? at, structure);
}
const stopPick = subscribeSelection(params.projectId, (selection, from) => {
// 평면 이름 = 눈금 누름(제가 이미 그림)만 거름 · 마커 고름 풂(값 없음)은 따라 비움(500-1)
if (from !== PLAN_PICK_FROM || selection.chainageM === null) follow(selection);
});
attach();
// 들어올 때 이미 고른 것 — 판에 그 측점 횡단(494-1 · 안 그리면 고른 채 빈 판 · 다시 누르면 고름이 풀림) · 판은 안 폄
// 들어올 때 이미 고른 것 — 판에 그 측점 횡단(494-1 · 안 그리면 고른 채 빈 판 · 다시 누르면 고름이 풀림)
const picked = readSelection(params.projectId);
if (picked) follow(picked, false);
if (picked) follow(picked);
/** 그 측점 발자국 기록(열쇠 · 없으면 누가거리) — 발자국 단계 전이면 없음. */
const footprintAt = (key: string | null, chainageM: number): FootprintRecord | undefined => {
@@ -597,7 +597,6 @@ export function createStructuresSection(
if (moved) callbacks.onPipeSelect(moved.chainage_m); // 고름(알약 · 측점선)도 따라감
},
selectPipeByChainage(chainageM) {
if (chainageM !== null) callbacks.onReveal?.();
if (chainageM === null) {
// 외부 해제(빈 공간 클릭 등) — 임시 배치는 취소, 선택 중이던 시설도 구조물군·
// 종류까지 완전 리셋(2026-08-18 사용자 지시). 아무것도 안 골랐으면 무시.
@@ -621,7 +620,6 @@ export function createStructuresSection(
return hit;
},
selectById(structureId) {
if (structureId !== null) callbacks.onReveal?.();
if (structureId === null) {
// 그래프·3D 빈 공간 클릭 등 외부 해제 — 선택 중이었으면 구조물군·종류까지
// 완전 리셋(2026-08-18 사용자 지시). 선택 없는 신규 작성 중에는 두지 않는다.
@@ -637,11 +635,9 @@ export function createStructuresSection(
const type = typeMap().get(typeId);
if (!type) return;
// 우클릭 = [추가]까지 끝난 상태(116-1 · 08-18 「즉시 추가 폐지」를 바꿈) — 새로 놓기에서
// 시작해 옛 고름 · 집계 항목 · 그룹 잇기를 비우고 「구조물 배치」를 폄(좌측 패널은 안 엶 · 499-1).
// 시작해 옛 고름 · 집계 항목 · 그룹 잇기를 비우고 고름만 바꿈(좌측 패널 · 「구조물 배치」 카드 열림 · 닫힘은 그대로 · 513-2).
// 등록부 기본값 뒤 필수 빈칸이 없으면 바로 추가 + 새 항목 고름 · 남으면 폼만(A군은 임시 배치까지).
startNew(type.group, typeId);
callbacks.onReveal?.();
root.classList.remove("is-collapsed");
positionConfirmed = true; // 우클릭은 측점이 확정돼 들어온다 — 옵션도 바로 연다.
const placement = placementOf(typeId);
const step = interval();
@@ -204,12 +204,6 @@ export interface StructuresCallbacks {
/** 계곡 통과 시설을 목록에서 골랐을 때(시설 폼·유역 동기화는 배수유역 패널 몫).
* null = 재클릭 해제 — 전 화면(그래프·3D·배수유역도) 선택도 함께 푼다(2026-08-18). */
onPipeSelect: (chainageM: number | null) => void;
/**
* 바깥(3D·종단 그래프·배수유역도·횡단도)에서 고른 것이 폼에 실릴 때 — 좌측 패널이
* 접혀 있으면 펼친다(2026-09-04 사용자: 선택하면 좌측 패널도 함께 활성화돼야 함).
* 목록에서 직접 고른 경우엔 이미 펼쳐져 있어 아무 일도 안 한다.
*/
onReveal?: () => void;
/** 목록에서 고른 줄을 다시 눌러 풂 — 다른 화면의 고름(횡단 카드)도 함께 끔(54-8). */
onListRelease?: () => void;
}
@@ -67,8 +67,7 @@ let stations = [
];
let footprint = null;
let route = { v: 1 };
// 접힌 판 펴기 — 몸(side)에 묶인 패널 묶음 흉내
// 393-1 — 측점 눈금이 연 판은 기억 안 함(remember 거짓)
// 패널 묶음 흉내 — 513-2 고름은 판을 안 엶(now 그대로 null)
const panels = {
now: null,
current: () => panels.now,
@@ -186,7 +185,7 @@ async function run() {
out.afterEdit = cross.watched();
out.cardsAfterEdit = cards.slice();
// 평면 눈금 클릭 = 공용 고름에 적음 · 판이 접혀 있으면 폄
// 평면 눈금 클릭 = 공용 고름에 적음 · 접힌 판은 그대로(513-2)
const heard = [];
pick.subscribeSelection("p-1", (selection, from) =>
heard.push({ at: selection.chainageM, from }),
@@ -201,7 +200,7 @@ async function run() {
watched: cross.watched(),
};
// 다른 보기 고름 — 일반측점 = 그 측점(판 폄) · 관 측점 · 구조물 id = 마름모 · 풂 = 없음
// 다른 보기 고름 — 일반측점 = 그 측점(판 그대로) · 관 측점 · 구조물 id = 마름모 · 풂 = 없음
panels.now = null;
pick.selectDesign("p-1", { chainageM: 60, structureId: null }, { from: "b06-card" });
out.otherGrid = { watched: cross.watched(), panel: panels.now };
+2 -3
View File
@@ -81,12 +81,11 @@ def _add_at_body() -> str:
return src[start : src.index(" moveById(", start)]
def test_addAt_은_새로_놓기_패널_폄_후_판정():
def test_addAt_은_새로_놓기_후_판정_카드_열림_그대로():
body = _add_at_body()
assert "is-collapsed" not in body # 「구조물 배치」 카드 열림 · 닫힘 안 건드림(513-2)
order = [
body.index("startNew(type.group, typeId)"),
body.index("callbacks.onReveal?.()"),
body.index('root.classList.remove("is-collapsed")'),
body.index("addsAtOnce(optionInputs)"),
body.index("finishAdd("),
body.index("commitTempPipe(true)"), # 폼만 갈래 — A군 임시 배치 그대로(우클릭만 · 291-1)
@@ -1,26 +1,16 @@
"""PLAN 398-1 sub7 — 교점 옮기면 좌측 패널 열림(요구 248).
"""PLAN 398-1 sub7 — 교점 옮기면 좌측 패널 열림(요구 248) · 513-2 로 뒤집음.
못박는 것
- 좌측 패널 저절로 펴기는 사용자 고름만 — 진짜 누름(click · pointerup · contextmenu) 안 = 1.
- 다시 칠하기 · 누가거리 따라가기 · 되돌리기 · 묶음 다시 돎 = 0 — 누름 밖(배수유역 다시 나눔 응답) ·
방향키 · 끌기 도중 · 가짜 누름 · 묶음 차례를 띄운 그 누름(교점 놓음 · 곡선 지우기 · 되돌리기) ·
「계산 중」 동안 새 누름 = 1(505-2).
- 뿌리 한 곳 — 폼(`selectPipeByChainage` · `selectById` · `addAt`)은 그대로 펴기를 부르고 `design_shared`
onReveal 하나가 `isUserPick` 으로 거름.
- 499-1 뒤집음 — 펴기 = 「구조물 배치」 카드만 · 좌측 패널은 안 엶(`revealLeft` · `setOptionsOpen(` 없음) ·
- 513-2 — 고름은 내용만 · 좌측 패널 · 「구조물 배치」 카드 열림 · 닫힘은 사용자가 둔 그대로
(옛 onReveal · `isUserPick` 펴기 걷음 · 우클릭 추가도 카드 안 폄).
- 499-1 그대로 — 좌측 패널은 안 엶(`revealLeft` · `setOptionsOpen(` 없음) ·
패널을 열 때 고른 줄 · 강조 상자로 한 번 밂 · B06 평면 겹침 기준 = main 전체.
짝: `helper_398_1_user_pick.cjs`(진짜 `design_user_pick` · `design_page_data`).
"""
from __future__ import annotations
import json
import subprocess
from pathlib import Path
import pytest
HERE = Path(__file__).resolve().parent
ROOT = HERE.parents[1]
@@ -29,54 +19,15 @@ def _read(rel: str) -> str:
return (ROOT / rel).read_text(encoding="utf-8")
@pytest.fixture(scope="module")
def r() -> dict:
proc = subprocess.run( # noqa: S603 — 고정 실행 파일
["node", str(HERE / "helper_398_1_user_pick.cjs")],
capture_output=True,
text=True,
encoding="utf-8",
timeout=60,
)
assert proc.returncode == 0, proc.stderr
return json.loads(proc.stdout)
@pytest.mark.parametrize("way", ["click", "pointerup", "contextmenu", "afterRun", "busyPick"])
def test_사용자_고름은_폄(r, way):
assert r[way] == 1 # busyPick = 「계산 중」 동안 새 누름(505-2)
@pytest.mark.parametrize("way", ["outside", "arrow", "drag", "synthetic", "pipelineRepaint"])
def test_다시_칠하기는_안_폄(r, way):
assert r[way] == 0
def test_뿌리_한_곳():
def test_513_2_고름은_카드_열림_안_건드림():
shared = _read("A00_Common/design/design_shared.ts")
assert (
'isUserPick(shared.projectId) && shared.structures?.root.classList.remove("is-collapsed")'
in shared
)
assert "onReveal" not in shared and "isUserPick" not in shared
for rel in ("A00_Common/design/design_shared.ts", "A00_Common/design/design_page.ts"):
assert "revealLeft" not in _read(rel) and "setOptionsOpen(" not in _read(rel) # 499-1
panel = _read("B05_Profile/B05_Profile_UI_Structures_Panel.ts")
assert panel.count("callbacks.onReveal?.()") == 3 # 고름 둘 · 우클릭 추가 — 부르는 쪽은 안 막음
found = subprocess.run( # noqa: S603, S607 — 고정 실행 파일
["git", "grep", "-l", "isUserPick(", "--", "*.ts"],
cwd=ROOT,
capture_output=True,
text=True,
encoding="utf-8",
)
users = set(found.stdout.split()) | {
"A00_Common/design/design_user_pick.ts",
"A00_Common/design/design_shared.ts",
} # 새 파일(추적 전)
assert sorted(users) == [
"A00_Common/design/design_shared.ts",
"A00_Common/design/design_user_pick.ts",
]
assert "onReveal" not in panel
assert 'root.classList.remove("is-collapsed")' not in panel
assert not (ROOT / "A00_Common/design/design_user_pick.ts").exists()
def test_열_때_고른_줄로_밂():
@@ -124,9 +124,6 @@ def test_눈금_클릭은_폼_그대로(got2) -> None:
def test_폼_닫기는_패널_안_폄() -> None:
panel = _read("B05_Profile", "B05_Profile_UI_Structures_Panel.ts")
head = panel[panel.index(" selectById(structureId) {") :]
assert head.index("if (structureId !== null) callbacks.onReveal?.();") < head.index(
"resetForm();"
)
assert "is-collapsed" not in head[: head.index(" addAt(")] # 접힘 · 펼침 안 건드림
pick = _read("A00_Common", "design", "design_pick_profile.ts")
assert "from === PLAN_PICK_FROM && selection.chainageM === null" in pick
@@ -72,18 +72,18 @@ def test_노선_고친_뒤_같은_열쇠_측점의_새_발자국(results):
}
def test_평면_눈금_클릭은_공용_고름에_적고_판을_편다(results):
def test_평면_눈금_클릭은_공용_고름에_적고_판은_그대로(results):
click = results["planClick"]
assert click["selection"] == {"chainageM": 40, "structureId": None}
assert click["heard"] == [{"at": 40, "from": "b05-plan"}]
assert click["panel"] == "cross"
assert click["panel"] is None # 접힌 판은 접힌 채 내용만(513-2)
assert click["watched"]["chainageM"] == 40
def test_다른_보기_일반측점_고름은_평면_판(results):
assert results["otherGrid"]["watched"]["chainageM"] == 60
assert "structure" not in results["otherGrid"]["watched"]
assert results["otherGrid"]["panel"] == "cross"
assert results["otherGrid"]["panel"] is None # 513-2
def test_관_구조물_고름은_마름모만(results):
@@ -101,9 +101,10 @@ def test_393_판_그림은_B06_카드_사본_노선_고치면_전후(results):
assert results["cardsAfterEdit"] == ["b05-prev-s100", "b05-cur-s102"]
def test_393_1_눈금이_연_판은_기억_안_함(results):
assert results["planClick"]["panel"] == "cross"
assert results["planClick"]["remember"] is False
def test_513_2_고름은_판_열림_안_건드림(results):
# 393-1 「눈금이 판을 엶(기억 안 함)」 뒤집음 — 열림 · 닫힘은 손잡이만
assert results["planClick"]["panel"] is None
assert "remember" not in results["planClick"]
def test_393_3_판_칸은_그래프만():