script.js

function showMenu() {
    showLeftSidebar('left-menu', 'Menu');
}

function hideMenu() {
    hideLeftSidebar();
}

function toggleMenu() {
    const sidebar = document.querySelector('.left-sidebar');
    const titleElement = document.querySelector('.left-sidebar-title');

    // If sidebar is visible and currently showing "Menu", close it
    if (!sidebar.classList.contains('left-sidebar-hidden') && titleElement.innerText === 'Menu') {
        wisk.editor.hideLeftSidebar();
    } else {
        // Otherwise open the menu
        wisk.editor.toggleLeftSidebar('left-menu', 'Menu');
    }
}

function getURLParam(str) {
    // if url contains wisk.site then get the id from path url which is everything after the wisk.site/
    // TODO also this sucks make it better
    if (window.location.href.includes('wisk.site')) {
        var split = window.location.href.split('wisk.site/');
        var id = split[1];
        return id;
    }

    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(str);
}

function setURLParam(id) {
    // TODO this is bad, fix this, we should not be erasing other params
    // get template param from url
    var template = getURLParam('template');
    var zen = getURLParam('zen');
    window.history.replaceState({}, '', window.location.pathname + '?id=' + id);
    // if zen == true then add zen=true to url
    if (zen === 'true') {
        window.history.replaceState({}, '', window.location.pathname + '?id=' + id + '&zen=true');
    }

    if (template != null && template != '') {
        wisk.editor.template = template;
    }
}

async function init() {
    try {
        wisk.plugins.pluginData = await fetchDataJSON();
        console.log('Plugin data loaded:', wisk.plugins.pluginData);
        await loadAllPlugins();
        // await sync();
        //
        await wisk.db.getPage(wisk.editor.pageId).then(data => {
            if (data) {
                console.log('Data:', data);
                initEditor(data);
            } else {
                window.location.href = '/';
            }
        });

        document.querySelector('onboarding-guide').show();
    } catch (error) {
        console.error('Initialization error:', error);
    }
}

async function initScript() {
    if (getURLParam('id') == null || getURLParam('id') == '' || getURLParam('id') == 'home') {
        document.querySelector('#last-space').remove();
        const editor = document.querySelector('#editor');
        const homeElement = document.createElement('home-element');
        editor.appendChild(homeElement);

        // Initialize home sidebar with workspace selector, theme selector, and search
        initHomeSidebar();

        document.querySelector('*').style.userSelect = 'none';

        return;
    }
    if (getURLParam('id') == 'newpage') {
        var id = Math.random().toString(36).substring(2, 12).toUpperCase();
        if (getURLParam('parent_id') != null) {
            id = getURLParam('parent_id') + '.' + id;
        }

        console.log('No ID found in URL, generating new ID:', id, getURLParam('id'));

        // TODO https://stackoverflow.com/a/52171480
        // console.log(u);

        wisk.utils.showLoading('Creating new document...');

        //        var fetchUrl = wisk.editor.backendUrl + '/v1/new';
        //        var fetchOptions = {
        //            method: 'POST',
        //            headers: {
        //                'Content-Type': 'application/json',
        //                Authorization: 'Bearer ' + u.token,
        //            },
        //            body: JSON.stringify({}),
        //        };
        //
        //        var response = await fetch(fetchUrl, fetchOptions);
        //        var data = await response.json();
        //
        //
        await wisk.db.setPage(id, {
            id: id,
            lastUpdated: Date.now(),
            data: {
                config: {
                    plugins: [],
                    theme: 'default',
                    access: [],
                    public: false,
                    name: 'Untitled',
                    databaseProps: {},
                },
                elements: [
                    {
                        id: 'abcdxyz',
                        component: 'main-element',
                        value: {
                            textContent: '',
                        },
                        lastUpdated: Date.now(),
                    },
                ],
                deletedElements: [],
                pluginData: {},
                sync: {
                    syncLogs: [],
                    isPushed: false,
                    lastSync: 0,
                },
            },
        });

        setURLParam(id);
        wisk.utils.hideLoading();
    }

    wisk.editor.pageId = getURLParam('id');

    document.addEventListener('mousemove', function () {
        document.getElementById('nav').classList.remove('nav-disappear');
    });

    init();
}

initScript();

if (window.location.href.includes('.wisk.site/')) {
    live();
    document.querySelector('#menu-1').style.display = 'none';
}

const closeApp = () => fetch('/app-nav/close');
const minimizeApp = () => fetch('/app-nav/minimize');
const maximizeApp = () => fetch('/app-nav/maximize');

// Fullscreen helpers
function isFullscreenActive() {
    return document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || null;
}

function requestFullscreenFor(element) {
    if (element.requestFullscreen) return element.requestFullscreen();
    if (element.webkitRequestFullscreen) return element.webkitRequestFullscreen();
    if (element.msRequestFullscreen) return element.msRequestFullscreen();
}

function exitFullscreen() {
    if (document.exitFullscreen) return document.exitFullscreen();
    if (document.webkitExitFullscreen) return document.webkitExitFullscreen();
    if (document.msExitFullscreen) return document.msExitFullscreen();
}

function updateFullscreenIcon() {
    const btn = document.getElementById('fullscreen-toggle');
    if (!btn) return;
    const img = btn.querySelector('img');
    if (!img) return;
    if (isFullscreenActive()) {
        img.src = '/a7/plugins/neo-ai/collapse.svg';
        img.alt = 'Exit Fullscreen';
        btn.title = 'Exit Fullscreen (Esc)';
    } else {
        img.src = '/a7/plugins/neo-ai/expand.svg';
        img.alt = 'Enter Fullscreen';
        btn.title = 'Enter Fullscreen (F11)';
    }
}

function toggleFullscreen() {
    const elem = document.documentElement;
    if (!isFullscreenActive()) {
        requestFullscreenFor(elem);
    } else {
        exitFullscreen();
    }
}

document.addEventListener('fullscreenchange', updateFullscreenIcon);
document.addEventListener('webkitfullscreenchange', updateFullscreenIcon);
document.addEventListener('MSFullscreenChange', updateFullscreenIcon);

// Keyboard shortcut: F11 or Ctrl+Cmd+F (macOS)
document.addEventListener('keydown', e => {
    const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
    if (e.key === 'F11') {
        e.preventDefault();
        toggleFullscreen();
    }
    if (isMac && e.ctrlKey && e.metaKey && e.key.toLowerCase() === 'f') {
        e.preventDefault();
        toggleFullscreen();
    }
});

// if url contains 55557 then .nav-app display flex
// for desktop app
if (window.location.href.includes('55557')) {
    document.querySelector('.nav-app').style.display = 'flex';
    document.querySelector('body').style.borderRadius = '20px';
    document.querySelector('html').style.borderRadius = '20px';
    document.querySelector('html').style.overflow = 'hidden';
    document.querySelector('body').style.overflow = 'hidden';
    document.querySelector('html').style.backgroundColor = 'transparent';
}

// check if zen mode is enabled in the URL
if (new URLSearchParams(window.location.search).get('zen') === 'true') {
    document.querySelector('#nav').style.display = 'none';
    document.querySelector('bottom-bar').style.display = 'none';
    document.querySelector('getting-started').style.display = 'none';
}