Enable breakpoints in embedded editor

[Tuna]

I'm (very) confused as to how I enable setting of breakpoints in an
embedded ace editor (with a custom edit mode)?

I can see how you can do session.setBreakpoint(), but how do you allow
users to click the gutter/press a key to set a breakpoint on a line?
The standard editor doesn't seem to do this.

If it helps, I'm creating the editor in javascript with something
like: var editor = ace.edit(sourceId);

[Harutyun Amirjanyan]

you can use this function
editor.on("guttermousedown", function(e){
var target = e.domEvent.target;
if (target.className.indexOf("ace_gutter-cell") == -1)
return;
if (!editor.isFocused())
return;
if (e.clientX > 25 + target.getBoundingClientRect().left)
return;

var row = e.getDocumentPosition().row
e.editor.session.setBreakpoint(row)
e.stop()
})

and don't forget to add some styling for breakpoints e.g.
.ace_gutter-cell.ace_breakpoint{
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 0px 1px 1px red inset;
}

[Tuna]

Absolutely fantastic - just what I needed. I struggled to find the
relevant documentation on the Ace site.

Thank you very much!

[Tuna]

Hum. That's interesting. The breakpoints are independent of the lines
of code? So if you put in a newline before a breakpoint, it doesn't
move with the code?

[Harutyun Amirjanyan]

see
https://github.com/MikeRatcliffe/Acebug/blob/master/chrome/content/ace++/startup.js#L66-104
for keeping positions of breakpoints when text changes

[Tuna]

Thank you, I have it working quite well now: http://fasm.elasticbeanstalk.com/?proj=21rnsl

On May 12, 2:01 pm, Harutyun Amirjanyan <amirjan...@gmail.com> wrote:
> seehttps://github.com/MikeRatcliffe/Acebug/blob/master/chrome/content/ac...

[Harutyun Amirjanyan]

neat!

[Iftekharuddin Mohammed]

in the same way, how do we clear the breakpoint?