CLI: Use ink in CLI

[ndelangen]

Closes #

What I did

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Manual testing

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

Documentation

• Add or update documentation reflecting your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Checklist for Maintainers

• When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli-storybook/src/sandbox-templates.ts

• Make sure this PR contains one of the labels below:

  Available labels

  • bug: Internal changes that fixes incorrect behavior.
  • maintenance: User-facing maintenance tasks.
  • dependencies: Upgrading (sometimes downgrading) dependencies.
  • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
  • cleanup: Minor cleanup style change. Will not show up in release changelog.
  • documentation: Documentation only changes. Will not show up in release changelog.
  • feature request: Introducing a new feature.
  • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
  • other: Changes that don't fit in the above categories.

🦋 Canary release

This pull request has been released as version 0.0.0-pr-30202-sha-958e81ef. Try it out in a new sandbox by running npx [email protected] sandbox or in an existing project with npx [email protected] upgrade.

More information

Published version	0.0.0-pr-30202-sha-958e81ef
Triggered by	@ndelangen
Repository	storybookjs/storybook
Branch	norbert/cli-with-ink
Commit	958e81ef
Datetime	Thu Jan 23 07:40:11 UTC 2025 (1737618011)
Workflow run	12924470121

To request a new release of this pull request, mention the @storybookjs/core team.

core team members can create a new canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=30202

name	before	after	diff	z	%
createSize	0 B	0 B	0 B	-	-
generateSize	77.9 MB	77.9 MB	0 B	1.54	0%
initSize	131 MB	131 MB	221 kB	8.84	0.2%
diffSize	53 MB	53.2 MB	221 kB	15.18	0.4%
buildSize	7.17 MB	7.17 MB	0 B	-1.36	0%
buildSbAddonsSize	1.85 MB	1.85 MB	0 B	1.36	0%
buildSbCommonSize	195 kB	195 kB	0 B	-	0%
buildSbManagerSize	1.86 MB	1.86 MB	0 B	-1.36	0%
buildSbPreviewSize	0 B	0 B	0 B	-	-
buildStaticSize	0 B	0 B	0 B	-	-
buildPrebuildSize	3.91 MB	3.91 MB	0 B	-1.36	0%
buildPreviewSize	3.26 MB	3.26 MB	0 B	-1.36	0%
testBuildSize	0 B	0 B	0 B	-	-
testBuildSbAddonsSize	0 B	0 B	0 B	-	-
testBuildSbCommonSize	0 B	0 B	0 B	-	-
testBuildSbManagerSize	0 B	0 B	0 B	-	-
testBuildSbPreviewSize	0 B	0 B	0 B	-	-
testBuildStaticSize	0 B	0 B	0 B	-	-
testBuildPrebuildSize	0 B	0 B	0 B	-	-
testBuildPreviewSize	0 B	0 B	0 B	-	-

name	before	after	diff	z	%
createTime	24.7s	27.5s	2.7s	1.7	🔺10%
generateTime	20.2s	21.9s	1.6s	0.63	7.6%
initTime	13.7s	16.1s	2.4s	0.61	15.2%
buildTime	9.9s	8.3s	-1s -643ms	-1.12	-19.7%
testBuildTime	0ms	0ms	0ms	-	-
devPreviewResponsive	4.9s	5.5s	632ms	1.09	11.4%
devManagerResponsive	3.5s	4s	535ms	1.67	🔺13.1%
devManagerHeaderVisible	621ms	768ms	147ms	2.24	🔺19.1%
devManagerIndexVisible	651ms	782ms	131ms	1.55	🔺16.8%
devStoryVisibleUncached	2s	2.1s	38ms	0.54	1.8%
devStoryVisible	652ms	813ms	161ms	2.22	🔺19.8%
devAutodocsVisible	446ms	487ms	41ms	-0.63	8.4%
devMDXVisible	514ms	583ms	69ms	0.72	11.8%
buildManagerHeaderVisible	605ms	548ms	-57ms	-0.58	-10.4%
buildManagerIndexVisible	709ms	661ms	-48ms	-0.35	-7.3%
buildStoryVisible	594ms	534ms	-60ms	-0.58	-11.2%
buildAutodocsVisible	437ms	463ms	26ms	-0.47	5.6%
buildMDXVisible	458ms	447ms	-11ms	-0.46	-2.5%

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 9028541.

Command	Status	Duration	Result
nx run-many -t build --parallel=3	✅ Succeeded	1m 44s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-29 12:29:36 UTC

[storybook-pr-benchmarking]

Package Benchmarks

^{Commit: 9028541, ran on 29 January 2025 at 12:34:45 UTC}

The following packages have significant changes to their size or dependencies:

@storybook/core

	Before	After	Difference
Dependency count	54	55	🚨 +1 🚨
Self size	19.04 MB	18.97 MB	🎉 -71 KB 🎉
Dependency size	14.44 MB	14.73 MB	🚨 +290 KB 🚨
Bundle Size Analyzer	Link	Link

storybook

	Before	After	Difference
Dependency count	55	56	🚨 +1 🚨
Self size	22 KB	24 KB	🚨 +2 KB 🚨
Dependency size	33.49 MB	33.71 MB	🚨 +219 KB 🚨
Bundle Size Analyzer	Link	Link

sb

	Before	After	Difference
Dependency count	56	57	🚨 +1 🚨
Self size	1 KB	1 KB	0 B
Dependency size	33.51 MB	33.73 MB	🚨 +221 KB 🚨
Bundle Size Analyzer	Link	Link

@storybook/cli

	Before	After	Difference
Dependency count	388	396	🚨 +8 🚨
Self size	503 KB	249 KB	🎉 -255 KB 🎉
Dependency size	75.28 MB	75.81 MB	🚨 +530 KB 🚨
Bundle Size Analyzer	Link	Link

@storybook/codemod

	Before	After	Difference
Dependency count	277	278	🚨 +1 🚨
Self size	612 KB	612 KB	0 B
Dependency size	65.36 MB	65.58 MB	🚨 +219 KB 🚨
Bundle Size Analyzer	Link	Link

create-storybook

	Before	After	Difference
Dependency count	113	116	🚨 +3 🚨
Self size	1.11 MB	969 KB	🎉 -142 KB 🎉
Dependency size	42.62 MB	43.25 MB	🚨 +629 KB 🚨
Bundle Size Analyzer	Link	Link