GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 00:51:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

CLI: provide framework name in startup banner

Browse Source 
the name of the framework is an important information that can be missed
by other logs, so it's nice to have it in the last log from Storybook.
This commit is contained in:
Yann Braga 2021-09-02 16:58:32 +02:00
parent 167fb9eef8
commit 5c5408c52a
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/core-server/src/build-dev.ts
View File

@ -25,7 +25,7 @@ import { getManagerBuilder } from './utils/get-manager-builder';
export async function buildDevStandalone(options: CLIOptions & LoadOptions & BuilderOptions) {
const { packageJson, versionUpdates, releaseNotes } = options;
const { version } = packageJson;
const { version, name = '' } = packageJson;
// updateInfo and releaseNotesData are cached, so this is typically pretty fast
const [port, versionCheck, releaseNotesData] = await Promise.all([
@ -110,9 +110,14 @@ export async function buildDevStandalone(options: CLIOptions & LoadOptions & Bui
return;
}
// Get package name and capitalize it e.g. @storybook/react -> React
const packageName = name.split('@storybook/').length > 0 ? name.split('@storybook/')[1] : name;
const frameworkName = packageName.charAt(0).toUpperCase() + packageName.slice(1);
outputStartupInformation({
updateInfo: versionCheck,
version,
name: frameworkName,
address,
networkAddress,
managerTotalTime,

4
lib/core-server/src/utils/output-startup-information.ts
View File

@ -10,6 +10,7 @@ import { createUpdateMessage } from './update-check';
export function outputStartupInformation(options: {
updateInfo: VersionCheck;
version: string;
name: string;
address: string;
networkAddress: string;
managerTotalTime?: [number, number];
@ -18,6 +19,7 @@ export function outputStartupInformation(options: {
const {
updateInfo,
version,
name,
address,
networkAddress,
managerTotalTime,
@ -67,7 +69,7 @@ export function outputStartupInformation(options: {
console.log(
boxen(
dedent`
${colors.green(`Storybook ${chalk.bold(version)} started`)}
${colors.green(`Storybook ${chalk.bold(version)} for ${chalk.bold(name)} started`)}
${chalk.gray(timeStatement)}
${serveMessage.toString()}${updateMessage ? `\n\n${updateMessage}` : ''}