eomsangdonandClaude Sonnet 5.5
154d693599
- 주소 `?layer=personal|company`(없으면 시스템) — 라우터가 인자를 떼고 `currentQuery` 로 읽음 · 층 고정 풂
- 층 길 접두어 `/layers/{층}` — 구조물집계표 · 조합 · 복사 호출이 화면 층을 따름(시스템은 옛 길 그대로)
- 제목 셋(마스터 템플릿 · 구조물 관리(회사) · 구조물 관리(개인)) · 돌아가기 층 무관 · 도면 양식은 시스템 층만
- 편집 권한 — 시스템 SYSTEM_ADMIN · 회사 ADMIN 또는 is_master · 개인 본인 · 읽기만이면 단추 숨김 + [개인용으로 복사]
- 회사 없음 → 「회사부터 등록」 안내 · 대시보드 카드 「구조물 관리」(USER 개인용 · ADMIN · SYSTEM_ADMIN 회사용 + 개인용)
- 시험 test_m02_layer_screen.py 5 · test_m02_structure_panel.py 갱신
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_019Kyw9qnkJ94pC1A4PfpDtA
84 lines
2.4 KiB
TypeScript
84 lines
2.4 KiB
TypeScript
/* =============================================================================
|
|
* main.ts
|
|
* 프론트엔드 애플리케이션 진입점
|
|
*
|
|
* - 공통 컴포넌트/셸 스타일 주입
|
|
* - 테마/언어 복원
|
|
* - 앱 셸(헤더/푸터) 렌더 후 라우터 시작
|
|
* - hashchange 1회 구독: 셸 chrome 갱신 + 현재 라우트 렌더
|
|
* ========================================================================== */
|
|
|
|
import "./random_uuid_polyfill";
|
|
import "@ui/ui_template_theme.css";
|
|
import { injectBaseStyles } from "@ui/ui_template_elements";
|
|
import { ROUTES, type RoutePath } from "@config/config_frontend";
|
|
import { initThemeAndLang, injectShellStyles, renderShell } from "./app_shell";
|
|
import {
|
|
currentRoute,
|
|
renderCurrentRoute,
|
|
ensureInitialHash,
|
|
setLeaveGuard,
|
|
takeLeaveGuard,
|
|
} from "./router";
|
|
|
|
const FOOTERLESS_ROUTES: readonly RoutePath[] = [
|
|
ROUTES.B01_ACCOUNT,
|
|
ROUTES.B02_PROJ_REGISTER,
|
|
ROUTES.B03_FILE_INPUT,
|
|
ROUTES.B04_PREPROCESS,
|
|
ROUTES.B05_PROFILE,
|
|
ROUTES.B06_SECTION,
|
|
ROUTES.B07_DESIGN_DETAIL,
|
|
ROUTES.B08_QUANTITY,
|
|
ROUTES.B09_ESTIMATION,
|
|
ROUTES.B10_PAYMENT,
|
|
ROUTES.B11_STATUS,
|
|
ROUTES.M01_MASTER_DATA,
|
|
ROUTES.M02_MASTER_TEMPLATE,
|
|
];
|
|
|
|
function bootstrap(): void {
|
|
const appRoot = document.getElementById("app");
|
|
if (!appRoot) {
|
|
throw new Error("[main] #app 루트 요소를 찾을 수 없습니다.");
|
|
}
|
|
|
|
// 1. 스타일 주입 (공통 컴포넌트 + 셸)
|
|
injectBaseStyles();
|
|
injectShellStyles();
|
|
|
|
// 2. 테마/언어 복원
|
|
initThemeAndLang();
|
|
|
|
// 3. 셸 렌더 + 현재 라우트 렌더를 함께 수행하는 헬퍼
|
|
let shown = "";
|
|
let shownHash = "";
|
|
const renderAll = (): void => {
|
|
shown = currentRoute();
|
|
shownHash = window.location.hash;
|
|
const showFooter = !FOOTERLESS_ROUTES.includes(currentRoute());
|
|
const outlet = renderShell(appRoot, showFooter); // 헤더/푸터(로그인·언어 반영) 갱신
|
|
void renderCurrentRoute(outlet); // 아울렛에 페이지 렌더
|
|
};
|
|
|
|
// 4. hashchange 1회 구독 (리스너 누적 방지)
|
|
window.addEventListener("hashchange", () => {
|
|
const guard = takeLeaveGuard();
|
|
if (!guard || currentRoute() === shown) return renderAll();
|
|
void guard().then((ok) => {
|
|
if (ok) {
|
|
setLeaveGuard(null);
|
|
renderAll();
|
|
} else {
|
|
history.replaceState(null, "", shownHash); // 취소 — 머문 채 주소만 되돌림
|
|
}
|
|
});
|
|
});
|
|
|
|
// 5. 최초 진입
|
|
ensureInitialHash();
|
|
renderAll();
|
|
}
|
|
|
|
bootstrap();
|