webpackHotDevClient now uses wss when https is used

[mikecaulley]

Fixes #8075.

Summary

• If https protocol is being used we should use WebSockets over SSL/TLS (WSS) protocol instead of WebSockets (WS)

Test Plan
Follow steps in the issue #8075

[facebook-github-bot]

Hi mikecaulley! Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file.In order for us to review and merge your code, please sign at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need to sign the corporate CLA.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

[facebook-github-bot]

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

[dimaqq]

Makes perfect sense!

[ianschmitz]

Ah yes. Great catch. Thanks @mikecaulley!

[esetnik]

Can a maintainer cut v3.3.1 release with this change please?

[justingrant]

Some client libraries like Facebook Login SDK will fail if run over non-HTTPS connections (even on localhost!). This makes 3.3.0 a problem for users of these libraries because they can't fall back to HTTP, even in DEV mode. So would be cool to get this patch released soon. Thanks!

For folks who end up here from Google, while waiting for a patch you can manually edit node_modules/react-dev-utils/webpackHotDevClient.js to fix this problem without downgrading to 3.2. Here's the code you'll want at line 62 of that file:

protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',