zenn
3623305119
- 일별 익명 방문자 해시·사이트/게시물 통계(030 마이그레이션) - POST /api/analytics/pageview, 관리자 analytics API, 클라이언트 트래커 - 관리자 대시보드 통계 카드·인기 게시물 Top 5 - 스플래시: SITE_BRAND_LOGO_TEXT localStorage 제거
38 lines
2.4 KiB
JavaScript
38 lines
2.4 KiB
JavaScript
/** @type {'light' | 'dark'} */
|
|
export const SITE_THEME_LIGHT = 'light'
|
|
|
|
/** @type {'light' | 'dark'} */
|
|
export const SITE_THEME_DARK = 'dark'
|
|
|
|
/** localStorage 키: 사용자가 선택한 사이트 테마 */
|
|
export const SITE_THEME_STORAGE_KEY = 'SITE_THEME'
|
|
|
|
/** localStorage 키: 스플래시용 로고 이미지 URL(이전 방문에서 캐시) */
|
|
export const SITE_BRAND_LOGO_URL_KEY = 'SITE_BRAND_LOGO_URL'
|
|
|
|
/**
|
|
* @deprecated 스플래시 문구는 사이트 제목을 사용한다. 이전 버전 잔여 키 정리용.
|
|
*/
|
|
export const SITE_BRAND_LOGO_TEXT_KEY = 'SITE_BRAND_LOGO_TEXT'
|
|
|
|
/**
|
|
* 저장값·시스템 설정으로 적용할 테마를 결정한다.
|
|
* @param {string|null|undefined} savedTheme - localStorage 값
|
|
* @param {boolean} prefersDark - 시스템 다크 모드 여부
|
|
* @returns {'light' | 'dark'}
|
|
*/
|
|
export const resolveSiteTheme = (savedTheme, prefersDark) => {
|
|
if (savedTheme === SITE_THEME_LIGHT || savedTheme === SITE_THEME_DARK) {
|
|
return savedTheme
|
|
}
|
|
|
|
return prefersDark ? SITE_THEME_DARK : SITE_THEME_LIGHT
|
|
}
|
|
|
|
/**
|
|
* 첫 페인트 전에 테마·스플래시를 준비하는 head 인라인 스크립트 본문
|
|
* @param {string} [siteTitle] - 스플래시에 쓸 사이트 제목(로고 이미지 없을 때)
|
|
* @returns {string}
|
|
*/
|
|
export const buildSiteBootInlineScript = (siteTitle = 'sori.studio') => `(function(){try{var sk=${JSON.stringify(SITE_THEME_STORAGE_KEY)};var lk=${JSON.stringify(SITE_BRAND_LOGO_URL_KEY)};var legacyTk=${JSON.stringify(SITE_BRAND_LOGO_TEXT_KEY)};var splashTitle=${JSON.stringify(siteTitle)};var root=document.documentElement;var prefersDark=window.matchMedia("(prefers-color-scheme: dark)").matches;var saved=localStorage.getItem(sk);var theme=(saved==="light"||saved==="dark")?saved:(prefersDark?"dark":"light");root.dataset.theme=theme;root.style.colorScheme=theme;try{localStorage.removeItem(legacyTk)}catch(e){}if(/^\\/(admin|signin|signup|forgot-password)(\\/|$)/.test(location.pathname)){root.classList.add("site-app-ready");return}var splash=document.getElementById("site-splash");if(!splash){return}var logoEl=document.getElementById("site-splash-logo");var textEl=document.getElementById("site-splash-text");var logoUrl=localStorage.getItem(lk)||"";if(logoUrl&&logoEl){logoEl.src=logoUrl;logoEl.hidden=false;if(textEl){textEl.hidden=true}}else if(textEl){textEl.textContent=splashTitle;textEl.hidden=false}}catch(e){}})();`
|