SyntaxHighlighter: Safely access clipboard on global.navigator

[kylegach]

Issue: None; discussed in Discord first

if (navigator.clipboard) {
  copyToClipboard = (text: string) => navigator.clipboard.writeText(text);
} else {
  // ...
}

In my admittedly convoluted project (details: #12959 (comment)), I get an error about not being able to access clipboard on undefined, because navigator (expectedly) is not available in the environment in which it is executed.

What I did

Use optional chaining to safely access clipboard on global.navigator

How to test

• Is this testable with Jest or Chromatic screenshots? No
• Does this need a new example in the kitchen sink apps? No
• Does this need an update to the documentation? No

If your answer is yes to any of these, please make sure to include it in your PR.

Questions

A quick search shows that there may be other instances of unsafe global access. Let me know if this PR should attempt to address these, too.

[shilman]

💯