Using friendly names in language navigation doesn't work

[colinmathews]

The Slate API mentions the ability to give languages friendly names. Ergo, if you want shell Markdown formatting but want to call it "curl."

When I tried this in Whiteboard it didn't work. The most obvious problem was that the languages in the UI navigation looked like [object Object] instead of Node, etc. I had to do the following hacks:

In script.js I added this function:

function languageDetails(lang) {
  if (typeof(lang) === 'string') {
    return { lang, name: lang }
  }
  // If it's an object, then it's [language]: [name]
  let keys = Object.keys(lang);
  lang = keys[0];
  return { lang: lang, name: lang[lang] };
}

And then in setupLanguages I changed this line in my fork to make use of it:

languages = l.map(row => languageDetails(row).lang);

Then in index.ejs I changed the language tabs HTML to this ugly mess:

<% if (typeof(language_tabs[lang]) === 'string') { %>
  <a href="#" data-language-name="<%= language_tabs[lang] %>"><%= language_tabs[lang] %></a>
<% } else { %>
  <a href="#" data-language-name="<%= Object.keys(language_tabs[lang])[0] %>"><%= language_tabs[lang][Object.keys(language_tabs[lang])[0]] %></a>
<% } %>

Thanks!

[mikemorton]

Any chance we can get this fix merged in?