Testing on personal channel

I am trying to upload my extension to test on my channel. However, when I try to upload my code in a zip file it says it failed.

The file is a .zip file, but am I zipping the wrong directory possibly? Screenshot below

EDIT:

So I’ve made progress and got my assets uploaded in a zip file. Now when I check my extension on my channel I’m getting these in the console.

It seems like something is blocked?? Did I forget to do something or did I remove something?

These are the files I zipped up (excluding the .zip file)

image

Hi there! Wanted to let you know we’re looking into getting you a good answer, if someone else doesn’t answer you before we can.

Thank you! I’ve been looking into it myself for a while still and have had no luck. I’ll keep working at it and will update if things change.

This suggests you omiitted

<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>

From your panel.html

<!DOCTYPE html>
<html>
<head>
<title>Viewer Page</title>
</head>
<body style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
<div id="app" class="full-height"></div>
<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
<script src="viewer.js" type="text/javascript"></script>
<script src="imageSwap.js"></script>
<div>
    <a id = "url" target="_blank" href="https://store.teamliquid.com/collections/all/products/team-liquid-2019-jersey?variant=18610731548729">
        <img id = "img" alt= "TL Rotating Ads" src = "TL_Sample_Ads/Jersey-b.png"/>
    </a>
</div>
</body>
</html>

This all is what panel.html is. I do have that script you mentioned.

You can’t load scripts from external sources other than the Twitch Extension Helper, so the way you’re loading JQuery there is wrong, you need to include JQuery in your zip and use the src tag to point to the relative path to that file.

1 Like

Ok, I have removed all external sources and links. I’m still getting this:

Files being zipped up:

This is panel.html:

imageswap.js:

I got it!

Took a little bit lol

you are making ads? Best check you are not falling fowl of

4.4 No advertising or sponsorship content (static or dynamic) may be displayed in an extension.

I know, it’s not just an ad extension. This was just a quick POC to see what’s possible and the process of getting it on a hosted test.