Write JS snippet that generates JSON representation of website menu

[eecavanna]

This is to facilitate future attempts to synchronize the data portal's menu with the website's menu.

This snippet could be copy/pasted into the JavaScript console of a web browser when viewing the website.

Here's an example of an issue where the task was to do that synchronization: #1152

[eecavanna]

Here's a snippet that gets "99% of the way there." All that's missing is:

• This produces output that uses double quotes instead of single quotes
• This includes href values even for menu items that link to #

// Usage: Copy/paste into a web browser's JavaScript console and press [ENTER].
(function showMenuAsJSON() {
  const arr = [];

  // For each drop-down menu:
  document.querySelectorAll(".header-nav-item").forEach((col, colIdx) => {
    // Add a top-level element (having no `items` yet) to the result array, for the top-level link.
    const a = col.querySelectorAll("a:first-child")[0];
    arr.push({ label: a.title, href: a.href, items: [] });

    // For each link in this drop-down menu, add an item to this column's `items` array.
    col.querySelectorAll(".header-dropdown > a").forEach((a) => {
      arr[colIdx].items.push({ label: a.title, href: a.href });
    });
  });

  console.log(JSON.stringify(arr, null, 2));
})();

This can already be used for "sanity checks."

[eecavanna]

Tasks remaining until done:

• Update snippet result to use single quotes instead of double quotes (to match web/src/menus.ts)
• Add this snippet to some document within the repository (e.g. a document about maintaining web/src/menus.ts)

[eecavanna]

With respect to the second bullet point: I plan to document this snippet in the wiki.

[eecavanna]

The snippet has been documented here: https://github.com/microbiomedata/nmdc-server/wiki/Maintaining-the-navigation-menu

Closing this ticket as done.