Links to the p5.js Editor use specific version

[ksen0]

Increasing Access

Currently, learners starting from 2.0 tutorials and examples who open the editor from the site still have to manually open library management settings, and select the 2.0 version. Right now, this is especially relevant for using 2.x, but in the future, it would be important for any non-default version: Once 2.x is default, for example, a tutorial that requires 1.x would also benefit from this feature. From the 1.x website, it should be possible for learners and teachers to open the editor with the correct version already selected, preventing confusion.

Most appropriate sub-area of p5.js?

Home

Feature request details

The ability to specify editor.p5js.org?version=2.0.4 in the URL has recently been implemented - it's not quite live yet, but the issue and PR shows use, and it has been merged.

The prominent links to the editor should specify a version:

• p5.js-website/src/components/Nav/MainNavLinks.tsx

  Line 84 in e6c6402

  <a className={styles.buttonlink} href="https://editor.p5js.org">

• p5.js-website/src/content/text-detail/en/download.mdx

  Line 18 in e6c6402

  <LinkButton variant='link' url='https://editor.p5js.org/'> p5.js Editor </LinkButton>

• optionally, could update other links - though best to start with the above two

The version should not be hardcoded, but use version from p5-version.ts (you can test both with main/1.x, and 2.0/2.x: 2.x p5-version.ts.

NOTE: The PR should target the 2.0 branch first, but will be applied to main as well.

[ksen0]

Please note this issue is currently reserved for the CodeDay microinternship, so is will only be assigned to volunteers from there. Thank you for understanding!

[lirenjie95]

@ksen0 I'll be happy to serve as a reviewer when the volunteer have the PR ready!

[whynotdeep7]

hi @ksen0 I’m thinking of fixing this by creating a single editorUrl constant in globals.ts that builds the URL dynamically using the p5Version from p5-version.ts. Then I’ll update the main editor links in MainNavLinks.tsx and download.mdx to use this, so everything stays consistent and easier to update later.

[ksen0]

Related PRs on both branches have been merged, so I'm closing this!