Not see hosted assets on stream

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:

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

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

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

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

1 Like

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?

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

1 Like

You can’t Twitch owns that

Is correct, see also

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

And the section regarding Content Security Policies

1 Like

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

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

1 Like

@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.

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

2 Likes

@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’);
}

Can’t do that ^^

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

Aaa sure, I will use js framework for development. :slight_smile:

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