USB-RAID-Array/Web/content/ftp/pdf.php

<?php
session_start();

if(!isset($_SESSION['uname'])){
    header("location: ../../index.php");
    session_destroy();
    exit;
}

require_once __DIR__ . '/../../config/config.php';
require_once __DIR__ . '/../../includes/workspace.php';
$sftp = initializeSFTP();

if (!isset($_GET['file'])) {
    die("No file specified");
}

$filePath = $_GET['file'];
$fileName = basename($filePath);
$fileSize = $sftp->stat($filePath)['size'];

if (isset($_GET['stream'])) {
    session_write_close();

    while (ob_get_level()) {
        ob_end_clean();
    }

    if (ini_get('zlib.output_compression')) {
        ini_set('zlib.output_compression', 'Off');
    }

    $start = 0;
    $end = $fileSize - 1;
    $length = $fileSize;

    if (isset($_SERVER['HTTP_RANGE'])) {
        $rangeHeader = $_SERVER['HTTP_RANGE'];
        $matches = [];
        if (preg_match('/bytes=(\d+)-(\d*)/', $rangeHeader, $matches)) {
            $start = intval($matches[1]);

            if (!empty($matches[2])) {
                $end = intval($matches[2]);
            }

            $length = $end - $start + 1;

            header('HTTP/1.1 206 Partial Content');
            header('Content-Range: bytes ' . $start . '-' . $end . '/' . $fileSize);
        }
    }

    header('Content-Type: application/pdf');
    header('Content-Disposition: inline; filename="' . basename($filePath) . '"');
    header("Accept-Ranges: bytes");
    header("Content-Length: $length");
    header("Cache-Control: no-cache, no-store, must-revalidate");
    header("Pragma: no-cache");
    header("Expires: 0");

    set_time_limit(0);

    $minChunkSize = 64 * 1024;    // 64KB minimum
    $maxChunkSize = 2 * 1024 * 1024; // 2MB maximum
    $chunkSize = 256 * 1024;      // Start with 256KB

    $currentPosition = $start;
    $bytesRemaining = $length;
    $lastChunkTime = microtime(true);

    try {
        while ($bytesRemaining > 0) {
            if (connection_aborted()) {
                break;
            }

            $readSize = min($chunkSize, $bytesRemaining);

            $chunkData = $sftp->get($filePath, false, $currentPosition, $readSize);

            if ($chunkData !== false) {
                $bytesSent = strlen($chunkData);
                echo $chunkData;
                $bytesRemaining -= $bytesSent;
                $currentPosition += $bytesSent;

                if (ob_get_level()) {
                    ob_flush();
                }
                flush();

                $currentTime = microtime(true);
                $timeDiff = $currentTime - $lastChunkTime;
                $lastChunkTime = $currentTime;

                if ($timeDiff > 0) {
                    $speed = $bytesSent / $timeDiff;
                    $chunkSize = min(
                        max($minChunkSize, $chunkSize * (($speed > 512 * 1024) ? 1.5 : 0.8)),
                        $maxChunkSize
                    );
                }
            } else {
                break;
            }
        }
    } catch (Exception $e) {
        error_log("Streaming error: " . $e->getMessage());
    }
    exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PDF Viewer</title>
    <link rel="icon" href="../../img/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="<?= workspaceAsset('../../', 'css/modern.css') ?>">
    <link rel="stylesheet" href="<?= workspaceAsset('../../', 'css/workspace.css') ?>">
    <link rel="stylesheet" href="<?= workspaceAsset('../../', 'content/ftp/css/pdf.css') ?>">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.js"></script>
    <script src="<?= workspaceAsset('../../', 'js/theme.js') ?>"></script>
    <script src="<?= workspaceAsset('../../', 'js/ui.js') ?>" defer></script>
</head>
<?php renderWorkspaceStart([
    'root' => '../../',
    'active' => 'files',
    'section' => 'PDF viewer',
    'eyebrow' => 'Document preview',
    'title' => $fileName,
    'description' => 'Browse your document without leaving the workspace.',
    'connected' => true,
    'back' => 'index.php?path=' . urlencode(remoteDirname($filePath)),
    'class' => 'pdf-page',
]); ?>


<section class="content-panel pdf-workspace" aria-label="PDF document">
    <div id="pdfContainer" class="container-fluid position-relative">
        <div id="loadingMessage" class="d-flex align-items-center justify-content-center w-100 h-100">
            <div class="bg-dark bg-opacity-75 text-white p-3 rounded">
                <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
                Loading PDF...
            </div>
        </div>
    </div>

    <div class="controls">
        <div class="btn-group" role="group" aria-label="PDF Navigation">
            <button id="prev" class="btn btn-light border" disabled>
                <i class="ui-icon icon-chevron-left"></i> Previous
            </button>
            <span class="btn btn-light border" role="status">
                Page <span id="pageNum"></span> of <span id="pageCount"></span>
            </span>
            <button id="next" class="btn btn-light border" disabled>
                Next <i class="ui-icon icon-chevron-right"></i>
            </button>
            <button id="fullscreen" aria-label="Toggle fullscreen" class="btn btn-light border">
                <i class="ui-icon icon-fullscreen"></i>
            </button>
        </div>
    </div>
    <div class="actionButton">
        <?php if (isset($_SESSION["downPer"]) && $_SESSION["downPer"] == true) : ?>
                <a href="download.php?file=<?= urlencode($filePath) ?>" class="btn btn-success m-3">Download</a>
        <?php endif; ?>
    </div>

    </section>
<?php renderWorkspaceEnd(); ?>

        <script>
            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';

            const url = 'pdf.php?file=<?= urlencode($filePath) ?>&stream=1';
            const pdfFileName = <?= json_encode($fileName, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) ?>;
            let currentPage = 1;
            let pdfDoc = null;

            const PdfPageStorage = {
                getStorageKey() {
                    return `pdf_page_${pdfFileName}`;
                },

                savePage(pageNum) {
                    localStorage.setItem(this.getStorageKey(), pageNum.toString());
                },

                loadPage() {
                    return parseInt(localStorage.getItem(this.getStorageKey())) || 1;
                }
            };

            async function loadPDF() {
                try {
                    pdfDoc = await pdfjsLib.getDocument(url).promise;
                    document.getElementById('pageCount').textContent = pdfDoc.numPages;

                    currentPage = Math.min(PdfPageStorage.loadPage(), pdfDoc.numPages);

                    await renderPage(currentPage);
                } catch (error) {
                    console.error('Error loading PDF:', error);
                    const loadingMessage = document.getElementById('loadingMessage');
                    if (loadingMessage) {
                        loadingMessage.querySelector('div').className = 'alert alert-danger';
                        loadingMessage.querySelector('div').textContent = 'Unable to load this PDF.';
                    }
                }
            }

            async function renderPage(pageNumber) {
                const page = await pdfDoc.getPage(pageNumber);
                const pageContainer = document.createElement('div');
                pageContainer.className = 'page-container';

                const windowWidth = document.getElementById('pdfContainer').clientWidth - 32;
                const windowHeight = window.innerHeight;
                const viewport = page.getViewport({ scale: 1.0 });

                const pixelRatio = window.devicePixelRatio || 1;
                const widthScale = (windowWidth / viewport.width);
                const heightScale = (windowHeight / viewport.height);

                let scale;
                if (isFullscreen) {
                    scale = Math.min(widthScale, heightScale) * 0.95;
                } else if (windowWidth < 768) {
                    scale = widthScale * 0.95;
                } else {
                    scale = Math.min(widthScale, heightScale, 2);
                }

                const scaledViewport = page.getViewport({ scale: scale * pixelRatio });

                const canvas = document.createElement('canvas');
                const context = canvas.getContext('2d');

                canvas.height = scaledViewport.height;
                canvas.width = scaledViewport.width;

                canvas.style.width = `${scaledViewport.width / pixelRatio}px`;
                canvas.style.height = `${scaledViewport.height / pixelRatio}px`;

                pageContainer.appendChild(canvas);
                document.getElementById('pdfContainer').innerHTML = '';
                document.getElementById('pdfContainer').appendChild(pageContainer);
                document.getElementById('pageNum').textContent = pageNumber;
                document.getElementById('prev').disabled = pageNumber <= 1;
                document.getElementById('next').disabled = pageNumber >= pdfDoc.numPages;

                await page.render({
                    canvasContext: context,
                    viewport: scaledViewport // Use scaledViewport instead of viewport
                }).promise;

                PdfPageStorage.savePage(pageNumber);
            }
            document.getElementById('prev').addEventListener('click', () => {
                if (currentPage > 1) {
                    currentPage--;
                    renderPage(currentPage);
                }
            });

            document.getElementById('next').addEventListener('click', () => {
                if (pdfDoc && currentPage < pdfDoc.numPages) {
                    currentPage++;
                    renderPage(currentPage);
                }
            });

            document.addEventListener('keydown', (e) => {
                if (e.key === 'Escape' && isFullscreen) {
                    document.getElementById('fullscreen').click();
                } else if (e.key === 'ArrowLeft' && currentPage > 1) {
                    currentPage--;
                    renderPage(currentPage);
                } else if (e.key === 'ArrowRight' && pdfDoc && currentPage < pdfDoc.numPages) {
                    currentPage++;
                    renderPage(currentPage);
                }
            });

            window.addEventListener('resize', () => {
                if (pdfDoc) {
                    renderPage(currentPage);
                }
            });

            let isFullscreen = false;

            document.getElementById('fullscreen').addEventListener('click', () => {
                const container = document.querySelector('.pdf-workspace');
                const fullscreenBtn = document.getElementById('fullscreen');
                const fullscreenIcon = fullscreenBtn.querySelector('i');

                if (!isFullscreen) {
                    container.classList.add('fullscreen-mode');
                    document.body.style.overflow = 'hidden';
                    fullscreenIcon.classList.remove('icon-fullscreen');
                    fullscreenIcon.classList.add('icon-fullscreen-exit');
                } else {
                    container.classList.remove('fullscreen-mode');
                    document.body.style.overflow = '';
                    fullscreenIcon.classList.remove('icon-fullscreen-exit');
                    fullscreenIcon.classList.add('icon-fullscreen');
                }

                isFullscreen = !isFullscreen;
                if (pdfDoc) renderPage(currentPage);
            });

            loadPDF();
        </script>

</body>
</html>