kjh2064
675ef64975
TaxBaik CI/CD / build-and-deploy (push) Successful in 1m31s
IMPLEMENTATION:
- Create 4 FastEndpoints Endpoint classes:
- LoginEndpoint: POST /api/auth/login
- RefreshTokenEndpoint: POST /api/auth/refresh
- ChangePasswordEndpoint: POST /api/auth/change-password
- ResetPasswordEndpoint: POST /api/auth/reset-password
- Backup AuthController.cs (no longer active)
- Add FastEndpoints.Endpoint<TRequest, TResponse> pattern
- Implement proper DI with AuthService injection
- Use Policies("Bearer") for authorization
- Proper error handling with ThrowError()
ARCHITECTURE:
- Start of Phase 1: Core Auth APIs
- Endpoints follow FastEndpoints conventions
- DTOs: LoginRequest, RefreshTokenRequest, ChangePasswordRequest, ResetPasswordRequest, TokenPairResponse, MessageResponse
- AllowAnonymous for login/refresh/reset
- Bearer policy for change-password
VERIFICATION:
✅ dotnet build: 0 errors, 0 warnings
✅ dotnet test: 26/26 passed
✅ FastEndpoints auto-discovery working (no endpoint errors)
✅ JWT validation passes
Next Phase: BlogController and remaining APIs
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
421 lines
18 KiB
JavaScript
421 lines
18 KiB
JavaScript
window.taxbaikAdminSession = {
|
|
clientLogState: {
|
|
enabled: true,
|
|
windowStart: 0,
|
|
sentCount: 0,
|
|
suppressedCount: 0,
|
|
fingerprints: {},
|
|
eventCounts: {},
|
|
screen: '',
|
|
feature: '',
|
|
action: '',
|
|
step: '',
|
|
entity: '',
|
|
entityId: '',
|
|
dataKey: ''
|
|
},
|
|
|
|
initErrorLogging: function () {
|
|
if (window._taxbaikClientLogInitialized) return;
|
|
window._taxbaikClientLogInitialized = true;
|
|
|
|
const postLog = function (payload) {
|
|
try {
|
|
if (!window.taxbaikAdminSession.shouldSendClientLog(payload)) {
|
|
return;
|
|
}
|
|
|
|
const body = JSON.stringify(payload);
|
|
if (navigator.sendBeacon) {
|
|
const blob = new Blob([body], { type: 'application/json' });
|
|
if (navigator.sendBeacon('/taxbaik/api/client-logs', blob)) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
fetch('/taxbaik/api/client-logs', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body,
|
|
keepalive: true
|
|
}).catch(function () { });
|
|
} catch {
|
|
// Logging must never break the UI.
|
|
}
|
|
};
|
|
|
|
window.taxbaikAdminSession.postClientLog = postLog;
|
|
|
|
window.addEventListener('error', function (event) {
|
|
postLog({
|
|
level: 'error',
|
|
source: 'window.error',
|
|
message: event.message || 'unknown error',
|
|
url: event.filename || window.location.href,
|
|
route: window.location.pathname + window.location.search,
|
|
screen: window.taxbaikAdminSession.clientLogState.screen || '',
|
|
feature: window.taxbaikAdminSession.clientLogState.feature || '',
|
|
action: window.taxbaikAdminSession.clientLogState.action || '',
|
|
step: window.taxbaikAdminSession.clientLogState.step || '',
|
|
entity: window.taxbaikAdminSession.clientLogState.entity || '',
|
|
entityId: window.taxbaikAdminSession.clientLogState.entityId || '',
|
|
dataKey: window.taxbaikAdminSession.clientLogState.dataKey || '',
|
|
buildVersion: window.taxbaikAdminBuildVersion || '',
|
|
component: window.taxbaikAdminComponent || '',
|
|
viewportWidth: window.taxbaikAdminSession.getViewportWidth(),
|
|
userAgent: navigator.userAgent || '',
|
|
stack: event.error?.stack || ''
|
|
});
|
|
});
|
|
|
|
window.addEventListener('unhandledrejection', function (event) {
|
|
const reason = event.reason;
|
|
postLog({
|
|
level: 'error',
|
|
source: 'window.unhandledrejection',
|
|
message: reason?.message || String(reason || 'unknown rejection'),
|
|
url: window.location.href,
|
|
route: window.location.pathname + window.location.search,
|
|
screen: window.taxbaikAdminSession.clientLogState.screen || '',
|
|
feature: window.taxbaikAdminSession.clientLogState.feature || '',
|
|
action: window.taxbaikAdminSession.clientLogState.action || '',
|
|
step: window.taxbaikAdminSession.clientLogState.step || '',
|
|
entity: window.taxbaikAdminSession.clientLogState.entity || '',
|
|
entityId: window.taxbaikAdminSession.clientLogState.entityId || '',
|
|
dataKey: window.taxbaikAdminSession.clientLogState.dataKey || '',
|
|
buildVersion: window.taxbaikAdminBuildVersion || '',
|
|
component: window.taxbaikAdminComponent || '',
|
|
viewportWidth: window.taxbaikAdminSession.getViewportWidth(),
|
|
userAgent: navigator.userAgent || '',
|
|
stack: reason?.stack || ''
|
|
});
|
|
});
|
|
},
|
|
|
|
setContext: function (screen, feature, action, step, entity, entityId, dataKey) {
|
|
const state = window.taxbaikAdminSession.clientLogState;
|
|
state.screen = screen || '';
|
|
state.feature = feature || '';
|
|
state.action = action || '';
|
|
state.step = step || '';
|
|
state.entity = entity || '';
|
|
state.entityId = entityId || '';
|
|
state.dataKey = dataKey || '';
|
|
},
|
|
|
|
shouldSendClientLog: function (payload) {
|
|
try {
|
|
const state = window.taxbaikAdminSession.clientLogState;
|
|
if (!state.enabled) return false;
|
|
|
|
const now = Date.now();
|
|
if (!state.windowStart || now - state.windowStart >= 60000) {
|
|
state.windowStart = now;
|
|
state.sentCount = 0;
|
|
state.suppressedCount = 0;
|
|
state.fingerprints = {};
|
|
}
|
|
|
|
const fingerprint = [
|
|
payload?.source || '',
|
|
payload?.message || '',
|
|
payload?.route || '',
|
|
payload?.component || '',
|
|
payload?.screen || '',
|
|
payload?.feature || '',
|
|
payload?.action || '',
|
|
payload?.entity || '',
|
|
payload?.entityId || ''
|
|
].join('|').slice(0, 256);
|
|
|
|
state.fingerprints[fingerprint] = (state.fingerprints[fingerprint] || 0) + 1;
|
|
|
|
if (state.sentCount >= 8) {
|
|
state.suppressedCount += 1;
|
|
return false;
|
|
}
|
|
|
|
if (state.fingerprints[fingerprint] > 2) {
|
|
state.suppressedCount += 1;
|
|
return false;
|
|
}
|
|
|
|
state.sentCount += 1;
|
|
return true;
|
|
} catch {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
traceUiState: function (source, details) {
|
|
try {
|
|
const payload = {
|
|
level: 'info',
|
|
source: source || 'ui-state',
|
|
message: details || '',
|
|
url: window.location.href,
|
|
route: window.location.pathname + window.location.search,
|
|
screen: window.taxbaikAdminSession.clientLogState.screen || '',
|
|
feature: window.taxbaikAdminSession.clientLogState.feature || '',
|
|
action: window.taxbaikAdminSession.clientLogState.action || '',
|
|
step: window.taxbaikAdminSession.clientLogState.step || '',
|
|
entity: window.taxbaikAdminSession.clientLogState.entity || '',
|
|
entityId: window.taxbaikAdminSession.clientLogState.entityId || '',
|
|
dataKey: window.taxbaikAdminSession.clientLogState.dataKey || '',
|
|
buildVersion: window.taxbaikAdminBuildVersion || '',
|
|
component: window.taxbaikAdminComponent || '',
|
|
viewportWidth: window.taxbaikAdminSession.getViewportWidth(),
|
|
userAgent: navigator.userAgent || '',
|
|
stack: ''
|
|
};
|
|
|
|
const state = window.taxbaikAdminSession.clientLogState;
|
|
const key = `${payload.source}|${payload.route}|${payload.message}`.slice(0, 256);
|
|
state.eventCounts[key] = (state.eventCounts[key] || 0) + 1;
|
|
if (state.eventCounts[key] > 1) {
|
|
return;
|
|
}
|
|
|
|
window.taxbaikAdminSession.postClientLog(payload);
|
|
} catch {
|
|
// diagnostics must never break UI.
|
|
}
|
|
},
|
|
|
|
postClientLog: function () {
|
|
// Replaced during initialization.
|
|
},
|
|
|
|
syncRouteClass: function () {
|
|
document.documentElement.classList.toggle(
|
|
'admin-login-route',
|
|
window.location.pathname.toLowerCase().endsWith('/admin/login'));
|
|
},
|
|
|
|
getViewportWidth: function () {
|
|
return window.innerWidth || document.documentElement.clientWidth || 0;
|
|
},
|
|
|
|
clearAuthToken: function () {
|
|
try {
|
|
localStorage.removeItem('accessToken');
|
|
localStorage.removeItem('refreshToken');
|
|
localStorage.removeItem('tokenExpiry');
|
|
localStorage.removeItem('auth_token');
|
|
} catch {
|
|
// Ignore storage errors; redirect still recovers the session.
|
|
}
|
|
},
|
|
|
|
showLoading: function () {
|
|
// Route transitions are handled by Blazor; avoid full-screen overlays
|
|
// that block drawer interaction and make the app feel frozen.
|
|
window.taxbaikAdminSession.traceUiState('admin-loading', 'showLoading requested');
|
|
window.taxbaikAdminSession.hideLoading();
|
|
},
|
|
|
|
hideLoading: function () {
|
|
const overlay = document.getElementById('blazor-loading');
|
|
if (overlay) {
|
|
overlay.classList.remove('show');
|
|
}
|
|
|
|
if (window._taxbaikLoadingTimeout) {
|
|
clearTimeout(window._taxbaikLoadingTimeout);
|
|
window._taxbaikLoadingTimeout = null;
|
|
}
|
|
|
|
if (window._taxbaikLoadingObserver) {
|
|
window._taxbaikLoadingObserver.disconnect();
|
|
window._taxbaikLoadingObserver = null;
|
|
}
|
|
|
|
window.taxbaikAdminSession.traceUiState('admin-loading', 'hideLoading completed');
|
|
},
|
|
|
|
watchReconnect: function () {
|
|
window.taxbaikAdminSession.syncRouteClass();
|
|
window.addEventListener('popstate', window.taxbaikAdminSession.syncRouteClass);
|
|
window.addEventListener('hashchange', window.taxbaikAdminSession.syncRouteClass);
|
|
|
|
if (document.documentElement.classList.contains('admin-login-route')) {
|
|
// Login prerenders immediately; no boot splash needed.
|
|
window.taxbaikAdminSession.hideLoading();
|
|
}
|
|
// Non-login routes: leave the overlay showing until AdminShell's
|
|
// OnAfterRenderAsync(firstRender) calls hideLoading once WASM has
|
|
// actually rendered the authenticated shell.
|
|
|
|
const modal = document.getElementById('components-reconnect-modal');
|
|
if (!modal) return;
|
|
|
|
const reloadOnRejectedCircuit = function () {
|
|
const className = modal.className || '';
|
|
if (className.includes('components-reconnect-failed') ||
|
|
className.includes('components-reconnect-rejected')) {
|
|
window.setTimeout(function () { window.location.reload(); }, 1500);
|
|
}
|
|
};
|
|
|
|
new MutationObserver(reloadOnRejectedCircuit)
|
|
.observe(modal, { attributes: true, attributeFilter: ['class'] });
|
|
},
|
|
|
|
bindLoginForm: function () {
|
|
const form = document.getElementById('admin-login-form');
|
|
if (!form) return;
|
|
|
|
// 업데이트 스플래시: 매번(재호출되어도) 무조건 다시 적용한다.
|
|
const readyButton = form.querySelector('#admin-login-submit');
|
|
if (readyButton) {
|
|
readyButton.disabled = false;
|
|
const label = readyButton.querySelector('span');
|
|
if (label) label.textContent = '로그인';
|
|
}
|
|
|
|
// 체크박스 상태 복원
|
|
const rememberCheckbox = form.querySelector('input[type="checkbox"]');
|
|
if (rememberCheckbox) {
|
|
try {
|
|
const savedState = localStorage.getItem('admin-remember-checkbox');
|
|
if (savedState === 'true') {
|
|
rememberCheckbox.checked = true;
|
|
}
|
|
} catch {
|
|
// localStorage access error
|
|
}
|
|
}
|
|
|
|
if (form.dataset.bound === '1') return;
|
|
form.dataset.bound = '1';
|
|
window.taxbaikAdminSession.traceUiState('admin-login', 'bindLoginForm attached');
|
|
|
|
// 프리렌더 후 Blazor 하이드레이션이 이벤트 리스너를 제거할 수 있으므로,
|
|
// document 전체에서 submit 이벤트를 캡처하고, form ID로 우리의 form인지 확인
|
|
// (객체 참조 비교는 Blazor 하이드레이션 후 stale이 될 수 있으므로 ID 비교 사용)
|
|
document.addEventListener('submit', async function (event) {
|
|
if (event.target.id !== 'admin-login-form') return; // 다른 form은 무시
|
|
event.preventDefault();
|
|
|
|
const currentForm = event.target; // Blazor 하이드레이션 후 최신 form 참조
|
|
const username = currentForm.querySelector('input[name="username"]')?.value?.trim() || '';
|
|
const password = currentForm.querySelector('input[name="password"]')?.value || '';
|
|
const rememberMe = currentForm.querySelector('input[type="checkbox"]')?.checked || false;
|
|
const existing = currentForm.parentElement.querySelector('.login-error-message');
|
|
const submitButton = currentForm.querySelector('button[type="submit"]');
|
|
|
|
if (existing) existing.remove();
|
|
if (submitButton) submitButton.disabled = true;
|
|
|
|
try {
|
|
window.taxbaikAdminSession.traceUiState('admin-login', `submit: username=${username ? 'yes' : 'no'}, password=${password ? 'yes' : 'no'}`);
|
|
|
|
if (!username || !password) {
|
|
throw new Error('username/password missing');
|
|
}
|
|
|
|
window.taxbaikAdminSession.traceUiState('admin-login', 'submit started');
|
|
const response = await fetch('/taxbaik/api/auth/login', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ username, password })
|
|
});
|
|
|
|
if (!response.ok) {
|
|
throw new Error('login failed');
|
|
}
|
|
|
|
const data = await response.json();
|
|
if (!data?.accessToken || !data?.refreshToken) {
|
|
throw new Error('invalid response');
|
|
}
|
|
|
|
window.taxbaikAdminSession.traceUiState('admin-login', 'submit success');
|
|
const expiryTicks = 621355968000000000 + ((Date.now() + (data.expiresIn || 3600) * 1000) * 10000);
|
|
localStorage.setItem('accessToken', data.accessToken);
|
|
localStorage.setItem('refreshToken', data.refreshToken);
|
|
localStorage.setItem('tokenExpiry', String(expiryTicks));
|
|
|
|
if (rememberMe) {
|
|
localStorage.setItem('admin-remembered-username', username);
|
|
localStorage.setItem('admin-remember-checkbox', 'true');
|
|
} else {
|
|
localStorage.removeItem('admin-remembered-username');
|
|
localStorage.removeItem('admin-remember-checkbox');
|
|
}
|
|
|
|
// 토큰 저장 후 대시보드로 이동
|
|
// Blazor가 대시보드 페이지를 로드할 때 CustomAuthenticationStateProvider가
|
|
// 자동으로 localStorage에서 토큰을 복원합니다
|
|
setTimeout(() => {
|
|
window.location.href = '/taxbaik/admin/dashboard';
|
|
}, 200);
|
|
} catch (error) {
|
|
window.taxbaikAdminSession.traceUiState('admin-login', `submit failed: ${error?.message || 'login failed'}`);
|
|
if (window.taxbaikAdminSession.postClientLog) {
|
|
window.taxbaikAdminSession.postClientLog({
|
|
level: 'error',
|
|
source: 'admin-login-form',
|
|
message: error?.message || 'login failed',
|
|
url: window.location.href,
|
|
route: window.location.pathname + window.location.search,
|
|
buildVersion: window.taxbaikAdminBuildVersion || '',
|
|
component: 'AdminLoginForm',
|
|
viewportWidth: window.taxbaikAdminSession.getViewportWidth(),
|
|
userAgent: navigator.userAgent || '',
|
|
stack: error?.stack || ''
|
|
});
|
|
}
|
|
const errorMessage = document.createElement('div');
|
|
errorMessage.className = 'mud-alert mud-alert-filled-error login-error-message mb-4';
|
|
errorMessage.textContent = '로그인 중 오류가 발생했습니다.';
|
|
currentForm.parentElement.insertBefore(errorMessage, currentForm);
|
|
} finally {
|
|
if (submitButton) submitButton.disabled = false;
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
// 더존 ERP 스타일 엔터 키 포커스 이동 및 단축키 바인딩
|
|
document.addEventListener('keydown', function (e) {
|
|
if (e.key === 'Enter') {
|
|
const active = document.activeElement;
|
|
if (!active) return;
|
|
|
|
// 특정 영역(편집 폼 또는 다이얼로그) 내의 입력 필드만 포커스 이동 처리
|
|
const container = active.closest('.admin-editor-panel, .mud-form, .mud-dialog');
|
|
if (!container) return;
|
|
|
|
// textarea나 button, submit 타입 등은 기본 동작(줄바꿈/제출) 유지
|
|
if (active.tagName === 'TEXTAREA' ||
|
|
active.tagName === 'BUTTON' ||
|
|
active.getAttribute('type') === 'submit' ||
|
|
active.classList.contains('mud-button-root')) {
|
|
return;
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
// 포커스 이동 가능한 모든 입력 요소 수집
|
|
const focusables = Array.from(container.querySelectorAll('input, select, textarea, button'))
|
|
.filter(el => {
|
|
const style = window.getComputedStyle(el);
|
|
return el.tabIndex >= 0 &&
|
|
!el.disabled &&
|
|
el.getAttribute('aria-disabled') !== 'true' &&
|
|
style.display !== 'none' &&
|
|
style.visibility !== 'hidden';
|
|
});
|
|
|
|
const index = focusables.indexOf(active);
|
|
if (index > -1 && index < focusables.length - 1) {
|
|
const nextEl = focusables[index + 1];
|
|
nextEl.focus();
|
|
if (typeof nextEl.select === 'function') {
|
|
nextEl.select();
|
|
}
|
|
}
|
|
}
|
|
});
|