p5.js sketch breaks when I save it

[chris-relaxing]

If I start up a new sketch in p5.js mode and paste in this code, it works fine. I click run and it shows the output in my browser window with no errors (correctly showing a square spinning on the Y axis)

let angle = 0;

function setup() {
createCanvas(400, 300, WEBGL);
}

function draw() {
background(175);
rectMode(CENTER);
//noStroke();
//fill(0, 0, 255);
//rotateZ(angle);
rotateY(angle);
rect(0, 0, 150, 150);
angle += 0.03;

}

However, if I then save this file, it no longer works when I try to run it. I get an error message:
SyntaxError: Expected ; but found angle
And this generally highlights the first line in the code.

I am using Processing IDE 3.3.6. Windows 10. Firefox for output.

Processing environment.

p5.js mode:

error message:

index.html:

[schellenberg]

I was able to replicate this error, as well as find a partial solution. I was guessing the error was occurring due to some kind of syntax checking that p5js-mode was using. On a hunch, I changed the let to var, saved the file again, and it executed just fine.

Poking around the source of p5js-mode, I'm wondering if it is the public HtmlTokenMarker(boolean js) function in the HTMLTokenMarker.java file. I can see var in there, but the more recent let and const ES6 style variable declarations are not. Perhaps it is as simple as adding those?

[benfry]

Should be fixed for the next release (1.1) along with #20.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.