Copy snippet action doesn't work without HTTPs

[j3rem1e]

Describe the bug

The button 'copy' snippet doesn't work if storybook is deployed without HTTPs.

It's related to #10526 : navigator.clipboard requires a secure origin.

To Reproduce

1. Launch a storybook on a non-secure origin (ie, no https and no localhost)
2. Go to a story snippet and click on the copy button
3. It fails with the following exception on next and 6.1

Uncaught TypeError: Cannot read property 'writeText' of undefined
    at onClick (syntaxhighlighter.js:204)
    at HTMLUnknownElement.callCallback (react-dom.development.js:188)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
    at invokeGuardedCallback (react-dom.development.js:292)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:306)
    at executeDispatch (react-dom.development.js:389)
    at executeDispatchesInOrder (react-dom.development.js:414)
    at executeDispatchesAndRelease (react-dom.development.js:3278)
    at executeDispatchesAndReleaseTopLevel (react-dom.development.js:3287)
    at forEachAccumulated (react-dom.development.js:3259)

System

nvironment Info:

System:
OS: macOS 11.1
CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
Binaries:
Node: 15.6.0 - /usr/local/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 7.4.0 - /usr/local/bin/npm
Browsers:
Chrome: 88.0.4324.96
Safari: 14.0.2

[shilman]

Egads!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.2.0-alpha.20 containing PR #13777 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.

[shilman]

Great Caesar's ghost!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.1.16 containing PR #13777 that references this issue. Upgrade today to the @latest NPM tag to try it out!

npx sb upgrade