fix(공용): 떠남 [취소] 뒤 단계 [<] [>] 흐려짐 — 주소 되돌림 알림 (PLAN 572)

- main.ts 취소 갈래 = replaceState 뒤 aislo:route-restored 냄(hashchange 가 안 뜸)
- ui_template_help [<] [>] sync 가 그 알림에도 다시 맞춤 · 화면에서 빠지면 둘 다 풂
- test_401 소스 대조 하나 더함

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-28 18:17:56 +09:00
co-authored by Claude Opus 5.5
parent 2ba46341ee
commit 6d7657aeb9
3 changed files with 19 additions and 1 deletions
+2
View File
@@ -19,6 +19,7 @@ import {
releaseSelectAfterPick,
} from "@ui/ui_template_native_menu";
import { initLoupe, LOUPE_ROUTE } from "@ui/ui_template_loupe";
import { ROUTE_RESTORED_EVENT } from "@ui/ui_template_help";
import { ROUTES, type RoutePath } from "@config/config_frontend";
import { initThemeAndLang, injectShellStyles, renderShell } from "./app_shell";
import {
@@ -95,6 +96,7 @@ function bootstrap(): void {
renderAll();
} else {
history.replaceState(null, "", shownHash); // 취소 — 머문 채 주소만 되돌림
window.dispatchEvent(new Event(ROUTE_RESTORED_EVENT)); // 주소 따라 그린 것(단계 [<] [>])을 다시 맞춤
}
});
});
@@ -110,3 +110,11 @@ def test_공용이_도우미를_씀():
for name in ("d02-points", "e02-ground", "e03-prob", "e04-settings", "e05-report"):
assert f'"{name}": {{ bucket: "draft", scope: "project"' in state
assert '"e06-rock"' in state and '"e07-settings"' in state
def test_떠남_취소_뒤_단계_단추_다시_맞춤():
# [취소] = 주소만 되돌림(hashchange 없음) → 「되돌림」 알림으로 [<] [>] 다시 맞춤
main = (ROOT / "A00_Common/main.ts").read_text(encoding="utf-8")
assert "window.dispatchEvent(new Event(ROUTE_RESTORED_EVENT))" in main
help_ts = (ROOT / "ui_template/ui_template_help.ts").read_text(encoding="utf-8")
assert "window.addEventListener(ROUTE_RESTORED_EVENT, onHash);" in help_ts
+9 -1
View File
@@ -344,6 +344,9 @@ function createStepNavButton(step: -1 | 1): HTMLButtonElement {
return button;
}
/** 떠남 [취소] 뒤 주소를 되돌렸다는 알림(`main.ts` 가 냄 · hashchange 가 안 뜸). */
export const ROUTE_RESTORED_EVENT = "aislo:route-restored";
/** 지금 주소의 묶음 · [<] [>] 차례 — 목록 밖이면 차례 -1 */
function stepNavIndex(): { index: number; last: number } {
const route = location.hash.replace(/^#\/?/, "").split("?")[0];
@@ -364,11 +367,16 @@ export function placeHelpButton(actions: HTMLElement): void {
prev.disabled = index <= 0;
next.disabled = index === last;
};
// 떠남 [취소] 는 주소만 되돌림(hashchange 없음) — 「되돌림」 알림에도 다시 맞춤(572)
const onHash = (): void => {
if (prev.isConnected) sync();
else window.removeEventListener("hashchange", onHash); // 화면에서 빠짐 — 풂
else {
window.removeEventListener("hashchange", onHash); // 화면에서 빠짐 — 풂
window.removeEventListener(ROUTE_RESTORED_EVENT, onHash);
}
};
sync();
window.addEventListener("hashchange", onHash);
window.addEventListener(ROUTE_RESTORED_EVENT, onHash);
row.prepend(createHelpButton(), prev, next);
}