❓ How Do I Set Up My Development Environment? ❓

[raclim]

Question About Setting Up Your Environment

I wanted to highlight this here since we've noticed a few folks ask questions regarding this. We hope this issue serves as a space for folks to share their issues, advice, or any other thoughts they had while setting up their own local development environments!

Relevant Resources

p5.js Web Editor Contributor Docs
Installation Docs for Setting Up Your Dev Environment

[Shivachauhan17]

i would setup using suggest docker. follow the steps for the project installation using docker.that's how i did it on my local machine and it worked.

installation using docker

and do not forgot to put your github API credentials.
try it on stable and good network

[PiyushThapaa]

Go through the development installation guide or simply download docker desktop and run these three command in your local folder:

1. docker-compose -f docker-compose-development.yml build
2. cp .env.example .env (use "copy" keyword instead "cp" if your operating system is windows)
   3)docker-compose -f docker-compose-development.yml up

Wait for every command until it is executed (cause it takes time)

Then then you can navigate to http://localhost:8000/ in your browser

[ayeshag7]

Hi, I've been trying to set up my local development environment using docker (I've docker desktop installed) after the recent release for a few days. However, whenever I try to build my docker image using docker-compose -f docker-compose-development.yml build, I get this error:

failed to solve: process "/bin/sh -c npm install" did not complete successfully: exit code: 1

A more detailed error log is this:

 > [app development 2/9] RUN npm install:
58.33 npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
59.13 npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
.
.
.
.
122.0 npm notice Run `npm install -g [email protected]` to update!
122.0 npm notice
122.0 npm ERR! code ERR_SOCKET_TIMEOUT
122.0 npm ERR! network Socket timeout
122.0 npm ERR! network This is a problem related to network connectivity.
122.0 npm ERR! network In most cases you are behind a proxy or have bad network settings.
122.0 npm ERR! network
122.0 npm ERR! network If you are behind a proxy, please make sure that the
122.0 npm ERR! network 'proxy' config is set properly.  See: 'npm help config'
122.1
122.1 npm ERR! A complete log of this run can be found in:
122.1 npm ERR!     /root/.npm/_logs/2023-12-03T05_38_47_285Z-debug-0.log

I've checked my network connection, it's pretty stable. Moreover, I've not manually set my proxies for docker desktop. I also tried uninstalling and installing docker desktop again. But, nothing worked.

Can someone help me identify the source of this error? I'll really appreciate it, thanks.

@raclim @PiyushThapaa

Update:
I was able to solve the error by changing my internet server. It was a network connectivity issue in the end!

[ShreyaBarsude02]

@raclim after installing the setup manually i ran "npm install", after doing that i got few vulnerabilities/issues and it advised me to do "npm audit fix", shall i proceed with this "npm audit fix" command?

[raclim]

@ayeshag7 Sorry for missing this, glad you were able to figure it out!

@ShreyaBarsude02 No, it'd be best to not run that command! Running npm audit fix will automatically install any updates needed to "fix" vulnerabilities in this project. Since these fixes haven't been applied to this project's code yet, you'd be working with a different version of it, which wouldn't be ideal.

[Akhilbisht798]

To set up development Environment on your local machine these are the step you need to do. you should have docker and docker compose installed in your system.

• git clone this repo
• cd into this repo
• cp .env.example .env
• docker compose -f docker-compose-development.yml up

That's it. Now you can start contributing.

[macayu17]

As soon as I am trying to start the server, I am getting this error. Kindly help!

@raclim @Shivachauhan17 @Akhilbisht798

[Sudarshan-21]

@macayu17 are you following manual installation or docker installation?

[macayu17]

@Sudarshan-21 I was doing docker installation.

[Sudarshan-21]

@macayu17 restarting your docker might work

[macayu17]

@Sudarshan-21 I tried it but the issue persists.

[Sudarshan-21]

@macayu17 Do the following checks: installed node, nvm, git and try restarting the project itself by reinstalling everything. also remember running "npm install" in the console. Hope it helps.

[ayeshag7]

@macayu17 I apologize for the late reply. I hope that you were able to fix this issue. Were you?

[macayu17]

@ayeshag7 Nope it still persists.

[haarsh157]

When I recently synced my forked repository and tried to run on my local machine I got this error.
Kindly help...
@raclim @lindapaiste

[Sudarshan-21]

I am also facing the same issue after I synced my fork repo 2 days ago.
I guess this issue is arising due to recent merges in past 4-5 days.
@raclim

[macayu17]

This is the new error which I am getting now.

[zukentag]

I have a isuue regarding , changes i make to the code, I cannot see the changes reflect on the web site untill i restart my docker container/

[Sarthak102]

@zukentag I am having the same problem is there any solution. or I am doing something wrong.

[haarsh157]

When I recently synced my forked repository and tried to run on my local machine I got this error. Kindly help... @raclim @lindapaiste

Any update on this??
@raclim

[Ayush-Vish]

@haarsh157 Did your issue gets resolved ?

[haarsh157]

@Ayush-Vish Yes! I removed the docker images and then set up the development environment again. It worked.

[PiyushThapaa]

@lindapaiste @raclim Every time I make some changes in code I have to restart my server to see the changes. Is there any way to see changes simultaneously while changing in code cause it take minutes to start the server. Btw I am using docker.

[Akshat76845]

How to resolve this issues