Use REMIX_DEV_ORIGIN for the live reload hostname

[huw]

Discussed with @pcattori on Discord.

For live reloading, we currently use the protocol and port from the REMIX_DEV_ORIGIN variable, but use the hostname from window.location. This PR also uses the hostname from REMIX_DEV_ORIGIN (when provided).

This also means that we can support use cases where the development server is on a different hostname from the static assets. This is the case, for example, with GitHub Codespaces, which proxies separate ports through HTTPS on different subdomains. For example:

• https://<CODESPACE_NAME>-3000.app.github.dev for the static assets
• https://<CODESPACE_NAME>-3001.app.github.dev for the websocket

(If for whatever reason you’re a Codespaces user seeing this, I set REMIX_DEV_ORIGIN to https://${process.env.CODESPACE_NAME}-3001.${process.env.GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN]} when I launch the development server)

[changeset-bot]

🦋 Changeset detected

Latest commit: 22def62

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 18 packages

Name	Type
@remix-run/react	Patch
@remix-run/testing	Patch
create-remix	Patch
remix	Patch
@remix-run/architect	Patch
@remix-run/cloudflare	Patch
@remix-run/cloudflare-pages	Patch
@remix-run/cloudflare-workers	Patch
@remix-run/css-bundle	Patch
@remix-run/deno	Patch
@remix-run/dev	Patch
@remix-run/eslint-config	Patch
@remix-run/express	Patch
@remix-run/netlify	Patch
@remix-run/node	Patch
@remix-run/serve	Patch
@remix-run/server-runtime	Patch
@remix-run/vercel	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pcattori]

@huw can you locally rebase your branch onto dev and the force push that onto here? this needs to target dev not main since its a code change (not just docs or templates changes).

[huw]

@pcattori Done! Cheers ^_^

[remix-cla-bot]

Thank you for signing the Contributor License Agreement. Let's get this merged! 🥳

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-9eeef33-20230723 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-3b808ce-20230802 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 1.19.2-pre.1 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-7cb1e7e-20230803 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 1.19.2-pre.2 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-6e250f7-20230805 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version v0.0.0-nightly-b1149bb-20230810 which includes this pull request. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!