nodebb-plugin-pdf-secure 1.2.1 → 1.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Secure PDF viewer plugin for NodeBB - prevents downloading, enables canvas-only rendering with Premium group support",
   "main": "library.js",
   "repository": {

package/static/lib/main.js

@@ -1,15 +1,11 @@
 'use strict';
 
-console.log('[PDF-Secure] main.js loaded');
-
-// Main plugin logic - PDF links become inline embedded viewers
+// Main plugin logic - PDF links become inline embedded viewers with lazy loading
 (async function () {
 	try {
 		var hooks = await app.require('hooks');
-		console.log('[PDF-Secure] Hooks loaded');
 
 		hooks.on('action:ajaxify.end', function () {
-			console.log('[PDF-Secure] ajaxify.end');
 			interceptPdfLinks();
 		});
 	} catch (err) {
@@ -29,14 +25,13 @@ console.log('[PDF-Secure] main.js loaded');
 				var href = link.getAttribute('href');
 				var parts = href.split('/');
 				var filename = parts[parts.length - 1];
-				console.log('[PDF-Secure] Embedding:', filename);
 
-				// Create inline viewer container with INLINE STYLES to ensure they work
+				// Create container with loading placeholder
 				var container = document.createElement('div');
 				container.className = 'pdf-secure-embed';
 				container.style.cssText = '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 with filename - ALL INLINE STYLES
+				// Header
 				var header = document.createElement('div');
 				header.className = 'pdf-secure-embed-header';
 				header.style.cssText = '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);';
@@ -45,7 +40,6 @@ console.log('[PDF-Secure] main.js loaded');
 				title.className = 'pdf-secure-embed-title';
 				title.style.cssText = 'display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:500;';
 
-				// PDF icon with INLINE SIZE
 				var icon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
 				icon.setAttribute('viewBox', '0 0 24 24');
 				icon.style.cssText = 'width:20px;height:20px;min-width:20px;max-width:20px;fill:#e81224;flex-shrink:0;';
@@ -58,7 +52,7 @@ console.log('[PDF-Secure] main.js loaded');
 				title.appendChild(icon);
 				title.appendChild(nameSpan);
 
-				// Actions (fullscreen button)
+				// Actions
 				var actions = document.createElement('div');
 				actions.style.cssText = 'display:flex;gap:8px;';
 
@@ -78,35 +72,72 @@ console.log('[PDF-Secure] main.js loaded');
 				header.appendChild(actions);
 				container.appendChild(header);
 
-				// Iframe wrapper
+				// Body with loading placeholder
 				var iframeWrapper = document.createElement('div');
 				iframeWrapper.className = 'pdf-secure-embed-body';
 				iframeWrapper.style.cssText = 'position:relative;width:100%;height:600px;background:#525659;';
 
-				var iframe = document.createElement('iframe');
-				iframe.className = 'pdf-secure-iframe';
-				iframe.style.cssText = 'width:100%;height:100%;border:none;display:block;';
-				iframe.src = config.relative_path + '/plugins/pdf-secure/viewer?file=' + encodeURIComponent(filename);
-				iframe.setAttribute('frameborder', '0');
-				iframe.setAttribute('allowfullscreen', 'true');
-				iframe.setAttribute('loading', 'lazy');
+				// Loading placeholder
+				var loadingPlaceholder = document.createElement('div');
+				loadingPlaceholder.className = 'pdf-loading-placeholder';
+				loadingPlaceholder.style.cssText = 'position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2d2d2d;color:#fff;gap:16px;';
+				loadingPlaceholder.innerHTML = `
+					<svg viewBox="0 0 24 24" style="width:48px;height:48px;fill:#0078d4;animation:spin 1s linear infinite;">
+						<path d="M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8z"/>
+					</svg>
+					<div style="font-size:14px;color:#a0a0a0;">PDF Yükleniyor...</div>
+					<style>@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style>
+				`;
+				iframeWrapper.appendChild(loadingPlaceholder);
 
-				iframeWrapper.appendChild(iframe);
 				container.appendChild(iframeWrapper);
 
-				// Fullscreen button handler
+				// Fullscreen handler
 				fullscreenBtn.addEventListener('click', function () {
-					if (iframe.requestFullscreen) {
-						iframe.requestFullscreen();
-					} else if (iframe.webkitRequestFullscreen) {
-						iframe.webkitRequestFullscreen();
-					} else if (iframe.msRequestFullscreen) {
-						iframe.msRequestFullscreen();
+					var iframe = iframeWrapper.querySelector('iframe');
+					if (iframe) {
+						if (iframe.requestFullscreen) iframe.requestFullscreen();
+						else if (iframe.webkitRequestFullscreen) iframe.webkitRequestFullscreen();
 					}
 				});
 
 				link.replaceWith(container);
+
+				// LAZY LOADING with Intersection Observer
+				var observer = new IntersectionObserver(function (entries) {
+					entries.forEach(function (entry) {
+						if (entry.isIntersecting) {
+							// Load iframe only when visible
+							loadPdfIframe(iframeWrapper, filename, loadingPlaceholder);
+							observer.disconnect();
+						}
+					});
+				}, {
+					rootMargin: '200px', // Start loading 200px before visible
+					threshold: 0
+				});
+
+				observer.observe(container);
 			});
 		});
 	}
