nodebb-plugin-pdf-secure2 1.2.30

package/static/lib/viewer.js

@@ -0,0 +1,184 @@
+import { getDocument, GlobalWorkerOptions } from './pdf.min.mjs';
+
+GlobalWorkerOptions.workerSrc = new URL('./pdf.worker.min.mjs', import.meta.url).href;
+console.log('[PDF-Secure][Viewer] ES module loaded, worker:', GlobalWorkerOptions.workerSrc);
+
+// Listen for NodeBB SPA navigations (jQuery event)
+$(window).on('action:ajaxify.end', function () {
+	console.log('[PDF-Secure][Viewer] action:ajaxify.end fired');
+	interceptPdfLinks();
+});
+
+// Also run immediately for the current page
+console.log('[PDF-Secure][Viewer] Running initial interceptPdfLinks...');
+interceptPdfLinks();
+
+function interceptPdfLinks() {
+	var postContents = document.querySelectorAll('[component="post/content"]');
+	console.log('[PDF-Secure][Viewer] Found ' + postContents.length + ' post areas');
+
+	postContents.forEach(function (content, idx) {
+		var pdfLinks = content.querySelectorAll('a[href$=".pdf"], a[href$=".PDF"]');
+		console.log('[PDF-Secure][Viewer] Post #' + idx + ': ' + pdfLinks.length + ' PDF links');
+
+		pdfLinks.forEach(function (link) {
+			if (link.dataset.pdfSecure) return;
+			link.dataset.pdfSecure = 'true';
+
+			var href = link.getAttribute('href');
+			var parts = href.split('/');
+			var filename = parts[parts.length - 1];
+			console.log('[PDF-Secure][Viewer] Processing:', filename);
+
+			var container = document.createElement('div');
+			container.className = 'pdf-secure-inline';
+			container.innerHTML =
+				'<div class="pdf-secure-inline-header">' +
+					'<i class="fa fa-file-pdf-o"></i> ' +
+					'<span class="pdf-secure-filename">' + escapeHtml(link.textContent || filename) + '</span>' +
+				'</div>' +
+				'<div class="pdf-secure-inline-body">' +
+					'<div class="pdf-secure-loading">Loading PDF...</div>' +
+					'<div class="pdf-secure-error"></div>' +
+					'<canvas class="pdf-secure-canvas"></canvas>' +
+				'</div>' +
+				'<div class="pdf-secure-inline-footer">' +
+					'<button class="pdf-secure-prev" disabled>&#8249; Prev</button>' +
+					'<span class="pdf-secure-page-info"></span>' +
+					'<button class="pdf-secure-next" disabled>Next &#8250;</button>' +
+				'</div>';
+
+			link.replaceWith(container);
+			console.log('[PDF-Secure][Viewer] Container created for:', filename);
+
+			loadPdf(container, filename);
+		});
+	});
+}
+
+async function loadPdf(container, filename) {
+	var loadingEl = container.querySelector('.pdf-secure-loading');
+	var errorEl = container.querySelector('.pdf-secure-error');
+	var canvas = container.querySelector('.pdf-secure-canvas');
+	var footer = container.querySelector('.pdf-secure-inline-footer');
+	var prevBtn = container.querySelector('.pdf-secure-prev');
+	var nextBtn = container.querySelector('.pdf-secure-next');
+	var pageInfo = container.querySelector('.pdf-secure-page-info');
+	var bodyEl = container.querySelector('.pdf-secure-inline-body');
+
+	function showError(msg) {
+		console.error('[PDF-Secure][Viewer] ERROR ' + filename + ':', msg);
+		loadingEl.style.display = 'none';
+		canvas.style.display = 'none';
+		errorEl.style.display = 'flex';
+		errorEl.textContent = msg;
+	}
+
+	try {
+		// Step 1: Fetch nonce
+		var nonceUrl = config.relative_path + '/api/v3/plugins/pdf-secure/nonce?file=' + encodeURIComponent(filename);
+		console.log('[PDF-Secure][Viewer] Step 1 - Nonce request:', nonceUrl);
+
+		var nonceRes = await fetch(nonceUrl, {
+			credentials: 'same-origin',
+			headers: { 'x-csrf-token': config.csrf_token },
+		});
+		console.log('[PDF-Secure][Viewer] Step 1 - Status:', nonceRes.status);
+
+		if (!nonceRes.ok) {
+			showError(nonceRes.status === 401 ? 'Log in to view this PDF.' : 'Failed to load PDF (' + nonceRes.status + ')');
+			return;
+		}
+
+		var result = await nonceRes.json();
+		var nonce = result.response.nonce;
+		console.log('[PDF-Secure][Viewer] Step 1 - Nonce:', nonce);
+
+		// Step 2: Fetch PDF binary
+		var pdfUrl = config.relative_path + '/api/v3/plugins/pdf-secure/pdf-data?nonce=' + encodeURIComponent(nonce);
+		console.log('[PDF-Secure][Viewer] Step 2 - PDF request:', pdfUrl);
+
+		var pdfRes = await fetch(pdfUrl, { credentials: 'same-origin' });
+		console.log('[PDF-Secure][Viewer] Step 2 - Status:', pdfRes.status);
+
+		if (!pdfRes.ok) {
+			showError('Failed to load PDF data (' + pdfRes.status + ')');
+			return;
+		}
+
+		var pdfArrayBuffer = await pdfRes.arrayBuffer();
+		console.log('[PDF-Secure][Viewer] Step 2 - PDF loaded:', pdfArrayBuffer.byteLength, 'bytes');
+
+		// Step 3: Render PDF
+		console.log('[PDF-Secure][Viewer] Step 3 - Rendering...');
+		var pdfDoc = await getDocument({ data: new Uint8Array(pdfArrayBuffer) }).promise;
+		var totalPages = pdfDoc.numPages;
+		console.log('[PDF-Secure][Viewer] Step 3 - Pages:', totalPages);
+
+		loadingEl.style.display = 'none';
+		canvas.style.display = 'block';
+
+		// Security: scoped to container
+		container.addEventListener('contextmenu', function (e) { e.preventDefault(); });
+		container.addEventListener('dragstart', function (e) { e.preventDefault(); });
+		container.addEventListener('selectstart', function (e) { e.preventDefault(); });
+
+		var ctx = canvas.getContext('2d');
+		var currentPage = 1;
+		var rendering = false;
+
+		async function renderPage(pageNum) {
+			if (rendering) return;
+			rendering = true;
+			console.log('[PDF-Secure][Viewer] renderPage(' + pageNum + ')');
+
+			try {
+				var page = await pdfDoc.getPage(pageNum);
+				var containerWidth = bodyEl.clientWidth - 20;
+				var vp = page.getViewport({ scale: 1 });
+				var scale = Math.min(containerWidth / vp.width, 2.0);
+				var scaled = page.getViewport({ scale: scale });
+
+				canvas.width = scaled.width;
+				canvas.height = scaled.height;
+
+				await page.render({ canvasContext: ctx, viewport: scaled }).promise;
+
+				currentPage = pageNum;
+				pageInfo.textContent = currentPage + ' / ' + totalPages;
+				prevBtn.disabled = currentPage <= 1;
+				nextBtn.disabled = currentPage >= totalPages;
+				console.log('[PDF-Secure][Viewer] renderPage(' + pageNum + ') done, canvas:', scaled.width + 'x' + scaled.height);
+			} catch (err) {
+				console.error('[PDF-Secure][Viewer] Render error:', err);
+				showError('Error rendering page.');
+			}
+			rendering = false;
+		}
+
+		await renderPage(1);
+
+		if (totalPages > 1) {
+			footer.style.display = 'flex';
+			prevBtn.addEventListener('click', function () {
+				if (currentPage > 1) renderPage(currentPage - 1);
+			});
+			nextBtn.addEventListener('click', function () {
+				if (currentPage < totalPages) renderPage(currentPage + 1);
+			});
+			console.log('[PDF-Secure][Viewer] Navigation enabled (' + totalPages + ' pages)');
+		}
+
+		console.log('[PDF-Secure][Viewer] DONE for:', filename);
+	} catch (err) {
+		console.error('[PDF-Secure][Viewer] CATCH:', err);
+		console.error('[PDF-Secure][Viewer] Stack:', err.stack);
+		showError('Failed to load PDF.');
+	}
+}
+
+function escapeHtml(str) {
+	var d = document.createElement('div');
+	d.textContent = str;
+	return d.innerHTML;
+}

