chore: replace hub-embed with proxy to 127.0.0.1:5080 for /ui/ path in dev

Author: NathanFlurry

Cargo.lock

@@ -9,5 +9,7 @@ cd /app
 yarn install
 
 # Start dev server
+#
+# Set base to /ui since this is where the UI is hosted in the dev server
 cd /app/frontend/apps/hub
-yarn dev --host 0.0.0.0 --port 5080
+yarn dev --base=/ui

Cargo.toml

@@ -5,6 +5,8 @@
 				"access_kind": "development"
 			},
 			"ui": {
+				"enable": true,
+				"proxy_origin": "http://frontend-hub:5080",
 				"public_origin_regex": ".*"
 			},
 			"guard": {

docker/dev-full/frontend-hub/entrypoint.sh

@@ -46,7 +46,14 @@ export default defineConfig({
 		process.env.DEBUG_BUNDLE ? visualizer() : null,
 	],
 	server: {
+		host: "0.0.0.0",
 		port: 5080,
+		allowedHosts: true,
+		// Listen on a different port since we don't proxy WebSockets on /ui
+		hmr: {
+			port: 5080,
+			host: "127.0.0.1"
+		}
 	},
 	preview: {
 		port: 5080,

docker/dev-full/rivet-server/config.jsonc

@@ -732,6 +732,11 @@ pub struct Ui {
 	///
 	/// If disabled, the UI can be hosted separately.
 	pub enable: Option<bool>,
+	/// Origin to proxy UI requests to. This should be the server serving the actula files fro the
+	/// frontend.
+	///
+	/// This is frequently either Vite for a development setup or Nginx for a simple setup.
+	pub proxy_origin: Option<Url>,
 	/// The origin URL for the UI.
 	pub public_origin: Option<Url>,
 	/// Regular expression to match valid UI origins.
@@ -743,6 +748,12 @@ impl Ui {
 		self.enable.unwrap_or(true)
 	}
 
+	pub fn proxy_origin(&self) -> Url {
+		self.proxy_origin
+			.clone()
+			.unwrap_or_else(|| Url::parse(&format!("http://127.0.0.1:5080")).unwrap())
+	}
+
 	pub fn public_origin(&self) -> Url {
 		self.public_origin.clone().unwrap_or_else(|| {
 			Url::parse(&format!(

frontend/apps/hub/vite.config.ts

@@ -30,7 +30,6 @@ tracing = "0.1"
 tracing-subscriber = { version = "0.3", default-features = false, features = ["fmt", "json", "ansi"] }
 url = "2.2.2"
 uuid = { version = "1", features = ["v4"] }
-rivet-hub-embed.workspace = true
-mime_guess = "2.0.5"
 rivet-config.workspace = true
 global-error.workspace = true
+reqwest = { version = "0.12", default-features = false, features = ["json"] }