# How to preview changes made in p5.js repository at ps.js web-editor at my localhost

**URL:** <https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014>\
**Category:** Development\
**Created:** [February 23, 2021, 7:10am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014 "2021-02-23T07:10:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amit90113](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@Amit90113](https://discourse.processing.org/u/Amit90113)\
**Post date:** [February 23, 2021, 7:10am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/1 "2021-02-23T07:10:44Z")

</div>

Hi, I am new to p5.js I have encountered some problems while rendering some GIFs as it is giving “uncaught type error” in the p5.js web-editor console. I have a quick fix also and made some changes in the p5.js repository and want to preview. Will this fix work but, I can’t figure out how to preview my changes made on p5.js on web-editor at my localhost.

---

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [February 23, 2021, 12:19pm UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/2 "2021-02-23T12:19:08Z")

</div>

Do you want to run the web editor on your computer? If so here is the guide

> <https://github.com/processing/p5.js-web-editor/blob/develop/developer_docs/installation.md>

I have to say it’s not simple especially if you’re not familiar with Unix. If you think this is not possible, you can always open an issue on the github repository above and suggest edits so someone else can test it!

---

<div class="post-metadata">

**Author:** ![Amit90113](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@Amit90113](https://discourse.processing.org/u/Amit90113)\
**Post date:** [February 25, 2021, 11:45am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/3 "2021-02-25T11:45:12Z")

</div>

Thanks, @micuat, for your reply, but I want to know how to open the editor of p5.js in the local copy to know the change that I made in [P5.js](https://github.com/processing/p5.js) repository is working or not.

---

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [February 25, 2021, 12:49pm UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/4 "2021-02-25T12:49:44Z")

</div>

oh I see. So you want to build your version of p5.js and load it on an editor (nothing to do with p5.js-editor in this case)

it is explained here

> **[processing/p5.js - Development Process](https://github.com/processing/p5.js/tree/main/contributor_docs#development-process)**
>
> main/contributor\_docs

---

<div class="post-metadata">

**Author:** ![Amit90113](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@Amit90113](https://discourse.processing.org/u/Amit90113)\
**Post date:** [February 26, 2021, 5:31am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/5 "2021-02-26T05:31:46Z")

</div>

Hi @micuat, thank you so much for your help, but as I am trying to run the editor at my localhost through ‘empty-examples’, it is throwing some error:

Steps followed:

Forked and clone  
cd p5.js  
npm install  
npm run grunt (passed with no error)  
cd lib  
$ python -m http.server 8001 (to test the changes made in [sketch](https://github.com/processing/p5.js/blob/main/test/manual-test-examples/empty-example/sketch.js))

Console error:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2442f139c7f922b08777d331431c3e864cc1ba65.png)

Terminal:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/c/c8f8119051ef3c6de35eefb64998e41a02505b63.png)

---

<div class="post-metadata">

**Author:** ![micuat](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/micuat/32/19407_2.png) [@micuat](https://discourse.processing.org/u/micuat)\
**Post date:** [February 26, 2021, 5:43am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/6 "2021-02-26T05:43:27Z")

</div>

it is warning and not sure if that is actually a problem. can you run another example to test if p5js library is working because you are literally running an “empty” example?

---

<div class="post-metadata">

**Author:** ![Amit90113](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@Amit90113](https://discourse.processing.org/u/Amit90113)\
**Post date:** [February 26, 2021, 5:57am UTC](https://discourse.processing.org/t/how-to-preview-changes-made-in-p5-js-repository-at-ps-js-web-editor-at-my-localhost/28014/7 "2021-02-26T05:57:15Z")

</div>

Yeah, it is running fine I was doing something wrong initially. Again thank you so much 🙏 🙏 @micuat. Now I can run the editor all fine.