[Share] Fullscreen Mode

[thalient-ai]

Description

This script, when triggered, will hide/unhide the toolbars and resize Zotero into Fullscreen mode.

Default

Fullscreen

Event

None

Operation

Script

Data

/**
 * This script toggles Fullscreen mode for Zotero by hiding UI elements.
 * @author thalient-ai
 * @usage Assign to a hotkey
 * @link https://github.com/windingwind/zotero-actions-tags/discussions/
 * @see https://github.com/windingwind/zotero-actions-tags/discussions/
 */

(function () {
    const Zotero = require('Zotero');
    let mainWindow = Zotero.getMainWindow();
    const document = mainWindow.document;
    let isFullscreen = document.documentElement.classList.contains("fullscreen");
    let debounceTimeout = null;

    try {
        function mainScript() {
            // Set window chrome and tabs attributes
            document.documentElement.setAttribute('drawintitlebar', true);
            document.documentElement.setAttribute('tabsintitlebar', true);

            // Adjust chrome margin based on the OS
            if (Zotero.isMac) {
                document.documentElement.setAttribute('chromemargin', '0,-1,-1,-1');
            } else {
                document.documentElement.setAttribute('chromemargin', '0,2,2,2');
            }

            // Add fullscreen styles if not already added
            function addFullscreenStyles() {
                if (!document.querySelector("#fullscreen-style")) {
                    const style = document.createElement("style");
                    style.id = "fullscreen-style";
                    style.textContent = `
                        .fullscreen {
                            margin: 0;
                            padding: 0;
                            overflow: hidden;
                        }
                        .fullscreen #mainPane {
                            width: 100vw;
                            height: 100vh;
                        }
                        .fullscreen .zotero-toolbar, 
                        .fullscreen .zotero-tb-button,
                        .fullscreen #zotero-title-bar,
                        .fullscreen #main-menubar,
                        .fullscreen #titlebar,    
                        .fullscreen .topbar {
                            display: none !important;
                        }
                    `;
                    document.documentElement.appendChild(style);
                }
            }

            // Toggle fullscreen mode by showing or hiding elements
            function toggleFullscreenMode() {
                if (debounceTimeout) {
                    clearTimeout(debounceTimeout);
                }

                debounceTimeout = setTimeout(() => {
                    if (isFullscreen) {
                        // Exiting fullscreen
                        document.documentElement.classList.remove("fullscreen");
                        isFullscreen = false;
                    } else {
                        // Entering fullscreen
                        document.documentElement.classList.add("fullscreen");
                        isFullscreen = true;
                    }
                }, 300);
            }

            // Add styles and toggle fullscreen mode
            addFullscreenStyles();
            toggleFullscreenMode();
        }

        // Execute the script
        mainScript();
        
    } catch (error) {
        // Handle errors silently
    }
})();

Anything else

No guarantees that this will work perfectly on MacOS or Linux. This is for tab pdf readers, not windows