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 storybook@0.0.0-pr-30202-sha-958e81ef sandbox or in an existing project with npx storybook@0.0.0-pr-30202-sha-958e81ef 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	-838 B	0.91	0%
initSize	131 MB	131 MB	219 kB	9.3	0.2%
diffSize	53 MB	53.2 MB	219 kB	15.72	0.4%
buildSize	7.17 MB	7.17 MB	-364 B	-0.83	0%
buildSbAddonsSize	1.85 MB	1.85 MB	-273 B	0.45	0%
buildSbCommonSize	195 kB	195 kB	0 B	-	0%
buildSbManagerSize	1.86 MB	1.86 MB	0 B	-0.82	0%
buildSbPreviewSize	0 B	0 B	0 B	-	-
buildStaticSize	0 B	0 B	0 B	-	-
buildPrebuildSize	3.91 MB	3.91 MB	-273 B	-0.86	0%
buildPreviewSize	3.26 MB	3.26 MB	-91 B	-0.82	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	15.2s	27.5s	12.2s	1.42	🔺44.6%
generateTime	17.9s	21.9s	3.9s	0.82	17.9%
initTime	11.3s	16.1s	4.7s	0.82	29.6%
buildTime	8.4s	8.3s	-155ms	-1.03	-1.9%
testBuildTime	0ms	0ms	0ms	-	-
devPreviewResponsive	4.9s	4.5s	-355ms	-0.55	-7.8%
devManagerResponsive	3.6s	3.4s	-223ms	-0.47	-6.5%
devManagerHeaderVisible	699ms	540ms	-159ms	-0.93	-29.4%
devManagerIndexVisible	709ms	553ms	-156ms	-1.1	-28.2%
devStoryVisibleUncached	3.9s	2s	-1s -899ms	-0.46	-94.5%
devStoryVisible	730ms	573ms	-157ms	-1	-27.4%
devAutodocsVisible	644ms	402ms	-242ms	-1.37	🔰-60.2%
devMDXVisible	619ms	487ms	-132ms	-0.77	-27.1%
buildManagerHeaderVisible	677ms	541ms	-136ms	-0.53	-25.1%
buildManagerIndexVisible	768ms	628ms	-140ms	-0.53	-22.3%
buildStoryVisible	666ms	523ms	-143ms	-0.54	-27.3%
buildAutodocsVisible	683ms	413ms	-270ms	-0.36	-65.4%
buildMDXVisible	534ms	427ms	-107ms	-0.75	-25.1%

[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