somecho / p5cljs-editor Goto Github PK

Add a console where users can see if there's an error, or if they are logging anything. Use console-feed to implement this feature.

Someone asked about whether p5 sound is supported. Since the p5 editor supports it, this project should too. Maybe using the same strategy as importing the sound library on run.

Add key shortcutes to start (and stop) a sketch. Alt-Enter is a good combination. Maybe there is a plugin with CodeMirror to do this.

Add a stop button to stop and remove running sketches from view (similar to how the P5 editor does it).

The button should have a different color from the run button, indicating a stop action. Preferable from the neutral or slate tailwind colorscheme.

Currently, the styling for the code blocks in the articles are in global css. These should be moved in to custom components that are passed into the Article component. Other stylings like list stylings should also be moved in.

Create some example sketches with the editor for sharing and add the links to README.md

Steps to reproduce:
1- run sketch (defn setup[] (println "hello"))
2- run sketch (println "HELLO"))

Problem:
Prints both 'HELLO' and 'hello'

Expected:
Should only print 'HELLO'

Add a quick tutorial page that can be accessed from the navbar. Simple steps:

1. Add a new route /tutorial
2. Write tutorial.md in the pages directory

A code formatting plugin will need to be used for ReactRemark.

Add a CDN "drawer" where user can provide CDN links to libraries they want to use (e.g. Tone, Chroma, etc) and make it available.

Currently, only draw() and setup() are supported. Add the following:

• preload()
• keyPressed()
• keyReleased()
• keyTyped()
• deviceMoved()
• deviceTurned()
• deviceShaken()
• mouseMoved()
• mouseDragged()
• mousePressed()
• mouseReleased()
• mouseClicked()
• doubleClicked()
• mouseWheel()
• touchStarted()
• touchMoved()
• touchEnded()

Steps to reproduce:

1. fresh reload of p5 cljs editor
2. run an invalid sketch
3. run a valid sketch

Error message:

Uncaught ReferenceError: createCanvas is not defined