add SI stack dropdown to tracer, relates to #52

Author: e9gille

index.html

@@ -151,6 +151,8 @@
     <a href=# class='tb_btn tb_RP               ' title='Replace'                                 ></a>
     <a href=# class='tb_btn tb_PV               ' title='Search for previous match'               ></a>
     <a href=# class='tb_btn tb_NX          last ' title='Search for next match'                   ></a>
+    <span class=tb_sep></span>
+    <select class='si_stack tc_only'></select>
   </div>
   <div class=ride_win_cm></div>
 </div>

src/ed.js

@@ -83,6 +83,9 @@ D.Ed.prototype={
     if(this.btm==-1){this.cm.scrollTo(0,this.cm.heightAtLine(this.cm.lastLine(),"local")-this.cm.getScrollInfo().clientHeight+this.cm.defaultTextHeight()+4)}
     else if(this.btm!=null){var i=this.cm.getScrollInfo();this.cm.scrollTo(0,this.btm-i.clientHeight)}
   },
+  updateSIStack:function(x){
+    this.dom.querySelector('.si_stack').innerHTML=x.stack.map(function(o){return'<option>'+o}).join('')
+  },
   open:function(ee){ //ee:editable entity
     var ed=this,cm=ed.cm
     this.jumps.forEach(function(x){x.n=x.lh.lineNo()}) //to preserve jumps, convert LineHandle-s to line numbers
@@ -159,7 +162,7 @@ D.Ed.prototype={
     cm.replaceRange(s,{line:l,ch:0},{line:l,ch:cm.getLine(l).length},'D')
   },
   LN:function(){D.prf.lineNums.toggle()},
-  TC:function(){D.send('StepInto',{win:this.id})},
+  TC:function(){D.send('StepInto',{win:this.id});D.send('GetSIStack',{})},
   AC:function(cm){ //align comments
     if(cm.getOption('readOnly'))return
     var ed=this,ll=cm.lastLine(),o=cm.listSelections() //o:original selections
@@ -179,7 +182,7 @@ D.Ed.prototype={
     cm.setSelections(o)
   },
   ER:function(cm){
-    if(this.tc){D.send('RunCurrentLine',{win:this.id});return}
+    if(this.tc){D.send('RunCurrentLine',{win:this.id});D.send('GetSIStack',{});return}
     if(D.prf.autoCloseBlocks()){
       var u=cm.getCursor(),l=u.line,s=cm.getLine(l),m
       var re=/^(\s*):(class|disposable|for|if|interface|namespace|property|repeat|section|select|trap|while|with)\b([^⋄\{]*)$/i

src/ide.js

@@ -84,7 +84,10 @@ D.IDE=function(){'use strict'
       }
       p.addChild({type:'component',componentName:'win',componentState:{id:w},title:ee.name})
       ide.WSEwidth=ide.wsew
-      tc?ide.wins[0].scrollCursorIntoView():ide.wins[0].cm.scrollTo(si.left,si.top)
+      if(tc){
+        D.send('GetSIStack',{})
+        ide.wins[0].scrollCursorIntoView()
+      }else ide.wins[0].cm.scrollTo(si.left,si.top)
     },
     ShowHTML:function(x){
       if(D.el){
@@ -143,6 +146,7 @@ D.IDE=function(){'use strict'
                                       var t=e.target,i=99;while(t){t=t.previousSibling;i++}ret(i)}}
       D.util.dlg(I.gd,{w:400,h:300})
     },
+    ReplyGetSIStack:function(x){var tc=ide.tracer();tc&&tc.updateSIStack(x)},
     ReplyTreeList:function(x){ide.wse.replyTreeList(x)},
     StatusOutput:function(x){
       var w=ide.wStatus;if(!D.el)return

src/se.js

@@ -120,7 +120,7 @@ D.Se.prototype={
   ED:function(cm){
     var c=cm.getCursor(),txt=cm.getLine(c.line);
     if(/^\s*$/.test(txt)){
-      var tc=this.ide.tracer();tc.focus();tc.ED(tc.cm)
+      var tc=this.ide.tracer();if(tc){tc.focus();tc.ED(tc.cm)}
     } else{
       D.send('Edit',{win:0,pos:c.ch,text:txt,unsaved:this.ide.getUnsaved()})
     }