eomsangdonandClaude Opus 5
05a63c8440
2026-09-06 사용자 지시(캐시·세션 일원화 1단계). 세션 접근이 19개 파일 64곳에
흩어져 있고 키 이름이 네 갈래라 같은 설계값인데 두 화면이 서로의 값을 못 보는
자리가 있었다.
- `A00_Common/b_page_state.ts` 신설 — 값마다 통(① 취향 · ② 초안 · ④ 계산 결과)과
범위(전역·프로젝트·노선)를 한 줄로 적는 등록표. 키 형식은
`aislo:{통}:{이름}:{프로젝트}[:{노선}]` 하나이고 **페이지 이름을 키에 넣지 않는다**.
- 옛 키는 처음 읽을 때 새 키로 한 번 옮기고 지운다(사용자가 쓰던 배치 유지).
- 초안 비우기(`clearDrafts`)·결과 버리기(`clearResults`)를 그 한 곳에 둠.
- 이번 커밋은 ① 취향값 11개를 이관 — 패널 접힘·높이, 유토곡선 펼침·높이·범례,
테이블 펼침·높이, 배수유역 접힘·폭, B06 패널 접힘·높이.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
53 lines
2.4 KiB
TypeScript
53 lines
2.4 KiB
TypeScript
import { MASS_HAUL_DEFAULT_VISIBLE, normalizeVisibleBasis } from "@util/common_util_mass_haul";
|
|
import { readStateRaw, stateKey } from "../A00_Common/b_page_state";
|
|
import { MASS_HAUL_HEIGHT, MASS_HAUL_MIN_HEIGHT } from "@util/common_util_mass_haul_view";
|
|
import { LONG_HEIGHT } from "./B06_Section_UI_Section_Common";
|
|
|
|
export const PANEL_CHROME_PX = 102;
|
|
export const BASE_PANEL_HEIGHT = LONG_HEIGHT + MASS_HAUL_HEIGHT + PANEL_CHROME_PX;
|
|
export const MIN_LONG_HEIGHT = 110;
|
|
export const MIN_PANEL_HEIGHT = MIN_LONG_HEIGHT + MASS_HAUL_MIN_HEIGHT + PANEL_CHROME_PX;
|
|
export const MAX_PANEL_HEIGHT_RATIO = 0.8;
|
|
/* 패널 접힘·높이·유토곡선 범례는 화면 취향(①) — 키는 등록표(`b_page_state`)가 만든다.
|
|
범례 키는 B05 와 **같은 값**이어야 한다(두 화면이 같은 그림의 두 창). */
|
|
export const PANEL_HEIGHT_KEY = stateKey("section-panel-height") ?? "";
|
|
|
|
/** 처음 열 때는 **곡선만** — 토량 분배는 범례에서 켠다(2026-09-06 사용자 지시).
|
|
* B05 `_UI_Profile_MassHaul` 과 같은 값이어야 한다(두 화면 공용 키). */
|
|
const DEFAULT_VISIBLE_KEYS = [...MASS_HAUL_DEFAULT_VISIBLE];
|
|
|
|
export function readVisibleSeries(): Set<string> {
|
|
try {
|
|
const raw = readStateRaw("masshaul-visible");
|
|
if (!raw) return new Set(DEFAULT_VISIBLE_KEYS);
|
|
const parsed: unknown = JSON.parse(raw);
|
|
return Array.isArray(parsed)
|
|
? normalizeVisibleBasis(new Set(parsed.map(String)))
|
|
: new Set(DEFAULT_VISIBLE_KEYS);
|
|
} catch {
|
|
return new Set(DEFAULT_VISIBLE_KEYS);
|
|
}
|
|
}
|
|
|
|
export function chartHeights(availableHeightPx: number): { long: number; mass: number } {
|
|
if (!Number.isFinite(availableHeightPx) || availableHeightPx <= 0) {
|
|
return { long: LONG_HEIGHT, mass: MASS_HAUL_HEIGHT };
|
|
}
|
|
const available = Math.max(availableHeightPx, MIN_LONG_HEIGHT + MASS_HAUL_MIN_HEIGHT);
|
|
if (available >= LONG_HEIGHT + MASS_HAUL_HEIGHT) {
|
|
return { long: LONG_HEIGHT, mass: available - LONG_HEIGHT };
|
|
}
|
|
const ratio = available / (LONG_HEIGHT + MASS_HAUL_HEIGHT);
|
|
const mass = Math.min(
|
|
Math.max(MASS_HAUL_MIN_HEIGHT, Math.round(MASS_HAUL_HEIGHT * ratio)),
|
|
available - MIN_LONG_HEIGHT,
|
|
);
|
|
return { long: available - mass, mass };
|
|
}
|
|
|
|
export function unwrapChart(node: HTMLElement): Element {
|
|
return node.classList.contains("b06-section__chart-wrap") && node.firstElementChild
|
|
? node.firstElementChild
|
|
: node;
|
|
}
|