Update preview URL based on dev session status

[isaacroldan]

WHY are these changes introduced?

For dev-sessions, update the preview URL dynamically depending on whether the app has previewable extensions or not.

WHAT is this pull request doing?

• Adds dynamic preview URL updates in dev sessions based on extension previewability
• Introduces a new devSessionPreviewURL state to track and update the preview URL
• Updates the UI to reflect preview URL changes in real-time

How to test your changes?

1. Start a dev session with no previewable extensions (no UI ext.)

   • Verify the default app preview URL is displayed

2. Add a previewable extension (admin-action for example)

   • Verify the preview URL updates to show the dev console URL
   • Press 'p' to confirm the new URL opens correctly

3. Remove all previewable extensions

   • Verify the preview URL reverts to the default app preview URL

Measuring impact

• n/a - this doesn't need measurement, e.g. a linting rule or a bug-fix

Checklist

• I've considered possible cross-platform impacts (Mac, Linux, Windows)
• I've considered possible documentation changes

[isaacroldan]

• Use max_handle to calculate the column size #5308
• Cleanup props for Dev.tsx #5303
• Inject dev-session-status-manager instance to devSession and dev.tsx #5291
• Transform dev session status into an EventEmitter class #5278
• Update preview URL based on dev session status #5272 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[github-actions]

We detected some changes at packages/*/src and there are no updates in the .changeset.
If the changes are user-facing, run "pnpm changeset add" to track your changes and include them in the next release CHANGELOG.

[isaacroldan]

/snapit

[github-actions]

🫰✨ Thanks @isaacroldan! Your snapshot has been published to npm.

Test the snapshot by intalling your package globally:

pnpm i -g @shopify/cli@0.0.0-snapshot-20250127111920

After installing, validate the version by running just shopify in your terminal
If the versions don't match, you might have multiple global instances installed.
Use which shopify to find out which one you are running and uninstall it.

[github-actions]

Coverage report

St.❔	Category	Percentage	Covered / Total
🟡	Statements	75.45% (+0.07% 🔼)	8930/11835
🟡	Branches	70.72% (+0.1% 🔼)	4347/6147
🟡	Functions	75.25% (+0.11% 🔼)	2347/3119
🟡	Lines	75.97% (+0.05% 🔼)	8436/11105

Show files with reduced coverage 🔻

St.❔	File	Statements	Branches	Functions	Lines
🟢	... / app-event-watcher.ts	93.83% (-1.23% 🔻)	86.49% (-2.7% 🔻)	90.48%	98.61%
🟢	... / previewable-extension.ts	85.71% (-3.17% 🔻)	100%	66.67%	83.33% (-4.17% 🔻)
🟢	... / setup-dev-processes.ts	95.56% (+0.1% 🔼)	78.57% (-3.57% 🔻)	90.91%	94.87% (+0.13% 🔼)

Test suite run success

2012 tests passing in 905 suites.

Report generated by 🧪jest coverage report action from 9301fe3