content.js

const storageKey = "sfmWhySF";

function init(setupTabUl) {
    if (setupTabUl) {
        let rows = [];
        chrome.storage.sync.get([storageKey], function (items) {
            let rowObj = items[storageKey] || [];
            if (rowObj.length === 0) {
                //Did not find data inside browser storage
                rowObj = initTabs();
            }

            for (const rowId in rowObj) {
                let row = rowObj[rowId];
                rows.push(
                    generateRowTemplate(row.tabTitle, row.url, row.openInNewTab)
                );
            }
            setupTabUl.insertAdjacentHTML("beforeend", rows.join(""));

            // Add click event listeners after rows are inserted
            addClickEventListeners();
        });
    }
}

function delayLoadSetupTabs(count) {
    const setupTabUl = document.getElementsByClassName(
        "tabBarItems slds-grid"
    )[0];
    count++;

    if (count > 5) {
        console.log("Why Salesforce - failed to find setup tab.");
        return;
    }

    if (!setupTabUl) {
        setTimeout(function () {
            delayLoadSetupTabs(count);
        }, 3000); // Fixed to pass count correctly
    } else {
        init(setupTabUl);
    }
}

setTimeout(function () {
    delayLoadSetupTabs(0);
}, 3000);

function generateRowTemplate(tabTitle, url, openInNewTab) {
    const target = openInNewTab ? "_blank" : "_self";
    return `<li role="presentation" class="oneConsoleTabItem tabItem slds-context-bar__item borderRight navexConsoleTabItem" data-aura-class="navexConsoleTabItem" data-url="${url}">
            <a role="tab" tabindex="-1" title="${tabTitle}" aria-selected="false" href="${url}" target="${target}" class="tabHeader slds-context-bar__label-action">
                <span class="title slds-truncate">${tabTitle}</span>
            </a>
        </li>`;
}

function initTabs() {
    let tabs = [
        { tabTitle: "Home", url: "/", openInNewTab: false },
        {
            tabTitle: "Flow",
            url: "/lightning/setup/Flows/home",
            openInNewTab: true,
        },
        {
            tabTitle: "User",
            url: "/lightning/setup/ManageUsers/home",
            openInNewTab: false,
        },
    ];

    chrome.storage.sync.set({ sfmWhySF: tabs }, function () {
        //TODO combine with popup.js with background service
    });
    return tabs;
}

function addClickEventListeners() {
    chrome.storage.sync.get([storageKey], function (items) {
        const rowObj = items[storageKey] || [];
        for (const rowId in rowObj) {
            let tab = rowObj[rowId];
            document
                .querySelectorAll(`a[href="${tab.url}"]`)
                .forEach((link) => {
                    link.addEventListener("click", function (event) {
                        if (tab.openInNewTab) {
                            event.preventDefault();
                            window.open(tab.url, "_blank");
                        }
                    });
                });
        }
    });
}