Setting up free code camp on visual editor

mahmad · October 2, 2024, 12:59am

Hello friends,

Happy thursday: Just wanted to get in touch:

I was thinking to contribute to an open source project and in an effort to do that I have found freecodecamp.org a great place
But while setting up the code repo I am facing an error: for which I have not been able to find any solution

This is the error:
Error: Filename C:\Users\ACER\freeCodeCamp\curriculum\challenges\english\21-a2-english-for-developers\learn-introductions-in-an-online-team-meeting\651dd5a46ffb500e3f2ce47b.md does not match challenge id 651dd5a46ffb500e3f2ce47b
at addMetaToChallenge (C:\Users\ACER\freeCodeCamp\curriculum\get-challenges.js:283:15)
at createChallenge (C:\Users\ACER\freeCodeCamp\curriculum\get-challenges.js:359:5)
at async buildChallenges (C:\Users\ACER\freeCodeCamp\curriculum\get-challenges.js:265:7)

When I did a root cause analysis (Here are the possible solution I did):

Did a pnpm clean
Did a verification check on both the ID’s (appears to be the same)

Can you help me diagnose or suggest a possible fix? Did any of you guys faced similar issue while setting up the codebase:

Please help me understand or provide a solution

Your support in solving this problem and setting up the repo will be much appreciated.

Much thanks.

lasjorg · October 2, 2024, 8:27pm

My guess is you have to use WSL.

It looks related to the path and how the test is doing a split on / and then popping it. It should be logging the file name and not the full path in the error.

github.com

freeCodeCamp/freeCodeCamp/blob/285a49a10cc8113539e82e57c5c8e02ff1792db0/curriculum/get-challenges.js#L279


      
          
          // This is a slightly weird abstraction, but it lets us define helper functions
          // without passing around a ton of arguments.
          function generateChallengeCreator(lang, englishPath, i18nPath) {
            function addMetaToChallenge(challenge, meta) {
              const challengeOrder = findIndex(
                meta.challengeOrder,
                ({ id }) => id === challenge.id
              );
          
              const isObjectIdFilename = /[a-z0-9]{24}\.md$/.test(englishPath);
              if (isObjectIdFilename) {
                const filename = englishPath.split('/').pop();
                if (filename !== `${challenge.id}.md`) {
                  throw Error(
                    `Filename ${filename} does not match challenge id ${challenge.id}`
                  );
                }
              }
          
              challenge.block = meta.dashedName;

mahmad · October 2, 2024, 9:40pm

Hello @lasjorg thanks for your response, I have installed latest version of WSL: However the error is not resolved:

Here is the directory structure related to the error:

lasjorg · October 2, 2024, 10:27pm

Your path and the fact that you look to be using PowerShell doesn’t seem to suggest the repo is running inside WSL. Did you clone the repo into the distro location?

You need to set everything up so it is running on the Linux distro (except the docker MongoDB setup and VS Code has a WSL integration extension).

Here is another article the docs link to you might want to read.

mahmad · October 2, 2024, 10:37pm

hmm, agreed from the previous image (my bad):

Have a look now:

What should be the next steps:

Should I setup the mongodb seperately in the powershell terminal
and then execute the following instructions as written from this article : Setup a dev environment for freeCodeCamp | Contribute | freeCodeCamp.org

Or What should I do afterwards, thoughts?

mahmad · October 2, 2024, 10:41pm

lasjorg · October 2, 2024, 10:52pm

What am I supposed to do with that?

lasjorg · October 2, 2024, 10:56pm

Use Docker Desktop

Docs: Configure Docker Desktop for WSL

Article: Steps to install Docker on Windows and configure WSL2 as a backend.

mahmad · October 3, 2024, 4:06pm

Hi @lasjorg , thanks for your solution and guidance on opting for th WSL-2 solution:

In doing so: Now I am not facing any similar meta ID issue:

But with this appraoch: My CPU resources are unable to build the development bundle to run it to the (localhost:8000)

comm surrogate and vmmem processes have been consuming: 100% CPU utilization

After I press the:

pnpm develop on the wsl2

it took almost 5 hours and still the development bundle wasnt able to load on to the server.

I also seek help from ChatGPt for memory optimization of CPU and Ram in such scenario:

Configured (.wslconfig: [wsl2]
memory=8GB # Limit WSL to 8GB RAM
processors=2 # Limit WSL to use only 2 CPU cores
swap=4GB # 4 GB of swap memory)

But it does not solved the problem, Any advice on how Can i solve this problem?

Just to let you know I also did (pnpm run test-client) to minimize the load but it didn’t ran

My laptop specs: The specs of my cpu are i5-3230 CPU @260 GHZ , RAM 16 GB

lasjorg · October 3, 2024, 4:47pm

It might be the CPU, if it really is Intel Core i5-3230M that looks to be a mobile CPU with 2 cores and 4 threads released in 2013. That might not cut it.

I don’t have any suggestion other than the standard tweaks.

I would try using Gitpod or Codespaces, as described in the docs. It is a pretty good solution for getting started with contributing.