processing / processing/p5.js-web-editor

Feature: Add contextual right-click menu in the code editor

Open
#3,991 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area:Editor Feature Request
Dominant language
JavaScript
Stars
1.7k
Forks
1.7k
Avg merge
3d 4h
Merged PRs (30d)
8

Description

Increasing Access
  • Improves usability for beginners
  • Makes common actions more discoverable
  • Aligns the editor experience with modern IDE workflows
  • Reduces reliance on keyboard shortcuts
Feature request details

Currently, right-clicking inside the code editor does not show any contextual options. This makes it harder for users to quickly access common actions such as running the sketch, navigating to documentation, or formatting code.

Many modern editors provide contextual menus that improve discoverability and workflow efficiency.

Proposed Solution

Introduce a contextual right-click menu inside the code editor with commonly used actions.

Example actions could include:

  • Run sketch
  • Stop sketch
  • Go to definition
  • Go to documentation
  • Cut / Copy / Paste
  • Format document
  • Find

I created a small mockup to demonstrate how this could look:

Image

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

The issue names no files, tests, or entry points. Start by locating the code editor integration and review the attached mockup and proposed actions; done means a contextual right-click menu appears in the editor and provides the agreed common actions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.