// ══════════════════════════════════════════════════════════
// PDF Splitter – Web Client
// ══════════════════════════════════════════════════════════
// ── State ──────────────────────────────────────────────────
let sessionId = null;
let pdfDoc = null;
let totalPages = 0;
let allChapters = [];
let chapters = [];
let selectedPages = new Set();
let maxDepth = 1;
let lightboxPages = [];
let lightboxIndex = -1;
// ── DOM References ─────────────────────────────────────────
const fileInput = document.getElementById('file-input-hidden');
const fileInfo = document.getElementById('file-info');
const fileName = document.getElementById('file-name');
const filePages = document.getElementById('file-pages');
const chapterLoad = document.getElementById('chapter-loading');
const chapterNone = document.getElementById('chapter-none');
const chapterList = document.getElementById('chapter-list');
const pageInput = document.getElementById('page-input');
const pageCount = document.getElementById('page-count');
const previewEmpty = document.getElementById('preview-empty');
const previewGrid = document.getElementById('preview-grid');
const depthSelect = document.getElementById('depth-select');
const depthControl = document.getElementById('depth-control');
const lightbox = document.getElementById('lightbox');
const lbCanvas = document.getElementById('lightbox-canvas');
const lbClose = document.getElementById('lightbox-close');
const lbPageInfo = document.getElementById('lightbox-page-info');
const lbPrev = document.getElementById('lightbox-prev');
const lbNext = document.getElementById('lightbox-next');
const resizeHandle = document.getElementById('resize-handle');
const sidebar = document.getElementById('sidebar');
const chapterSearch = document.getElementById('chapter-search');
const chapterSearchWrap = document.getElementById('chapter-search-wrap');
const btnSplit = document.getElementById('btn-split');
const dropOverlay = document.getElementById('drop-overlay');
const uploadOverlay = document.getElementById('upload-overlay');
const uploadStatus = document.getElementById('upload-status');
const loginOverlay = document.getElementById('login-overlay');
const loginForm = document.getElementById('login-form');
const loginPassword = document.getElementById('login-password');
const btnAdminSettings = document.getElementById('btn-admin-settings');
const adminModal = document.getElementById('admin-modal');
const adminClose = document.getElementById('admin-close');
const adminStatsContainer = document.getElementById('admin-stats-container');
const btnAdminClearCache = document.getElementById('btn-admin-clear-cache');
const btnAdminClearLogins = document.getElementById('btn-admin-clear-logins');
const adminSessionsContainer = document.getElementById('admin-sessions-container');
const adminIpLogContainer = document.getElementById('admin-ip-log-container');
// ── Authentication ─────────────────────────────────────────
let authToken = localStorage.getItem('pdf_auth_token') || '';
async function checkAuth() {
try {
const res = await fetch('/api/check-auth', {
headers: { 'x-auth-token': authToken }
});
if (res.ok) {
const data = await res.json();
loginOverlay.classList.add('hidden');
applyRole(data.role);
connectWebSocket();
} else {
loginOverlay.classList.remove('hidden');
}
} catch (e) {
loginOverlay.classList.remove('hidden');
}
}
function applyRole(role) {
if (role === 'admin') {
document.body.classList.add('role-admin');
document.body.classList.remove('role-user');
} else {
document.body.classList.add('role-user');
document.body.classList.remove('role-admin');
}
}
loginForm.addEventListener('submit', async (e) => {
e.preventDefault();
const password = loginPassword.value;
try {
const res = await fetch('/api/login', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ password })
});
const data = await res.json();
if (res.ok) {
if (data.token !== 'no-auth') {
authToken = data.token;
localStorage.setItem('pdf_auth_token', authToken);
}
loginOverlay.classList.add('hidden');
applyRole(data.role);
connectWebSocket();
} else {
showToast(data.error || 'Invalid password', 'error');
}
} catch (err) {
showToast('Login failed', 'error');
}
});
checkAuth();
// ── Admin Panel ────────────────────────────────────────────
btnAdminSettings.addEventListener('click', () => {
adminModal.classList.remove('hidden');
btnAdminSettings.classList.remove('hidden'); // to be safe
fetchAdminStats();
});
adminClose.addEventListener('click', () => {
adminModal.classList.add('hidden');
});
async function fetchAdminStats() {
adminStatsContainer.innerHTML = ' Loading…';
adminSessionsContainer.innerHTML = ' Loading…';
adminIpLogContainer.innerHTML = ' Loading…';
try {
const res = await fetch('/api/admin/stats', {
headers: { 'x-auth-token': authToken }
});
if (!res.ok) throw new Error('Failed to load stats');
const stats = await res.json();
// Format uptime
const h = Math.floor(stats.uptime / 3600);
const m = Math.floor((stats.uptime % 3600) / 60);
const uptimeStr = `${h}h ${m}m`;
// Server stats
adminStatsContainer.innerHTML = `
Uptime: ${uptimeStr}
Memory Used: ${stats.memoryUsedMB} MB
Active Sessions: ${stats.activeSessions}
Tracked IPs: ${stats.loginAttemptsTracked}
`;
// Active sessions display
if (stats.sessionDetails && stats.sessionDetails.length > 0) {
let sessHtml = '';
stats.sessionDetails.forEach(s => {
const elapsed = s.startTime ? formatDuration(Date.now() - s.startTime) : 'N/A';
sessHtml += `
📄
${escapeHtml(s.originalName)}
IP${escapeHtml(s.ip)}
Browser${escapeHtml(s.browser)}
OS${escapeHtml(s.os)}
Duration${elapsed}
Clients${s.connectedClients}
`;
});
adminSessionsContainer.innerHTML = sessHtml;
} else {
adminSessionsContainer.innerHTML = 'No active sessions.';
}
// Tracked IPs log
if (stats.trackedIps && stats.trackedIps.length > 0) {
let ipHtml = '';
ipHtml += '';
stats.trackedIps.forEach(t => {
const statusClass = t.locked ? 'ip-locked' : 'ip-tracking';
const statusText = t.locked ? `Locked (${t.lockoutRemaining}s)` : 'Tracking';
ipHtml += `
${escapeHtml(t.ip)}
${t.attempts}
${statusText}
`;
});
ipHtml += '