nodebb-plugin-pdf-secure 1.2.14 → 1.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure",
-  "version": "1.2.14",
+  "version": "1.2.15",
   "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

@@ -67,6 +67,36 @@
 			}
 		}
 
+		// Fullscreen toggle request from iframe viewer
+		if (event.data && event.data.type === 'pdf-secure-fullscreen-toggle') {
+			var sourceIframe = document.querySelector('.pdf-secure-iframe');
+			// Find the specific iframe that sent the message
+			document.querySelectorAll('.pdf-secure-iframe').forEach(function (f) {
+				if (f.contentWindow === event.source) sourceIframe = f;
+			});
+			if (!sourceIframe) return;
+
+			var fsEl = document.fullscreenElement || document.webkitFullscreenElement;
+			if (fsEl) {
+				if (document.exitFullscreen) document.exitFullscreen();
+				else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
+			} else {
+				if (sourceIframe.requestFullscreen) sourceIframe.requestFullscreen().catch(function () { });
+				else if (sourceIframe.webkitRequestFullscreen) sourceIframe.webkitRequestFullscreen();
+			}
+		}
+
+		// Fullscreen state query from iframe
+		if (event.data && event.data.type === 'pdf-secure-fullscreen-query') {
+			var fsActive = !!(document.fullscreenElement || document.webkitFullscreenElement);
+			if (event.source) {
+				event.source.postMessage({
+					type: 'pdf-secure-fullscreen-state',
+					isFullscreen: fsActive
+				}, event.origin);
+			}
+		}
+
 		// Viewer asking for cached buffer
 		if (event.data && event.data.type === 'pdf-secure-cache-request') {
 			const { filename } = event.data;
@@ -93,6 +123,21 @@
 		}
 	});
 
+	// Forward fullscreen state changes to all viewer iframes
+	function notifyFullscreenChange() {
+		var fsActive = !!(document.fullscreenElement || document.webkitFullscreenElement);
+		document.querySelectorAll('.pdf-secure-iframe').forEach(function (f) {
+			if (f.contentWindow) {
+				f.contentWindow.postMessage({
+					type: 'pdf-secure-fullscreen-state',
+					isFullscreen: fsActive
+				}, window.location.origin);
+			}
+		});
+	}
+	document.addEventListener('fullscreenchange', notifyFullscreenChange);
+	document.addEventListener('webkitfullscreenchange', notifyFullscreenChange);
+
 	async function processQueue() {
 		if (isLoading || loadQueue.length === 0) return;
 
@@ -278,6 +323,7 @@
 			iframe.src = config.relative_path + '/plugins/pdf-secure/viewer?file=' + encodeURIComponent(filename);
 			iframe.setAttribute('frameborder', '0');
 			iframe.setAttribute('allowfullscreen', 'true');
+			iframe.setAttribute('allow', 'fullscreen');
 
 			// Store resolver for postMessage callback
 			currentResolver = function () {

package/static/viewer.html

@@ -4461,25 +4461,34 @@
             // ERGONOMIC FEATURES
             // ==========================================
 
-            // Fullscreen toggle function (with webkit fallback for iOS Safari)
+            // Fullscreen: track state (parent-managed when in iframe)
+            let isFullscreen = false;
+            const inIframe = window.self !== window.top;
+
             function toggleFullscreen() {
-                const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
-                if (fsEl) {
-                    if (document.exitFullscreen) document.exitFullscreen();
-                    else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
+                if (inIframe) {
+                    // In iframe: ask parent to fullscreen the iframe element
+                    // Parent manages fullscreen → more stable on tablets
+                    window.parent.postMessage({ type: 'pdf-secure-fullscreen-toggle' }, '*');
                 } else {
-                    const el = document.documentElement;
-                    if (el.requestFullscreen) el.requestFullscreen().catch(() => { });
-                    else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();
+                    // Standalone: use local fullscreen
+                    const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
+                    if (fsEl) {
+                        if (document.exitFullscreen) document.exitFullscreen();
+                        else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
+                    } else {
+                        const el = document.documentElement;
+                        if (el.requestFullscreen) el.requestFullscreen().catch(() => { });
+                        else if (el.webkitRequestFullscreen) el.webkitRequestFullscreen();
+                    }
                 }
             }
 
-            // Update fullscreen button icon
+            // Update fullscreen button icon based on state
             function updateFullscreenIcon() {
                 const icon = document.getElementById('fullscreenIcon');
                 const btn = document.getElementById('fullscreenBtn');
-                const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
-                if (fsEl) {
+                if (isFullscreen) {
                     icon.innerHTML = '<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>';
                     btn.classList.add('active');
                 } else {
@@ -4488,8 +4497,23 @@
                 }
             }
 
-            document.addEventListener('fullscreenchange', updateFullscreenIcon);
-            document.addEventListener('webkitfullscreenchange', updateFullscreenIcon);
+            // Listen for fullscreen state from parent (iframe mode)
+            window.addEventListener('message', (event) => {
+                if (event.data && event.data.type === 'pdf-secure-fullscreen-state') {
+                    isFullscreen = event.data.isFullscreen;
+                    updateFullscreenIcon();
+                }
+            });
+
+            // Local fullscreen events (standalone mode)
+            document.addEventListener('fullscreenchange', () => {
+                isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement);
+                updateFullscreenIcon();
+            });
+            document.addEventListener('webkitfullscreenchange', () => {
+                isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement);
+                updateFullscreenIcon();
+            });
 
             // Fullscreen button click
             document.getElementById('fullscreenBtn').onclick = () => toggleFullscreen();
@@ -4802,9 +4826,8 @@
                 document.addEventListener('touchmove', (e) => {
                     if (e.touches.length !== 1) return;
 
-                    // Only prevent when in fullscreen
-                    const fsEl = document.fullscreenElement || document.webkitFullscreenElement;
-                    if (!fsEl) return;
+                    // Only prevent when in fullscreen (isFullscreen works in both iframe and standalone)
+                    if (!isFullscreen) return;
 
                     const touchY = e.touches[0].clientY;
                     const deltaY = docTouchStartY - touchY;