CSF: Automatically extract componentPath

[shilman]

Closes N/A

What I did

• Automatically extract rawComponentPath for index
• Add componentPath to index
• Resolve TS config path aliases
• Automatically add parameters.componentPath

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

Create a sandbox in this branch and then view its /index.json. Verify that rawComponentPath is set correctly in the index for various cases (e.g. relative path, absolute path, alias, package import):

Example: https://630511d655df72125520f051-hyyhhtkyeo.chromatic.com/index.json

🦋 Canary release

This pull request has been released as version 0.0.0-pr-24396-sha-51edf4aa. Install it by pinning all your Storybook dependencies to that version.

More information

Published version	0.0.0-pr-24396-sha-51edf4aa
Triggered by	@yannbf
Repository	storybookjs/storybook
Branch	shilman/auto-component-path
Commit	51edf4aa
Datetime	Wed Oct 11 07:16:57 UTC 2023 (1697008617)
Workflow run	6479231542

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=24396

[yannbf]

As much as I love this PR, I guess given its limitations we might need to park it. 😢

[sulco]

Hi friends! 👋 Just noticed this PR and it's super exciting for us at StackBlitz, so I'm happy to chime in with our use case:

We have an addon that allows opening the source of a story in a browser IDE with a git support. This enables Storybook instance maintainers to easily adjust things when they're off or need other updates: they can just click a link on a given story and get the source files and Storybook running live in a dev server in a browser separate tab. They make a change and commit.

For this, when setting up the addon, one has to

1. globally set up a URL to the repository (in preview.js),
2. and then in every story file, they have to provide the path to this file (see the the addon docs).

With programmatic access to componentPath, this second setting can be made optional, turning the whole experience into a "set it and forget it" scenario, which would make a world of difference!

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit a57e45c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 1 target

• nx run-many -t build -c production --parallel=3

---

Sent with 💌 from NxCloud.

[JReinhold]

code LGTM, but needs to update API docs as well.

[shilman]

@sulco Sorry for the delay -- coming soon to 8.2! ❤️

[sulco]

Oh wow, I've almost missed it 😅 This is awesome, thanks everyone!! 😍