daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Distinguish dev port from prod

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-06-17 20:51:04 -04:00
parent 6c402d6e46
commit 755de1ea18
3 changed files with 29 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
backend/Cargo.toml
View File

@@ -31,6 +31,7 @@ dissimilar = "1.0"
rust-embed = "8.2" rust-embed = "8.2"
mime_guess = "2.0" mime_guess = "2.0"
directories = "6.0.0" directories = "6.0.0"
open = "5.3.2"
[build-dependencies] [build-dependencies]
ts-rs = { version = "9.0", features = ["uuid-impl", "chrono-impl"] } ts-rs = { version = "9.0", features = ["uuid-impl", "chrono-impl"] }

12
backend/src/main.rs
View File

@@ -138,9 +138,17 @@ async fn main() -> anyhow::Result<()> {
.layer(Extension(app_state)) .layer(Extension(app_state))
.layer(CorsLayer::permissive()); .layer(CorsLayer::permissive());
let listener = tokio::net::TcpListener::bind("0.0.0.0:3001").await?; let port: u16 = if cfg!(debug_assertions) { 3001 } else { 0 }; // 0 = random port
tracing::info!("Server running on http://0.0.0.0:3001"); let listener = tokio::net::TcpListener::bind(format!("0.0.0.0:{port}")).await?;
let actual_port = listener.local_addr()?.port(); // get → 53427 (example)
tracing::info!("Server running on http://0.0.0.0:{actual_port}");
if !cfg!(debug_assertions) {
tracing::info!("Opening browser...");
open::that(format!("http://127.0.0.1:{actual_port}"))?;
}
axum::serve(listener, app).await?; axum::serve(listener, app).await?;

33
frontend/src/App.tsx
View File

@@ -1,14 +1,12 @@
import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom' import { BrowserRouter, Routes, Route } from "react-router-dom";
import { Navbar } from '@/components/layout/navbar' import { Navbar } from "@/components/layout/navbar";
import { Projects } from '@/pages/projects' import { Projects } from "@/pages/projects";
import { ProjectTasks } from '@/pages/project-tasks' import { ProjectTasks } from "@/pages/project-tasks";
import { TaskDetailsPage } from '@/pages/task-details' import { TaskDetailsPage } from "@/pages/task-details";
import { TaskAttemptComparePage } from '@/pages/task-attempt-compare' import { TaskAttemptComparePage } from "@/pages/task-attempt-compare";
function AppContent() { function AppContent() {
const location = useLocation() const showNavbar = true;
const showNavbar = true
return ( return (
<div className="min-h-screen bg-background"> <div className="min-h-screen bg-background">
@@ -19,13 +17,18 @@ function AppContent() {
<Route path="/projects" element={<Projects />} /> <Route path="/projects" element={<Projects />} />
<Route path="/projects/:projectId" element={<Projects />} /> <Route path="/projects/:projectId" element={<Projects />} />
<Route path="/projects/:projectId/tasks" element={<ProjectTasks />} /> <Route path="/projects/:projectId/tasks" element={<ProjectTasks />} />
<Route path="/projects/:projectId/tasks/:taskId" element={<TaskDetailsPage />} /> <Route
<Route path="/projects/:projectId/tasks/:taskId/attempts/:attemptId/compare" element={<TaskAttemptComparePage />} /> path="/projects/:projectId/tasks/:taskId"
element={<TaskDetailsPage />}
/>
<Route
path="/projects/:projectId/tasks/:taskId/attempts/:attemptId/compare"
element={<TaskAttemptComparePage />}
/>
</Routes> </Routes>
</div> </div>
</div> </div>
) );
} }
function App() { function App() {
@@ -33,7 +36,7 @@ function App() {
<BrowserRouter> <BrowserRouter>
<AppContent /> <AppContent />
</BrowserRouter> </BrowserRouter>
) );
} }
export default App export default App;