To be fair, I do not know if you'd want to take this on because it seems to be going in a different direction than where you intended for your library. Feel free to tell me that this niche isn't important to you.
When developing for a strict "Content Security Policy", using inline styles, eval, and other techniques are prohibited by the browser. In Cona's case, the problem comes in with the global styles being added. You can see the problems reported by adding a meta tag to `playground/index.html'.
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
Also, you will need to download the list of albums and change fetch() to load the local file. When you do this, the browser will report an error.
To avoid this error, I would need to do the following:
- Move the styles to embedded CSS or a local CSS file.
- Stop Cona from using a global style.
- Stop Cona from using a shadow root so the external styles can be applied, unfortunately breaking
<slot>.
Item 1 is easy enough. I have edited Cona and added an if to avoid item 2. I've also removed the shadow root, but this isn't a complete solution because the playground doesn't work. Additional effort would be needed to ensure everything works as expected.
Is Content Security Policy a concern for your lightweight framework?
To be fair, I do not know if you'd want to take this on because it seems to be going in a different direction than where you intended for your library. Feel free to tell me that this niche isn't important to you.
When developing for a strict "Content Security Policy", using inline styles, eval, and other techniques are prohibited by the browser. In Cona's case, the problem comes in with the global styles being added. You can see the problems reported by adding a meta tag to `playground/index.html'.
Also, you will need to download the list of albums and change
fetch()to load the local file. When you do this, the browser will report an error.To avoid this error, I would need to do the following:
<slot>.Item 1 is easy enough. I have edited Cona and added an
ifto avoid item 2. I've also removed the shadow root, but this isn't a complete solution because the playground doesn't work. Additional effort would be needed to ensure everything works as expected.Is Content Security Policy a concern for your lightweight framework?