processing / processing/p5.js-web-editor

Update Examples generation script to use up-to-date version

Open
#4,106 2 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Awaiting Maintainer Approval Enhancement On Hold p5v2 switch: recommended
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

Increasing Access

The editor makes getting started easier by surfacing examples from the main dropdown menu:

Image
Feature enhancement details

Currently, the examples in https://editor.p5js.org/p5/sketches are built from the archive site. Instead, they should match the examples on https://p5js.org/, and include the updated attribution block as it appears on the website. (https://github.com/processing/p5.js-website/tree/main/src/content/examples or https://p5js.org/examples/)

Addressing this would include:

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with server/scripts/examples.js around the referenced fetch logic, then compare the current examples in the p5.js website repository and its data.json pattern. Determine which source can provide the current examples and attribution block, and update the generation flow so its output matches the main site and can be updated for p5.js v2.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
content, tooling
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.