nodebb-plugin-pdf-secure2 1.2.30 → 1.2.31

package/package.json

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

package/static/viewer-app.js

@@ -178,23 +178,29 @@
     }
 
     // Create fake locked page placeholders for pages 2..totalPages
+    // Appended to #viewerContainer (not #viewer) so PDF.js layout is not affected
     function createLockedPagePlaceholders(totalPages) {
-        const viewerEl = document.getElementById('viewer');
-        if (!viewerEl) return;
-        if (viewerEl.querySelector('.fake-locked-page')) return;
+        const containerEl = document.getElementById('viewerContainer');
+        if (!containerEl) return;
+        if (document.getElementById('fakeLockedPages')) return;
 
-        const page1 = viewerEl.querySelector('.page');
-        const pageWidth = page1 ? (page1.style.width || page1.offsetWidth + 'px') : '816px';
-        const pageHeight = page1 ? (page1.style.height || page1.offsetHeight + 'px') : '1056px';
+        const viewerEl = document.getElementById('viewer');
+        const page1 = viewerEl ? viewerEl.querySelector('.page') : null;
+        const pageWidth = page1 ? (page1.offsetWidth || 816) : 816;
+        const pageHeight = page1 ? (page1.offsetHeight || 1056) : 1056;
 
         const uid = (_cfg && _cfg.uid) || 0;
         const checkoutUrl = 'https://forum.ieu.app/pay/checkout?uid=' + uid;
 
+        const wrapper = document.createElement('div');
+        wrapper.id = 'fakeLockedPages';
+        wrapper.style.cssText = 'display:flex;flex-direction:column;align-items:center;';
+
         for (let i = 2; i <= totalPages; i++) {
             const fakePage = document.createElement('div');
-            fakePage.className = 'page fake-locked-page';
+            fakePage.className = 'fake-locked-page';
             fakePage.dataset.pageNumber = i;
-            fakePage.style.cssText = `position:relative;width:${pageWidth};height:${pageHeight};margin:10px auto;overflow:hidden;background:#1a1a1a;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.3);`;
+            fakePage.style.cssText = `position:relative;width:${pageWidth}px;height:${pageHeight}px;max-width:100%;margin:8px auto;overflow:hidden;background:#1a1a1a;border:1px solid rgba(255,255,255,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.3);`;
 
             const overlay = document.createElement('div');
             overlay.className = 'page-lock-overlay';
@@ -219,8 +225,9 @@
                 </div>
             `;
             fakePage.appendChild(overlay);
-            viewerEl.appendChild(fakePage);
+            wrapper.appendChild(fakePage);
         }
+        containerEl.appendChild(wrapper);
     }
 
     // ============================================
@@ -275,20 +282,9 @@
         setInterval(function () {
             if (!premiumInfo || premiumInfo.isPremium) return;
             // Ensure fake locked pages still exist
-            if (!document.querySelector('.fake-locked-page')) {
+            if (!document.getElementById('fakeLockedPages')) {
                 createLockedPagePlaceholders(premiumInfo.totalPages);
             }
-            // Ensure lock overlays on fake pages
-            document.querySelectorAll('.fake-locked-page').forEach(function (page) {
-                if (!page.querySelector('.page-lock-overlay')) {
-                    var uid = (_cfg && _cfg.uid) || 0;
-                    var checkoutUrl = 'https://forum.ieu.app/pay/checkout?uid=' + uid;
-                    var overlay = document.createElement('div');
-                    overlay.className = 'page-lock-overlay';
-                    overlay.innerHTML = '<div class="page-lock-icon"><svg viewBox="0 0 24 24" width="48" height="48" fill="#ffd700"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1v2z"/></svg></div><div class="page-lock-title">Bu sayfa kilitli</div><div class="page-lock-message">Tum sayfalara erisim icin Premium satin alabilir veya materyal yukleyerek erisim kazanabilirsiniz.</div>';
-                    page.appendChild(overlay);
-                }
-            });
         }, 2000);
     }
 
@@ -300,20 +296,24 @@
         var viewerEl = document.getElementById('viewer');
         if (!viewerEl) return;
 
-        // Observer 1: Watch for fake page removal (childList)
+        var containerEl = document.getElementById('viewerContainer') || viewerEl;
+
+        // Observer 1: Watch for fake pages wrapper removal (childList)
         new MutationObserver(function (mutations) {
             for (var i = 0; i < mutations.length; i++) {
                 var removed = mutations[i].removedNodes;
                 for (var j = 0; j < removed.length; j++) {
-                    if (removed[j].classList && removed[j].classList.contains('fake-locked-page')) {
+                    if (removed[j].id === 'fakeLockedPages' || (removed[j].classList && removed[j].classList.contains('fake-locked-page'))) {
+                        var existingWrapper = document.getElementById('fakeLockedPages');
+                        if (existingWrapper) existingWrapper.remove();
                         createLockedPagePlaceholders(premiumInfo.totalPages);
                         return;
                     }
                 }
             }
-        }).observe(viewerEl, { childList: true, subtree: true });
+        }).observe(containerEl, { childList: true, subtree: true });
 
-        // Observer 2: Watch for page visibility tampering (attributes)
+        // Observer 2: Watch for overlay style tampering (attributes)
         new MutationObserver(function (mutations) {
             for (var i = 0; i < mutations.length; i++) {
                 var m = mutations[i];

package/static/viewer.html

@@ -1581,10 +1581,20 @@
         }
 
         /* Fake locked page placeholders - no real PDF data, purely visual */
+        #fakeLockedPages {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
         .fake-locked-page {
+            position: relative;
+            margin: 8px auto;
+            max-width: 100%;
             background: #1a1a1a;
             border: 1px solid rgba(255,255,255,0.05);
             box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+            overflow: hidden;
         }
 
         /* Per-page lock overlay - her kilitli sayfa icin */
@@ -1599,25 +1609,31 @@
             z-index: 15;
             text-align: center;
             padding: 20px;
+            box-sizing: border-box;
         }
 
         .page-lock-icon {
-            margin-bottom: 16px;
+            margin-bottom: clamp(8px, 2vw, 16px);
             opacity: 0.9;
         }
 
+        .page-lock-icon svg {
+            width: clamp(32px, 6vw, 48px);
+            height: clamp(32px, 6vw, 48px);
+        }
+
         .page-lock-title {
-            font-size: 20px;
+            font-size: clamp(14px, 3vw, 20px);
             font-weight: 600;
             color: #ffd700;
-            margin-bottom: 10px;
+            margin-bottom: clamp(6px, 1.5vw, 10px);
         }
 
         .page-lock-message {
-            font-size: 14px;
+            font-size: clamp(11px, 2vw, 14px);
             color: #a0a0a0;
-            margin-bottom: 24px;
-            max-width: 320px;
+            margin-bottom: clamp(12px, 3vw, 24px);
+            max-width: min(320px, 90%);
             line-height: 1.5;
         }
 
@@ -1626,7 +1642,7 @@
             flex-direction: column;
             align-items: center;
             gap: 0;
-            width: 100%;
+            width: 90%;
             max-width: 300px;
         }
 
@@ -1634,18 +1650,19 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            gap: 8px;
+            gap: 6px;
             width: 100%;
-            padding: 13px 24px;
+            padding: clamp(9px, 2vw, 13px) clamp(14px, 3vw, 24px);
             background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
             color: #1a1a1a;
-            font-size: 15px;
+            font-size: clamp(12px, 2.2vw, 15px);
             font-weight: 700;
             border-radius: 10px;
             text-decoration: none;
             transition: transform 0.2s, box-shadow 0.2s;
             box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
             box-sizing: border-box;
+            white-space: nowrap;
         }
 
         .page-lock-button:hover {
@@ -1655,6 +1672,8 @@
 
         .page-lock-button svg {
             flex-shrink: 0;
+            width: clamp(14px, 2.5vw, 18px);
+            height: clamp(14px, 2.5vw, 18px);
         }
 
         .page-lock-divider {
@@ -1662,9 +1681,9 @@
             align-items: center;
             gap: 12px;
             width: 100%;
-            margin: 14px 0;
+            margin: clamp(8px, 2vw, 14px) 0;
             color: #666;
-            font-size: 12px;
+            font-size: clamp(10px, 1.8vw, 12px);
             font-weight: 500;
             letter-spacing: 0.5px;
             text-transform: lowercase;
@@ -1682,18 +1701,19 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            gap: 8px;
+            gap: 6px;
             width: 100%;
-            padding: 11px 24px;
+            padding: clamp(7px, 1.8vw, 11px) clamp(14px, 3vw, 24px);
             background: transparent;
             color: #ccc;
-            font-size: 13px;
+            font-size: clamp(11px, 2vw, 13px);
             font-weight: 600;
             border-radius: 10px;
             border: 1.5px solid rgba(255, 255, 255, 0.15);
             text-decoration: none;
             transition: transform 0.2s, border-color 0.2s, background 0.2s;
             box-sizing: border-box;
+            white-space: nowrap;
         }
 
         .page-lock-button-secondary:hover {
@@ -1704,6 +1724,8 @@
 
         .page-lock-button-secondary svg {
             flex-shrink: 0;
+            width: clamp(12px, 2.2vw, 16px);
+            height: clamp(12px, 2.2vw, 16px);
         }
 
         /* Blur locked page content - even if overlay removed, content unreadable */
@@ -1733,29 +1755,7 @@
             z-index: 2;
         }
 
-        @media (max-width: 768px) {
-            .page-lock-title {
-                font-size: 17px;
-            }
-
-            .page-lock-message {
-                font-size: 13px;
-            }
-
-            .page-lock-actions {
-                max-width: 260px;
-            }
-
-            .page-lock-button {
-                padding: 11px 20px;
-                font-size: 13px;
-            }
-
-            .page-lock-button-secondary {
-                padding: 9px 20px;
-                font-size: 12px;
-            }
-        }
+        /* Lock overlay responsive - clamp() handles all breakpoints above */
 
         /* ── Unicourse Page Watermark ── */
         .unicourse-page-wm {
@@ -2363,26 +2363,31 @@
             }
 
             // Create fake locked page placeholders for pages 2..totalPages
-            // These look like real PDF pages but contain no actual data - purely visual
+            // Appended to #viewerContainer (not #viewer) so PDF.js layout is not affected
             function createLockedPagePlaceholders(totalPages) {
-                var viewerEl = document.getElementById('viewer');
-                if (!viewerEl) return;
+                var containerEl = document.getElementById('viewerContainer');
+                if (!containerEl) return;
                 // Already created?
-                if (viewerEl.querySelector('.fake-locked-page')) return;
+                if (document.getElementById('fakeLockedPages')) return;
 
                 // Get page 1 dimensions to match fake pages
-                var page1 = viewerEl.querySelector('.page');
-                var pageWidth = page1 ? page1.style.width || (page1.offsetWidth + 'px') : '816px';
-                var pageHeight = page1 ? page1.style.height || (page1.offsetHeight + 'px') : '1056px';
+                var viewerEl = document.getElementById('viewer');
+                var page1 = viewerEl ? viewerEl.querySelector('.page') : null;
+                var pageWidth = page1 ? (page1.offsetWidth || 816) : 816;
+                var pageHeight = page1 ? (page1.offsetHeight || 1056) : 1056;
 
                 var uid = (_cfg && _cfg.uid) || 0;
                 var checkoutUrl = 'https://forum.ieu.app/pay/checkout?uid=' + uid;
 
+                var wrapper = document.createElement('div');
+                wrapper.id = 'fakeLockedPages';
+
                 for (var i = 2; i <= totalPages; i++) {
                     var fakePage = document.createElement('div');
-                    fakePage.className = 'page fake-locked-page';
+                    fakePage.className = 'fake-locked-page';
                     fakePage.dataset.pageNumber = i;
-                    fakePage.style.cssText = 'position:relative;width:' + pageWidth + ';height:' + pageHeight + ';margin:10px auto;overflow:hidden;';
+                    fakePage.style.width = pageWidth + 'px';
+                    fakePage.style.height = pageHeight + 'px';
 
                     var overlay = document.createElement('div');
                     overlay.className = 'page-lock-overlay';
@@ -2406,8 +2411,9 @@
                             </a>\
                         </div>';
                     fakePage.appendChild(overlay);
-                    viewerEl.appendChild(fakePage);
+                    wrapper.appendChild(fakePage);
                 }
+                containerEl.appendChild(wrapper);
             }
 
             function injectPageLock(pageEl) {
@@ -2493,31 +2499,35 @@
             // PREMIUM INTEGRITY: MutationObserver Anti-Tampering
             // ============================================
             function setupAntiTampering() {
-                var viewerEl = document.getElementById('viewer');
-                if (!viewerEl) return;
+                var containerEl = document.getElementById('viewerContainer');
+                if (!containerEl) return;
 
-                // Observer 1: Watch for lock overlay removal from any page
+                // Observer 1: Watch for fake pages wrapper or overlay removal
                 new MutationObserver(function (mutations) {
                     if (!premiumInfo || premiumInfo.isPremium) return;
                     for (var i = 0; i < mutations.length; i++) {
                         var removed = mutations[i].removedNodes;
                         for (var j = 0; j < removed.length; j++) {
+                            var node = removed[j];
                             // Re-inject per-page lock if removed
-                            if (removed[j].classList && removed[j].classList.contains('page-lock-overlay')) {
+                            if (node.classList && node.classList.contains('page-lock-overlay')) {
                                 var pageEl = mutations[i].target;
-                                if (pageEl && pageEl.classList && pageEl.classList.contains('page')) {
+                                if (pageEl && pageEl.classList && pageEl.classList.contains('fake-locked-page')) {
                                     injectPageLock(pageEl);
                                 }
                             }
-                            // Re-inject fake locked pages if removed
-                            if (removed[j].classList && removed[j].classList.contains('fake-locked-page')) {
+                            // Re-create entire fake pages wrapper if removed
+                            if (node.id === 'fakeLockedPages' || (node.classList && node.classList.contains('fake-locked-page'))) {
+                                // Remove stale wrapper if partially emptied
+                                var existingWrapper = document.getElementById('fakeLockedPages');
+                                if (existingWrapper) existingWrapper.remove();
                                 createLockedPagePlaceholders(premiumInfo.totalPages);
                             }
                         }
                     }
-                }).observe(viewerEl, { childList: true, subtree: true });
+                }).observe(containerEl, { childList: true, subtree: true });
 
-                // Observer 2: Watch for style/class tampering on overlays and pages
+                // Observer 2: Watch for style tampering on overlays (display:none, opacity:0 etc.)
                 new MutationObserver(function (mutations) {
                     if (!premiumInfo || premiumInfo.isPremium) return;
                     for (var i = 0; i < mutations.length; i++) {
@@ -2528,14 +2538,8 @@
                                 resetOverlayCSS(target);
                             }
                         }
-                        if (target.classList.contains('page') && !target.classList.contains('page-locked-blur')) {
-                            var pageNum = parseInt(target.dataset.pageNumber || '0', 10);
-                            if (pageNum > 1) {
-                                target.classList.add('page-locked-blur');
-                            }
-                        }
                     }
-                }).observe(viewerEl, { subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
+                }).observe(containerEl, { subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
             }
 
             // ============================================
@@ -2830,7 +2834,7 @@
                 a.rel = 'noopener';
                 a.className = 'unicourse-page-wm';
                 a.style.setProperty('--wm-scale', scale);
-                a.innerHTML = '<img src="https://cdn.prod.website-files.com/66c986ba4ac79c4fbbd5f45e/66c9958f0188acfb12a2d2fb_64a464c6b3b7df67c22a255b_logo_full.png" alt="unicourse">' +
+                a.innerHTML = '<img src="https://unicourse.co/logo_unicorn.png" alt="unicourse">' +
                     '<div class="unicourse-page-wm-text">' +
                     '<span>Çıkmış sorular ve</span>' +
                     '<span>ders notları için tıkla</span>' +