Add glossary tooltip feature

[josh-wong]

Caution

This PR should not be merged until after our glossary is published.

Description

This PR adds a tooltip feature that shows the definition of terms from our glossary.

The tooltip appears on only the first mention within the content of the doc, whether it's in a paragraph, ordered or unordered list, or table. The tooltip doesn't appear in headings, links, or code blocks.

In addition, the tooltip shows English definitions on English pages and Japanese definitions on Japanese pages.

Note

The glossary tooltip feature appears only in production environments.

Related issues and/or PRs

• <ADD_LINK_THAT_ADDS_GLOSSARY>

Changes made

• Add Typescript files that
  • Recognizes terms when they appear on a page.
  • Render the definition in a tooltip for that recognized term.
• Add Javascript file that creates a .json file from the English and Japanese glossary.mdx docs in the folder for the latest release.
• Add styles for tooltip.

Checklist

The following is a best-effort checklist. If any items in this checklist are not applicable to this PR or are dependent on other, unmerged PRs, please still mark the checkboxes after you have read and understood each item.

• I have updated the side navigation as necessary. N/A
• I have commented my code, particularly in hard-to-understand areas.
• I have updated the documentation to reflect the changes. N/A
• Any remaining open issues linked to this PR are documented and up-to-date (Jira, GitHub, etc.).
• My changes generate no new warnings.
• Any dependent changes in other PRs have been merged and published.

Additional notes (optional)

N/A

[netlify]

✅ Deploy Preview for staging-scalardl-docs-site canceled.

Name	Link
🔨 Latest commit	d8f9bc3
🔍 Latest deploy log	https://app.netlify.com/sites/staging-scalardl-docs-site/deploys/672089731ebabd00080ebeba