P5.js-web-editor: Add script to generate syntax highlighting files

[catarak]

Nature of issue?

• Existing feature enhancement

Feature enhancement details:

978 was recently fixed, which fixed certain p5.js keywords not being highlighted. I would like to automate this process by pulling from https://p5js.org/reference/data.json.

This issue involves writing a script that generates the p5-javascript.js file from https://p5js.org/reference/data.json.

[siddhant1]

Cool ! I will have a look at this later .
In the meantime if anyone wants to pick this up , go ahead .

[singhvisha]

Hi, I want to work on this issue.
Is it open?

[singhvisha]

hi,if it is still an issue,Please allow me to fix.

[siddhant1]

Go for it!

[singhvisha]

Hi,Could you please help me how to approch?

[siddhant1]

@catarak has provided the link above , I think you can look at
https://github.com/processing/p5.js-web-editor/blob/master/client/utils/p5-javascript.js

[catarak]

@singhvisha go ahead and work on this! you'll need to parse the data.json file, pull out the p5.js keywords, and then dump them into the p5-javascript.js file by making a template file to insert them into. let me know if you need more help!

[SGeetansh]

Hi, is anyone already working on this issue? I'd like to give it a shot, if not.

[catarak]

@SGeetansh go ahead and work on this!

[simranaggarwal1999]

Hey! I s this issue still open? Can I work upon this issue? @catarak

[simranaggarwal1999]

@catarak Kindly assign me an issue. Thanks!

[SGeetansh]

@simranaggarwal1999 I started working on somethng else meanwhile. You go ahead if you want to. Best of luck!

[ashu8912]

@catarak can you guide a little please on how to start working on this issue

[adrijshikhar]

@catarak i would like to work on this issue, can you please assign it to me?

[devashish1099]

@catarak in which file should i add the request for json file

[thegitone23]

I would like to work on this issue, if it's still not done.

[catarak]

Go ahead! No one else is working on it at the moment.

[thegitone23]

@catarak I have written a simple script, here is the gist. I have tested that it captures all the function names and keywords already existing in the code base (p5-javascript.js) and also many new ones defined in data.json file. It would be great if you can have a look. I was also wondering what would be the right way to incorporate this in the code base, I would be thankful if you could share your views on that too..

[catarak]

Amazing work @thegitone23, thank you! I think this is a great start. What I would recommend you do next is:

1. Rather than using a local data.json, have it pull from the p5.js website url. request is already a dependency in the web editor so you could use that library.
2. Create a template version of p5-javascript.js that will allow you to inject those keywords.
3. Write code that reads p5-javascript.template.js, inserts the keywords into the right place, and then writes the resulting string to the file p5-javascript.js.

I would put the file you're working on in server/scripts/ in the web editor repository.

[thegitone23]

Thank You @catarak .. I will start working on the next part accordingly, and will soon report my progress ..