package/static/style.less

@@ -0,0 +1,142 @@
+/* PDF Secure Viewer — Inline Embed Styles for NodeBB */
+
+/* AGGRESSIVE: Hide NodeBB's large file preview SVG icons */
+[component="post/content"]>p>svg,
+[component="post/content"]>svg,
+[component="post/content"] svg[viewBox="0 0 24 24"]:not(.pdf-secure-embed svg) {
+	display: none !important;
+}
+
+/* Hide any standalone large SVG that looks like a file icon */
+[component="post/content"]>p:has(svg[viewBox]) {
+
+	/* If paragraph only contains an SVG, hide the whole paragraph */
+	&:not(:has(.pdf-secure-embed)):not(:has(a)):not(:has(span)):not(:has(img)) {
+		display: none !important;
+	}
+}
+
+/* Embedded PDF Container */
+.pdf-secure-embed {
+	margin: 16px 0;
+	border-radius: 12px;
+	overflow: hidden;
+	background: #1f1f1f;
+	border: 1px solid rgba(255, 255, 255, 0.1);
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
+}
+
+/* Header */
+.pdf-secure-embed-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 10px 16px;
+	background: linear-gradient(135deg, #2d2d2d 0%, #252525 100%);
+	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.pdf-secure-embed-title {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 500;
+}
+
+.pdf-secure-embed-title svg {
+	width: 20px;
+	height: 20px;
+	fill: #e81224;
+	flex-shrink: 0;
+	/* Make sure our header icon is visible */
+	display: inline-block !important;
+}
+
+.pdf-secure-embed-title span {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 400px;
+}
+
+.pdf-secure-embed-actions {
+	display: flex;
+	gap: 8px;
+}
+
+.pdf-secure-fullscreen-btn {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	background: rgba(255, 255, 255, 0.08);
+	border: none;
+	border-radius: 6px;
+	cursor: pointer;
+	transition: all 0.2s;
+}
+
+.pdf-secure-fullscreen-btn:hover {
+	background: rgba(255, 255, 255, 0.15);
+}
+
+.pdf-secure-fullscreen-btn svg {
+	width: 18px;
+	height: 18px;
+	fill: #fff;
+	display: inline-block !important;
+}
+
+/* Viewer Body */
+.pdf-secure-embed-body {
+	position: relative;
+	width: 100%;
+	height: 600px;
+	background: #525659;
+}
+
+.pdf-secure-iframe {
+	width: 100%;
+	height: 100%;
+	border: none;
+	display: block;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+	.pdf-secure-embed-body {
+		height: 450px;
+	}
+
+	.pdf-secure-embed-title span {
+		max-width: 200px;
+	}
+}
+
+@media (max-width: 480px) {
+	.pdf-secure-embed-body {
+		height: 350px;
+	}
+
+	.pdf-secure-embed-header {
+		padding: 8px 12px;
+	}
+
+	.pdf-secure-embed-title {
+		font-size: 13px;
+	}
+
+	.pdf-secure-embed-title span {
+		max-width: 150px;
+	}
+}
+
+/* Anti-print */
+@media print {
+	.pdf-secure-embed {
+		display: none !important;
+	}
+}

package/static/templates/admin/plugins/pdf-secure.tpl

@@ -0,0 +1,43 @@
+<div class="acp-page-container">
+	<!-- IMPORT admin/partials/settings/header.tpl -->
+
+	<div class="row m-0">
+		<div id="spy-container" class="col-12 col-md-8 px-0 mb-4" tabindex="0">
+			<form role="form" class="pdf-secure-settings">
+				<div class="mb-4">
+					<h5 class="fw-bold tracking-tight settings-header">PDF Secure Viewer Settings</h5>
+
+					<p class="lead">
+						Configure the secure PDF viewer plugin settings below.
+					</p>
+
+					<div class="mb-3">
+						<label class="form-label" for="premiumGroup">Premium Group Name</label>
+						<input type="text" id="premiumGroup" name="premiumGroup" title="Premium Group Name" class="form-control" placeholder="Premium" value="Premium">
+						<div class="form-text">Users in this group can view full PDFs with all tools. Others can only see the first page.</div>
+					</div>
+
+					<div class="mb-3">
+						<label class="form-label" for="vipGroup">VIP Group Name</label>
+						<input type="text" id="vipGroup" name="vipGroup" title="VIP Group Name" class="form-control" placeholder="VIP" value="VIP">
+						<div class="form-text">Users in this group get all Premium features plus VIP badge and early access to new features.</div>
+					</div>
+
+					<div class="mb-3">
+						<label class="form-label" for="liteGroup">Lite Group Name</label>
+						<input type="text" id="liteGroup" name="liteGroup" title="Lite Group Name" class="form-control" placeholder="Lite" value="Lite">
+						<div class="form-text">Users in this group can view full PDFs but only with zoom and fullscreen. No annotations, sidebar, or other tools.</div>
+					</div>
+
+					<div class="form-check form-switch mb-3">
+						<input type="checkbox" class="form-check-input" id="watermarkEnabled" name="watermarkEnabled">
+						<label for="watermarkEnabled" class="form-check-label">Enable Watermark</label>
+						<div class="form-text">Show a watermark overlay on PDF pages.</div>
+					</div>
+				</div>
+			</form>
+		</div>
+
+		<!-- IMPORT admin/partials/settings/toc.tpl -->
+	</div>
+</div>