Function initialize

explainshell/web/static/js/es.js:337–442

()

// selectors: one selects which spans in .command and the other selects their
// matching help text in .help
function initialize() {
    let head = { name: 'all' },
        prev = head,
        groupcount = 0,
        s = $('#command span[class^=shell]'),
        curr;

    if (s.length) {
        const shell = { name: 'shell', commandselector: s, prev: head };
        head.next = shell;
        prev = shell;
        groupcount += 1;
    }

    // construct a doubly linked list of previous/next groups. this is used
    // by the navigation buttons to move between groups
    let i = 0,
        g = `command${i}`;

    s = $(`#command span[class^=${g}]`);

    let unknownsselector = $();

    while (s.length > 0) {
        curr = { name: g, commandselector: s };

        // add this group to the linked list only if it's not full of unknowns
        if (s.filter(':not(.unknown)').length > 0) {
            curr.prev = prev;
            prev.next = curr;
            prev = curr;
            groupcount += 1;
        } else {
            unknownsselector = unknownsselector.add(s);
        }

        i++;
        g = `command${i}`;
        s = $(`#command span[class^=${g}]`);
    }

    if (groupcount === 1) {
        // if we have a single group, get rid of 'all' and remove the prev/next
        // links
        head = head.next;

        delete head.next;
        delete head.prev;

        // if we have 1 group and it's the shell, all other commands in there
        // are unknowns, add them to the selector so they show up as unknowns
        // in the UI
        if (head.name === 'shell') {
            head.commandselector = head.commandselector.add(unknownsselector);
        }
    } else {
        // add a group for all spans at the start
        // select spans that start with command or shell to filter out