Add web developer friendly links to MDN

[captainbrosset]

Help wanted: help me complete the mapping between web-features and MDN URLs

The features listed in the web-features repository don't come with MDN URLs. However, linking web-features to MDN URLs is useful for several things:

• If the mapping is available somewhere, then consumers of web-features can use the mapping to link the web-features they display to MDN.
  • One example is the State Of surveys, which use web-features, and which also show MDN URLs. This mapping with help there.
  • Another example is this very site: https://web-platform-dx.github.io/web-features-explorer/, which shows MDN links on individual feature pages. This mapping helps show the right links.
• The other way around is true too. For MDN, which shows baseline badges, having a one-to-one mapping from MDN pages to web-features can help find the right web-features.

The mapping is, for now, maintained in this file: https://github.com/web-platform-dx/web-features-explorer/blob/main/mdnDocsOverrides.json

There are still a couple hundred features left to be mapped. Here's how the mapping works:

{
  "<web-feature-id>": [
    "<MDN-page-slug>"
  ]
}

Each feature points to one or more MDN URL. Each MDN URL is partial, only the slug is needed, not the root URL. Here's an example:

{
  "aborting": [
    "Web/API/AbortController",
    "Web/API/AbortSignal"
  ]
}

The root URL is https://developer.mozilla.org/en-US/docs/, so the two slugs above end up pointing to: https://developer.mozilla.org/en-US/docs/Web/API/AbortController and https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal.

On the web-features-explorer website, currently, the mapping is used to display links as follows:

See this page live here: https://web-platform-dx.github.io/web-features-explorer/features/aborting/

[jsnkuhn]

If this is really as straightforward as it seems I'll give this some time. Searching for and then copy/pasting links into the .json is all you are really looking for here?