Webamp optionally fully contained into a DOM element

[lorenzos]

An optional boolean parameter in renderWhenReady that renders Webamp inside the DOM node passed as first argument, and makes the positioning restricted inside of it.

I developed this by setting up a new Vite development server inside of examples/contained: this can be deleted, but I figured out it could be useful to leave there for reference, as an additional example.

[netlify]

✅ Deploy Preview for tourmaline-kringle-c98715 canceled.

Name	Link
🔨 Latest commit	88464a0
🔍 Latest deploy log	https://app.netlify.com/projects/tourmaline-kringle-c98715/deploys/694992e77403920008cf354d

[captbaritone]

This is fantastic! Probably the number one most requested feature for Webamp.

I'll try to find time for a more detailed review soon, but at a quick glance this looks broadly correct.

A few thoughts:

1. Could you add documentation for this option?
2. How feasible do you think it would be to actually place the Webamp windows as children of the provided parent, vs leaving Webamp as a direct child of the document but mathematically containing it. I think people are often surprised that Webamp is not a child of the provided DOM node and therefore things like CSS scoped to the container does not apply.

Thanks for working on this!

[lorenzos]

I think I already did both! :)

[captbaritone]

1. Docs would go here: https://github.com/captbaritone/webamp/blob/master/packages/webamp-docs/docs/06_API/03_instance-methods.md#renderwhenreadydomnode-htmlelement-promisevoid
2. You're totally right