JSUI Issues: The glpushmatrix() and glpopmatrix() methods

I'm diving further into JSUI and upon revisiting it I realize how it's more or less like Processing which makes sense from a technical perspective.

With that said I am getting what may be inconsistent results with the methods glpushmatrix() and glpopmatrix(). I am basing this off of my my understanding of the similar methods in Processing and my reading on the topic.

When I initially render the JSUI object, a rectangle is rotate/transformed but the circle is not. THIS is the expected result.
When I send a bang to the object in order to re-render it, all shapes are transformed. This is NOT the expected result. This suggests that it's no longer obeying the glpushmatrix().

Any thoughts and insight into this? Thanks.

You can see the javascript here:

sketch.default2d();

// Helper Object mimicking Processing.org functions

var p = {

circle : function(x,y,r) {

moveto(x,y);

circle(r);

},

rect : function(x, y, w, h) {

moveto(x, y);

plane(w, h, w, h);

},

fill : function(r,g,b,a) {

var r = r/255.;

var g = g/255.;

var b = b/255.;

var a = a/255.;

glcolor(r, g, b, a);

},

background : function(r,g,b,a) {

r = r/255.;

g = g/255.;

b = b/255.;

a = a/255.;

glclearcolor(r, g, b, a);

}

}

function draw() {

with(sketch) {

refresh();

glmatrixmode("modelview");

p.background(46, 48, 51, 0);

glpushmatrix();

p.fill(255, 255, 255, 255);

p.circle(0,0.03, 0.8);

glpopmatrix();

glpushmatrix();

shapeorient(100.7, 40, 0);

p.rect(0.2, 0.2, 0.2, 0.2);

glpopmatrix();

}

}

function bang() {

notifyclients();

draw();

refresh();

outlet(0,val);

}

draw();