+
+	function loadPdfIframe(wrapper, filename, placeholder) {
+		var iframe = document.createElement('iframe');
+		iframe.className = 'pdf-secure-iframe';
+		iframe.style.cssText = 'width:100%;height:100%;border:none;display:block;opacity:0;transition:opacity 0.3s;';
+		iframe.src = config.relative_path + '/plugins/pdf-secure/viewer?file=' + encodeURIComponent(filename);
+		iframe.setAttribute('frameborder', '0');
+		iframe.setAttribute('allowfullscreen', 'true');
+
+		// When iframe loads, fade in and remove placeholder
+		iframe.onload = function () {
+			iframe.style.opacity = '1';
+			if (placeholder && placeholder.parentNode) {
+				placeholder.remove();
+			}
+		};
+
+		wrapper.appendChild(iframe);
+	}
 })();

package/static/viewer.html

@@ -3143,14 +3143,10 @@
                 }
             }, true);
 
-            // 2. Block context menu (right-click)
+            // 2. Block context menu (right-click) - EVERYWHERE
             document.addEventListener('contextmenu', function (e) {
-                // Allow our custom context menu for annotations
-                if (e.target.closest('.annotationLayer') || e.target.closest('.pdfViewer')) {
-                    // Keep custom context menu behavior
-                    return;
-                }
                 e.preventDefault();
+                e.stopPropagation();
                 return false;
             }, true);
 
@@ -3172,41 +3168,14 @@
                 return false;
             }, true);
 
-            // 5. DevTools detection (basic)
-            let devToolsOpen = false;
-            const threshold = 160;
-
-            function checkDevTools() {
-                const widthThreshold = window.outerWidth - window.innerWidth > threshold;
-                const heightThreshold = window.outerHeight - window.innerHeight > threshold;
-
-                if (widthThreshold || heightThreshold) {
-                    if (!devToolsOpen) {
-                        devToolsOpen = true;
-                        console.log('[Security] DevTools detected');
-                        // Optional: blur content when devtools open
-                        document.body.classList.add('devtools-open');
-                    }
-                } else {
-                    if (devToolsOpen) {
-                        devToolsOpen = false;
-                        document.body.classList.remove('devtools-open');
-                    }
-                }
-            }
-
-            // Check periodically
-            setInterval(checkDevTools, 1000);
-            window.addEventListener('resize', checkDevTools);
-
-            // 6. Block Print via window.print override
+            // 5. Block Print via window.print override
             window.print = function () {
                 console.log('[Security] Print function blocked');
                 alert('Yazdırma bu belgede engellenmiştir.');
                 return false;
             };
 
-            // 7. Disable beforeprint event
+            // 6. Disable beforeprint event
             window.addEventListener('beforeprint', function (e) {
                 e.preventDefault();
                 document.body.style.display = 'none';
@@ -3216,7 +3185,7 @@
                 document.body.style.display = '';
             });
 
-            // 8. Block screenshot keyboard shortcuts
+            // 7. Block screenshot keyboard shortcuts
             document.addEventListener('keyup', function (e) {
                 // PrintScreen key
                 if (e.key === 'PrintScreen') {
@@ -3225,10 +3194,9 @@
                 }
             }, true);
 
-            // 9. Visibility change detection (tab switching for screenshots)
+            // 8. Visibility change detection (tab switching for screenshots)
             document.addEventListener('visibilitychange', function () {
                 if (document.hidden) {
-                    // User switched tabs - could be for screenshot tools
                     console.log('[Security] Tab hidden');
                 }
             });
@@ -3236,30 +3204,6 @@
             console.log('[Security] All protection features initialized');
         })();
     </script>
-
-    <!-- Security CSS for DevTools detection -->
-    <style>
-        .devtools-open #viewerContainer,
-        .devtools-open #viewer,
-        .devtools-open .pdfViewer {
-            filter: blur(20px) !important;
-            pointer-events: none !important;
-        }
-
-        .devtools-open::after {
-            content: 'Geliştirici araçları açıkken içerik görüntülenemez.';
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            background: rgba(0, 0, 0, 0.9);
-            color: #fff;
-            padding: 30px 50px;
-            border-radius: 10px;
-            font-size: 18px;
-            z-index: 99999;
-        }
-    </style>
 </body>
 
 </html>