player: encapsulating CSS

[guludo]

Hi there.

Currently, for self-hosting asciinema-player, we are supposed to include the javascript and css file using the <script> and <link> tags, respectively. While that works, I believe that the current approach can lead to conflicts with other libraries (or even the user code) regarding CSS class names. I think that could be avoided using a shadow root.

Best regards,
Gustavo Sousa

[ku1ik]

That's certainly an idea worth checking out. The major version of the player is a rewrite in Solid.js (next branch), I think it may support shadow root, one way or another.

[ku1ik]

Meanwhile in asciinema/asciinema-player@90ae4a0 and asciinema/asciinema-player@dbc10e5 I updated most class names to use ap- prefix (ap == asciinema player), which while not 100% immune to collisions it should lower the risk.