Skip to content

fix: respect launch frontend port #90

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
myeolinmalchi merged 1 commit into from
Jun 9, 2026
Merged

fix: respect launch frontend port #90

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 64 additions & 18 deletions scripts/setup.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -369,6 +369,10 @@ const i18n = {
ko: "URL은 http:// 또는 https://로 시작해야 합니다",
en: "URL must start with http:// or https://",
},
urlInvalid: {
ko: "올바른 URL을 입력하세요",
en: "Enter a valid URL",
},
secretRequired: {
ko: "시크릿을 입력하세요",
en: "Secret is required",
Expand Down Expand Up @@ -602,6 +606,44 @@ const AUTH_MODE_TO_EXAMPLE: Record<AuthMode, string> = {
"oauth-direct": "oauth-direct",
};

function validateHttpUrl(value: string): string | undefined {
if (!value) return t("urlRequired");

try {
const url = new URL(value);
if (url.protocol !== "http:" && url.protocol !== "https:") {
return t("urlMustStartWithHttp");
}
} catch {
return t("urlInvalid");
}
}

function getConfiguredPort(frontendUrl: string): string | undefined {
const match = frontendUrl.match(
/^https?:\/\/(?:\[[^\]]+\]|[^/:?#]+):(\d+)(?:[/?#]|$)/i
);
return match?.[1];
}

function getServerScriptArgs(
script: "dev" | "start",
frontendUrl: string
): string[] {
const port = getConfiguredPort(frontendUrl);
return port ? [script, "-p", port] : [script];
}

function getServerEnv(frontendUrl: string): NodeJS.ProcessEnv {
const port = getConfiguredPort(frontendUrl);

return {
...process.env,
NODE_NO_WARNINGS: "1",
...(port ? { PORT: port } : {}),
};
}

const DEFAULT_BRANDING = {
appName: "LangGraph Chat",
logoUrl: "/logo.png",
Expand Down Expand Up @@ -771,10 +813,7 @@ async function gatherConfig(): Promise<SetupConfig | null> {
const langGraphUrl = await p.text({
message: t("enterLangGraphUrl"),
initialValue: "http://localhost:2024",
validate: (value) => {
if (!value) return t("urlRequired");
if (!value.startsWith("http")) return t("urlMustStartWithHttp");
},
validate: validateHttpUrl,
});

if (p.isCancel(langGraphUrl)) return null;
Expand Down Expand Up @@ -811,10 +850,7 @@ async function gatherConfig(): Promise<SetupConfig | null> {
const frontendUrl = await p.text({
message: t("enterProductionUrl"),
initialValue: "http://localhost:3000",
validate: (value) => {
if (!value) return t("urlRequired");
if (!value.startsWith("http")) return t("urlMustStartWithHttp");
},
validate: validateHttpUrl,
});

if (p.isCancel(frontendUrl)) return null;
Expand Down Expand Up @@ -1163,11 +1199,15 @@ async function runDevelopment(config: SetupConfig) {
p.log.info(pc.dim(t("pressCtrlC")));

// Run dev server and surface its logs so startup failures are actionable.
const devProcess = crossSpawn("pnpm", ["dev"], {
cwd: FRONTEND_DIR,
stdio: ["ignore", "inherit", "inherit"],
env: { ...process.env, NODE_NO_WARNINGS: "1" },
});
const devProcess = crossSpawn(
"pnpm",
getServerScriptArgs("dev", config.frontendUrl),
{
cwd: FRONTEND_DIR,
stdio: ["ignore", "inherit", "inherit"],
env: getServerEnv(config.frontendUrl),
}
);

devProcess.on("error", (err) => {
p.log.error(`Failed to start dev server: ${err.message}`);
Expand Down Expand Up @@ -1291,6 +1331,7 @@ async function runSelfHosted(config: SetupConfig, s: ReturnType<typeof p.spinner
execSync("pm2 start pnpm --name langgraph-chat-ui -- start", {
cwd: FRONTEND_DIR,
stdio: "inherit",
env: getServerEnv(config.frontendUrl),
});

p.log.success(pc.green(t("serverStartedBackground")));
Expand Down Expand Up @@ -1321,6 +1362,7 @@ ${pc.cyan("pm2 logs langgraph-chat-ui")}`,
cwd: FRONTEND_DIR,
detached: true,
stdio: ["ignore", fs.openSync(logFile, "a"), fs.openSync(logFile, "a")],
env: getServerEnv(config.frontendUrl),
}).unref();

// Get the PID
Expand Down Expand Up @@ -1365,11 +1407,15 @@ ${pc.cyan(`tail -f ${logFile}`)}`,

p.log.info(pc.dim(t("pressCtrlC")));

const startProcess = crossSpawn("pnpm", ["start"], {
cwd: FRONTEND_DIR,
stdio: ["ignore", "inherit", "inherit"],
env: { ...process.env, NODE_NO_WARNINGS: "1" },
});
const startProcess = crossSpawn(
"pnpm",
getServerScriptArgs("start", config.frontendUrl),
{
cwd: FRONTEND_DIR,
stdio: ["ignore", "inherit", "inherit"],
env: getServerEnv(config.frontendUrl),
}
);

startProcess.on("error", (err) => {
p.log.error(`Failed to start server: ${err.message}`);
Expand Down
Loading