nextSteps() — astro Function Reference

Architecture documentation for the nextSteps() function in messages.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1

Entity Profile

CoreAstro→ RenderingEngine→ nextSteps() — astro Function Reference

Dependency Diagram

graph TD
  47bbc8f6_9dc9_51ef_b118_5ce66b4639fb["nextSteps()"]
  7e47cce3_632a_b102_4402_d13baf44fc8e["messages.ts"]
  47bbc8f6_9dc9_51ef_b118_5ce66b4639fb -->|defined in| 7e47cce3_632a_b102_4402_d13baf44fc8e
  325f265a_a84d_6afa_c4c9_7a8631d25cd0["log()"]
  47bbc8f6_9dc9_51ef_b118_5ce66b4639fb -->|calls| 325f265a_a84d_6afa_c4c9_7a8631d25cd0
  style 47bbc8f6_9dc9_51ef_b118_5ce66b4639fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/create-astro/src/messages.ts lines 105–137

export const nextSteps = async ({ projectDir, devCmd }: { projectDir: string; devCmd: string }) => {
	const max = stdout.columns;
	const prefix = max < 80 ? ' ' : ' '.repeat(9);
	await sleep(200);
	log(
		`\n ${color.bgCyan(` ${color.black('next')} `)}  ${color.bold(
			'Liftoff confirmed. Explore your project!',
		)}`,
	);

	await sleep(100);
	if (projectDir !== '') {
		projectDir = projectDir.includes(' ') ? `"./${projectDir}"` : `./${projectDir}`;
		const enter = [
			`\n${prefix}Enter your project directory using`,
			color.cyan(`cd ${projectDir}`, ''),
		];
		const len = enter[0].length + stripVTControlCharacters(enter[1]).length;
		log(enter.join(len > max ? '\n' + prefix : ' '));
	}
	log(
		`${prefix}Run ${color.cyan(devCmd)} to start the dev server. ${color.cyan('CTRL+C')} to stop.`,
	);
	await sleep(100);
	log(
		`${prefix}Add frameworks like ${color.cyan(`react`)} or ${color.cyan(
			'tailwind',
		)} using ${color.cyan('astro add')}.`,
	);
	await sleep(100);
	log(`\n${prefix}Stuck? Join us at ${color.cyan(`https://astro.build/chat`)}`);
	await sleep(200);
};