Refactor server url logs

.changeset/violet-tigers-shake.md

@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Refactor server url logs

packages/astro/src/core/dev/index.ts

@@ -55,17 +55,15 @@ export default async function dev(config: AstroConfig, options: DevOptions): Pro
 	runHookServerSetup({ config, server: viteServer, logging: options.logging });
 	await viteServer.listen(port);
 
-	const devServerAddressInfo = viteServer.httpServer!.address() as AddressInfo;
 	const site = config.site ? new URL(config.base, config.site) : undefined;
 	info(
 		options.logging,
 		null,
-		msg.devStart({
+		msg.serverStart({
 			startupTime: performance.now() - devStart,
-			config,
-			devServerAddressInfo,
+			resolvedUrls: viteServer.resolvedUrls || { local: [], network: [] },
+			host: config.server.host,
 			site,
-			https: !!viteConfig.server?.https,
 		})
 	);
 
@@ -77,6 +75,7 @@ export default async function dev(config: AstroConfig, options: DevOptions): Pro
 		warn(options.logging, null, msg.fsStrictWarning());
 	}
 
+	const devServerAddressInfo = viteServer.httpServer!.address() as AddressInfo;
 	await runHookServerStart({ config, address: devServerAddressInfo, logging: options.logging });
 
 	return {

packages/astro/src/core/messages.ts

@@ -16,9 +16,10 @@ import {
 } from 'kleur/colors';
 import type { AddressInfo } from 'net';
 import os from 'os';
+import { ResolvedServerUrls } from 'vite';
 import { ZodError } from 'zod';
-import type { AstroConfig } from '../@types/astro';
 import { ErrorWithMetadata } from './errors.js';
+import { removeTrailingForwardSlash } from './path.js';
 import { emoji, getLocalAddress, padMultilineString } from './util.js';
 
 const PREFIX_PADDING = 6;
@@ -51,38 +52,78 @@ export function hmr({ file, style = false }: { file: string; style?: boolean }):
 	return `${green('update'.padStart(PREFIX_PADDING))} ${file}${style ? ` ${dim('style')}` : ''}`;
 }
 
-/** Display dev server host and startup time */
-export function devStart({
+/** Display server host and startup time */
+export function serverStart({
 	startupTime,
-	devServerAddressInfo,
-	config,
-	https,
+	resolvedUrls,
+	host,
 	site,
 }: {
 	startupTime: number;
-	devServerAddressInfo: AddressInfo;
-	config: AstroConfig;
-	https: boolean;
+	resolvedUrls: ResolvedServerUrls;
+	host: string | boolean;
 	site: URL | undefined;
 }): string {
 	// PACKAGE_VERSION is injected at build-time
 	const version = process.env.PACKAGE_VERSION ?? '0.0.0';
 	const rootPath = site ? site.pathname : '/';
 	const localPrefix = `${dim('┃')} Local    `;
 	const networkPrefix = `${dim('┃')} Network  `;
+	const emptyPrefix = ' '.repeat(11);
+
+	const localUrlMessages = resolvedUrls.local.map((url, i) => {
+		return `${i === 0 ? localPrefix : emptyPrefix}${bold(
+			cyan(removeTrailingForwardSlash(url) + rootPath)
+		)}`;
+	});
+	const networkUrlMessages = resolvedUrls.network.map((url, i) => {
+		return `${i === 0 ? networkPrefix : emptyPrefix}${bold(
+			cyan(removeTrailingForwardSlash(url) + rootPath)
+		)}`;
+	});
 
-	const { address: networkAddress, port } = devServerAddressInfo;
-	const localAddress = getLocalAddress(networkAddress, config.server.host);
-	const networkLogging = getNetworkLogging(config.server.host);
-	const toDisplayUrl = (hostname: string) =>
-		`${https ? 'https' : 'http'}://${hostname}:${port}${rootPath}`;
+	if (networkUrlMessages.length === 0) {
+		const networkLogging = getNetworkLogging(host);
+		if (networkLogging === 'host-to-expose') {
+			networkUrlMessages.push(`${networkPrefix}${dim('use --host to expose')}`);
+		} else if (networkLogging === 'visible') {
+			networkUrlMessages.push(`${networkPrefix}${dim('unable to find network to expose')}`);
+		}
+	}
 
-	let local = `${localPrefix}${bold(cyan(toDisplayUrl(localAddress)))}`;
-	let network = null;
+	const messages = [
+		`${emoji('🚀 ', '')}${bgGreen(black(` astro `))} ${green(`v${version}`)} ${dim(
+			`started in ${Math.round(startupTime)}ms`
+		)}`,
+		'',
+		...localUrlMessages,
+		...networkUrlMessages,
+		'',
+	];
+	return messages
+		.filter((msg) => typeof msg === 'string')
+		.map((msg) => `  ${msg}`)
+		.join('\n');
+}
 
-	if (networkLogging === 'host-to-expose') {
-		network = `${networkPrefix}${dim('use --host to expose')}`;
-	} else if (networkLogging === 'visible') {
+export function resolveServerUrls({
+	address,
+	host,
+	https,
+}: {
+	address: AddressInfo;
+	host: string | boolean;
+	https: boolean;
+}): ResolvedServerUrls {
+	const { address: networkAddress, port } = address;
+	const localAddress = getLocalAddress(networkAddress, host);
+	const networkLogging = getNetworkLogging(host);
+	const toDisplayUrl = (hostname: string) => `${https ? 'https' : 'http'}://${hostname}:${port}`;
+
+	let local = toDisplayUrl(localAddress);
+	let network: string | null = null;
+
+	if (networkLogging === 'visible') {
 		const nodeVersion = Number(process.version.substring(1, process.version.indexOf('.', 5)));
 		const ipv4Networks = Object.values(os.networkInterfaces())
 			.flatMap((networkInterface) => networkInterface ?? [])
@@ -94,29 +135,17 @@ export function devStart({
 		for (let { address } of ipv4Networks) {
 			if (address.includes('127.0.0.1')) {
 				const displayAddress = address.replace('127.0.0.1', localAddress);
-				local = `${localPrefix}${bold(cyan(toDisplayUrl(displayAddress)))}`;
+				local = toDisplayUrl(displayAddress);
 			} else {
-				network = `${networkPrefix}${bold(cyan(toDisplayUrl(address)))}`;
+				network = toDisplayUrl(address);
 			}
 		}
-		if (!network) {
-			network = `${networkPrefix}${dim('unable to find network to expose')}`;
-		}
 	}
 
-	const messages = [
-		`${emoji('🚀 ', '')}${bgGreen(black(` astro `))} ${green(`v${version}`)} ${dim(
-			`started in ${Math.round(startupTime)}ms`
-		)}`,
-		'',
-		local,
-		network,
-		'',
-	];
-	return messages
-		.filter((msg) => typeof msg === 'string')
-		.map((msg) => `  ${msg}`)
-		.join('\n');
+	return {
+		local: [local],
+		network: network ? [network] : [],
+	};
 }
 
 export function telemetryNotice() {

packages/astro/src/core/preview/index.ts

@@ -113,15 +113,18 @@ export default async function preview(
 			const listen = () => {
 				httpServer = server.listen(port, host, async () => {
 					if (!showedListenMsg) {
-						const devServerAddressInfo = server.address() as AddressInfo;
+						const resolvedUrls = msg.resolveServerUrls({
+							address: server.address() as AddressInfo,
+							host: config.server.host,
+							https: false,
+						});
 						info(
 							logging,
 							null,
-							msg.devStart({
+							msg.serverStart({
 								startupTime: performance.now() - timerStart,
-								config,
-								devServerAddressInfo,
-								https: false,
+								resolvedUrls,
+								host: config.server.host,
 								site: baseURL,
 							})
 						);