p5 2.x Download Page: Descriptive instruction on p5.js CDN

[xinemata]

I'm hoping to set up a local environment that would let me use the latest version of p5.js 2.x without having to look it up manually.

After learning more about semantic versioning, I think the download page might benefit from a slightly more descriptive CDN instruction.

The current description:

Use p5.js from CDN

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing.
https://cdn.jsdelivr.net/npm/p5@2.2.2/lib/p5.min.js

Suggested description:

Use p5.js from CDN

All versions of p5.js are hosted on content delivery network (CDN), a geographically distributed group of servers. There are a couple different ways to access the JavaScript library from your code editor.

Current Version of p5.js (recommended)

Use the following URL if you'd like to access the current version of p5.js.
https://cdn.jsdelivr.net/npm/p5@2.2.2/lib/p5.min.js

Latest Version of p5.js

Use the following URL if you'd like to ensure that you're always accessing the latest version of p5.js 2.x.
https://cdn.jsdelivr.net/npm/p5@2/lib/p5.min.js

Other Versions of p5.js

If you'd like to access an earlier version of p5.js, you can look up the corresponding URL on p5.js' jsdelivr webpage.

[geeta102]

Hii, I would like to work on this issue. I can update the CDN section on the download page with the instructions suggested here. could you please assign it to me and guide me on which files needs to be edited

[ksen0]

Thanks @geeta102 go ahead!

You'll need to update the text here: https://github.com/processing/p5.js-website/blob/main/src/content/text-detail/en/download.mdx (you will also find the translations nearby, but in the PR only include languages you are fluent in, or just focus on English and future issues will ask volunteers to update other languages)

You'll also need to add a variable to globals https://github.com/processing/p5.js-website/blob/main/src/globals/globals.ts that exposes the major version based on p5Version

Let me know if you have any questions, either here or @ me in Discord