podkop/luci-app-podkop/htdocs/luci-static/resources/view/podkop/podkop.js

'use strict';
'require view';
'require form';
'require network';
'require view.podkop.configSection as configSection';
'require view.podkop.diagnosticTab as diagnosticTab';
'require view.podkop.additionalTab as additionalTab';
'require view.podkop.dashboardTab as dashboardTab';
'require view.podkop.utils as utils';
'require view.podkop.main as main';

const EntryNode = {
    async render() {
        main.injectGlobalStyles();

        // main.getClashVersion()
        //     .then(result => console.log('getClashVersion - then', result))
        //     .catch(err => console.log('getClashVersion - err', err))
        //     .finally(() => console.log('getClashVersion - finish'));
        //
        // main.getClashConfig()
        //     .then(result => console.log('getClashConfig - then', result))
        //     .catch(err => console.log('getClashConfig - err', err))
        //     .finally(() => console.log('getClashConfig - finish'));
        //
        // main.getClashProxies()
        //     .then(result => console.log('getClashProxies - then', result))
        //     .catch(err => console.log('getClashProxies - err', err))
        //     .finally(() => console.log('getClashProxies - finish'));

        const podkopFormMap = new form.Map('podkop', '', null, ['main', 'extra']);

        // Main Section
        const mainSection = podkopFormMap.section(form.TypedSection, 'main');
        mainSection.anonymous = true;

        dashboardTab.createDashboardSection(mainSection);

        main.initDashboardController();

        configSection.createConfigSection(mainSection);

        // Additional Settings Tab (main section)
        additionalTab.createAdditionalSection(mainSection);

        // Diagnostics Tab (main section)
        diagnosticTab.createDiagnosticsSection(mainSection);
        const podkopFormMapPromise = podkopFormMap.render().then(node => {
            // Set up diagnostics event handlers
            diagnosticTab.setupDiagnosticsEventHandlers(node);

            // Start critical error polling for all tabs
            utils.startErrorPolling();

            // Add event listener to keep error polling active when switching tabs
            const tabs = node.querySelectorAll('.cbi-tabmenu');
            if (tabs.length > 0) {
                tabs[0].addEventListener('click', function (e) {
                    const tab = e.target.closest('.cbi-tab');
                    if (tab) {
                        // Ensure error polling continues when switching tabs
                        utils.startErrorPolling();
                    }
                });
            }

            // Add visibility change handler to manage error polling
            document.addEventListener('visibilitychange', function () {
                if (document.hidden) {
                    utils.stopErrorPolling();
                } else {
                    utils.startErrorPolling();
                }
            });

            return node;
        });

        // Extra Section
        const extraSection = podkopFormMap.section(form.TypedSection, 'extra', _('Extra configurations'));
        extraSection.anonymous = false;
        extraSection.addremove = true;
        extraSection.addbtntitle = _('Add Section');
        extraSection.multiple = true;
        configSection.createConfigSection(extraSection);

        return podkopFormMapPromise;
    }
}

return view.extend(EntryNode);