# How do I zip the required files for hosted testing?

**URL:** <https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039>\
**Category:** Extensions\
**Created:** [December 12, 2018, 9:36pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039 "2018-12-12T21:36:18Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manevolence](https://avatars.discourse-cdn.com/v4/letter/m/a698b9/32.png) [@Manevolence](https://staging-discuss.dev.twitch.com/u/Manevolence)\
**Post date:** [December 12, 2018, 9:36pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/1 "2018-12-12T21:36:18Z")

</div>

Hello,

I’m a little new to this process and just making extensions in general, if i’m using the dev rig how/what do I need to zip so I can upload the assets for hosted testing?

This is my file tree made by the dev rig for reference [https://i.imgur.com/L7Zl77C.png](https://i.imgur.com/L7Zl77C.png)

Thanks!

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [December 12, 2018, 11:11pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/2 "2018-12-12T23:11:56Z")

</div>

Highlight the files and zip

Do NOT highlight a folder and zip the folder.

IE the contents of `public` from your imgur, not public itself

---

<div class="post-metadata">

**Author:** ![Manevolence](https://avatars.discourse-cdn.com/v4/letter/m/a698b9/32.png) [@Manevolence](https://staging-discuss.dev.twitch.com/u/Manevolence)\
**Post date:** [December 13, 2018, 2:16am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/3 "2018-12-13T02:16:31Z")

</div>

The public folder only contains the html files for config, mobile, panel, etc though, no other files

---

<div class="post-metadata">

**Author:** ![dash](https://avatars.discourse-cdn.com/v4/letter/d/7c8e57/32.png) [@dash](https://staging-discuss.dev.twitch.com/u/dash)\
**Post date:** [December 13, 2018, 5:28am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/4 "2018-12-13T05:28:23Z")

</div>

I create a folder/dir and place all my public assets in there for organization and then select those files and folders/dirs to zip/compress.

For example my “organizational” folder/dir contains:

/js  
/css  
/graphics  
config.html  
panel.html

where /js, /css, /graphics are folders/dirs containing files or folders/dirs and config.html and panel.html are files.

Also make sure your css and javascript files are not externally linking. That is, copy all your js/css to a file that you will include with your public assets upload.

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [December 13, 2018, 6:27pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/5 "2018-12-13T18:27:04Z")

</div>

> [@Manevolence](#):
>
> The public folder only contains the html files for config, mobile, panel, etc though, no other files

Yes. Those are the files you upload for hosted test and eventually release…

You don’t upload the developer rig itself…

---

<div class="post-metadata">

**Author:** ![Manevolence](https://avatars.discourse-cdn.com/v4/letter/m/a698b9/32.png) [@Manevolence](https://staging-discuss.dev.twitch.com/u/Manevolence)\
**Post date:** [December 13, 2018, 7:41pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/6 "2018-12-13T19:41:53Z")

</div>

I was missing the fact that you had to run yarn build for it to also populate the bundle.js files for each as well along with those html files in the public folder into the /dist folder. Thank you!

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [December 13, 2018, 7:44pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/7 "2018-12-13T19:44:41Z")

</div>

Thats incorrect.

You just built and uploaded the developer rig, not the extension you wrote.

yarn build builds the “production” version of the rig and is unrelated to the extension assets

---

<div class="post-metadata">

**Author:** ![Manevolence](https://avatars.discourse-cdn.com/v4/letter/m/a698b9/32.png) [@Manevolence](https://staging-discuss.dev.twitch.com/u/Manevolence)\
**Post date:** [December 17, 2018, 3:28pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/8 "2018-12-17T15:28:59Z")

</div>

Sorry for the late reply, are you saying that zipping these files populated by yarn build was incorrect?

![](https://d2spem0quai2ol.cloudfront.net/original/2X/e/e348f9825e10cdb66b23b219668604ec64054b98.png)

Because it did work, however obviously I don’t want to be doing the wrong thing haha. Upon making changes i’ve been running yarn build to update the files in that folder and re-zipping it, it’s been working. But if i’m also zipping unnecessary files i’d want to know as well.

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [December 17, 2018, 3:35pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-zip-the-required-files-for-hosted-testing/19039/9 "2018-12-17T15:35:21Z")

</div>

> [@Manevolence](#):
>
> Sorry for the late reply, are you saying that zipping these files populated by yarn build was incorrect?

Yes

Yarn build creates a build in the build folder. Not the dist folder…

I have no idea why your `yarn build` did something else.

As per [https://github.com/twitchdev/developer-rig/blob/master/package.json](https://github.com/twitchdev/developer-rig/blob/master/package.json) `yarn build` calls [https://github.com/twitchdev/developer-rig/blob/master/scripts/build.js](https://github.com/twitchdev/developer-rig/blob/master/scripts/build.js) which builds the developer rig for release. It’s nothing to do with packaging your extension itself.

Rechecking your screen shot. Most of the contents do not match the layout of [https://github.com/twitchdev/developer-rig](https://github.com/twitchdev/developer-rig)

So in summary, I have no idea what your `yarn build` has done as it does not match the developer rig
