UI: Include full URL in the "Copy Canvas Link" button

[sosomuse]

Issue: #15509

What I did

Add location.origin before iframe.html

How to test

• Is this testable with Jest or Chromatic screenshots?
• Does this need a new example in the kitchen sink apps?
• Does this need an update to the documentation?

If your answer is yes to any of these, please make sure to include it in your PR.

[nx-cloud]

☁️ Nx Cloud Report

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

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel=2 --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[shilman]

Thank you so much! Minor comment inline

[domyen]

Can we get a review on this? It affects all Storybook users in a pretty obvious way. cc @yannbf

Also, do we need the iframe.html here? I'd expect the copy button in Storybook's manager UI to replicate the state of the story + controls in the manager and not in the iframe-only mode.

[yannbf]

Hey @soso-15315 thank you so much for your contribution! It works great in all scenarios:

• Running Storybook in a local directory like localhost:4000/storybook
• Running in dev mode
• Running in served static from storybook-build

Thanks for making Storybook better 🚀