Not see hosted assets on stream

[Andy_Andy]

Hi all!

I created extension and set it. But it looks like (on Top Right corner):

I moved to “Hosted Test” and in “Local Test” and had the same result:

For Assets I used assets from “Hello World app” without any changes.
For zip archive I used all files from public folder:

And I tried to use only from local folder but result is the same:

Could somebody please tell me what I am doing wrong?
Nothing to help me.

[BarryCarlyon]

Sounds like you uploaded the zip with a folder in, instead of a zip with the files in as per

[SOLVED] 404, The specified key does not exist

So I have been working on a panel extension for my stream and I got past the local testing, everything was working fine. I uploaded the files in a .zip to Twitch. I followed all the guides, made sure to include the extension helper JS file, but I am getting a 404 error when it tries to load the extension files form the Twitch CDN. I have tried created a new extension and uploaded the example project that Twitch has in the documentation to see if the issue would still happened and it did. I’m no…

Also check chrome inspector for 404 errors when the content is attempted to be loaded.

Also check that the paths and names are set correctly in the extensions settings

[Andy_Andy]

Hi @BarryCarlyon,

no, I am uploading files without folder.

Hm, in Chrome Console I see error with csp config:

Refused to load the script ‘https://code.jquery.com/jquery-3.3.1.min.js’ because it violates the following Content Security Policy directive: “script-src ‘self’ https://q5df5besbaqdzm2eayvv2hssnn1ldpt.ext-twitch.tv https://extension-files.twitch.tv”.

Maybe you know way how to configure csp?

[LuckyNoS7evin]

All js, css and html should be hosted on the Twitch CDN. basically include a local copy of jquery

[BarryCarlyon]

@Andy_Andy

Maybe you know way how to configure csp?

You can’t Twitch owns that

@LuckyNoS7evin

All js, css and html should be hosted on the Twitch CDN. basically include a local copy of jquery

Is correct, see also

Extensions Guidelines & Policies

10. Include all JavaScript and CSS files in the extension’s uploaded assets.
11. JavaScript files submitted for review can be minified but must not be obfuscated.

And the section regarding Content Security Policies

[Andy_Andy]

Hi @LuckyNoS7evin ,
Sorry what do you mean “hosted on the Twitch CDN”?
How I can do it?

[LuckyNoS7evin]

When you upload your html files include the us and CSS files with that.

[Andy_Andy]

@Morel @BarryCarlyon
Aa ok, I put all my assets in .zip.

And now I make button in html and event handler in file config.js (in Twitch CDN).
But it tells me:

Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https://q5df5bsbaqzml2eayvv29hsnn1ldpt.ext-twitch.tv https://extension-files.twitch.tv". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.

[BarryCarlyon]

Sounds like you have some inline JS where all script needs to be <script src="" /> as per the CSP guidelines I linked to

[Andy_Andy]

@BarryCarlyon
yes, in html I have:

<script src="./config.js"></script> 
<button onclick='handler()'>Test</button>

and in config.js:

function handler(){
twitch.rig.log(‘test’);
}

[BarryCarlyon]

@Andy_Andy

<button onclick=‘handler()’>Test</button>

Can’t do that ^^

Have to create/bind the click events in JS instead of via onClick

[Andy_Andy]

Aaa sure, I will use js framework for development.

Thank you for help guys, very much!
@BarryCarlyon @Morel